Design Packs Docs
design-packs.comView on Shopify App Store
  • Get started here
  • Guides
    • Adding your first section
    • Adding your first template
    • General settings
    • Helpful hints & resources
    • Troubleshooting
    • Performance
  • Fundamentals
    • Section Settings
      • Setting Solid Background Colors instead of Gradients
      • Understanding Layout Settings: Size & Maximum Width
      • Understanding Inner Padding & Outer Margin Settings
      • Custom Classes Setting
      • Show Individual Variants Setting
      • Enable Metafield Detection Setting
        • Metafield ready sections
        • How to Use Metaobjects on Product template with Image with text - simple section
      • Metafield Badge Setting
      • Using Blog Tags Setting to Show Product-Specific Blog Posts
      • Add custom events when product is added to cart
      • Size Controls for Image & Video Blocks
      • Featured collection - blocks
        • How to use the Liquid Block in "Featured collection - blocks" Section to Add Custom Review Apps
        • How to use the Metafield Image Badge block
        • How to use the Metafield text block
      • Newsletter/Signup Form Block - Tags
      • How to add a Hidden Field in Contact Form
    • Sections
      • Banners & Sliders
      • Flourish
      • Icon & Logos
      • Image with text
      • Menus & Navigation
      • Blocks & Columns
      • Text Content
      • Products & Collections
      • Article sections
      • Galleries
      • Misc
      • Modal Popup
    • Templates
      • Regular Page
      • Lookbooks
      • Blogs
      • Blog Posts
      • Collection
      • Landing pages
    • Custom CSS
      • Basic CSS examples
      • Mobile CSS examples
      • Advanced Examples
    • Shopify expertise
      • Theme editor
      • Metafields
      • MetaObjects
    • How to Guides
      • How to jump/ link to another section on the SAME page
      • How to forward a contact form in Shopify to a different email with Gmail filters
      • How to create new page templates (and keep the original as a starting point)
      • Creating a New Product Template
      • How to set default article template for all blog posts
  • Use Cases
    • For Designers
    • For Developers
    • Agency Licenses
    • Affiliate Program
  • PRODUCT BLOCKS
    • Product Blocks
      • Image with text block
      • Connected products block
      • Variant descriptions block
      • Value icons block
      • Video block
      • Collapsible content block
      • Feature range block
  • Integrations
    • Theme Updater App
Powered by GitBook
On this page
  1. Integrations

Theme Updater App

How to make sure Design Packs carry over properly when using the Theme Updater App (Out of the Sandbox, Pixel Union, and Archetype themes)

The Theme Updater app is a tool that allows you to update the theme of your Shopify store without having to go through the process of manually uploading and installing a new theme. To use the Theme Updater app, you will need to have a Shopify store and have installed the app from the Shopify App Store. You will also need to make sure that your theme is from one of the supported theme companies (Out of the Sandbox, Pixel Union, and Archetype) Note that the Theme Updater app is only compatible with certain themes. If you are having trouble using the app or if it is not compatible with your theme, you may need to update your theme manually by uploading the new version through the Shopify theme editor.

To update your theme using the Theme Updater app, follow these steps:

  1. Go to the Shopify App Store and search for "Theme Updater".

  2. Click on the app and then click the "Add app" button to install it.

  3. Once the app is installed, go to the app's settings page and select the theme you want to update.

  4. Click the "Update" button to start the update process. The app will download the new version of the theme and install it on your store. We recommend choosing "Carry over customizations" as this will allow the app to bring over any additional app code.

  5. Open your new, duplicated theme in the theme editor. Do your Design Pack sections look correct? Great! No more steps are needed.

  6. If your Design Packs sections are not displaying correctly, take the following steps:

    1. Go to Apps > Design Packs

    2. Re-install the FAQ - simple FREE section on your updated theme

    3. If you have Global custom CSS, select your updated theme and click "Save" (note - if your updated theme is selected, but the Save button is not active, add a new blank line to the end of the file to activate the "Save" button)

  7. If you run into any issues with sections not transferring properly - drop us a line at info@design-packs.com. Design Packs is fully compatible with the Theme Updater App.

PreviousFeature range block

Last updated 2 years ago