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
  • Pack won't install - error message
  • Sections not appearing after theme update
  • Support contact form won't submit
  • Sections or templates not displaying properly
  1. Guides

Troubleshooting

Running into issues? Here are some tips that might help!

PreviousHelpful hints & resourcesNextPerformance

Last updated 3 months ago

Pack won't install - error message

If you encounter the upside down smiley face - 🙃 then you know something is amiss! We first recommend trying another browser such as Chrome, Firefox or Edge. We have found that older versions of Safari can cause problems with all sorts of Shopify functions.

If you've tried another browser and are still getting an error message, check if you are installing a section or a template. If you are getting the error with a template, contact us at support. Templates are collections of sections and we store all the data in JSON. Very occasionally there might be an error in this JSON which prevents the template from installing. This is usually a very quick fix (less than 10 minutes), so if you email us at we'll be able to apply the solution right away.

Sections not appearing after theme update

If your sections are missing after a theme update, don't worry. We offer a complimentary migration service to help seamlessly transition your sections. Simply email us at with your details, and our team will handle the migration process for you, ensuring your Design Packs are restored and functional.

Support contact form won't submit

Try another browser such as Chrome, Firefox, or Edge or contact use through the contact form on our site or use . We also respond to messages send to us on , , and .

Please note that we are a small team and while we do our best to reply as soon as possible, we are in the Toronto, Canada timezone (EST), so your patience is appreciated for any messages sent.

Sections or templates not displaying properly

If you've added some sections to a page and find that they aren't looking quite right (looking a bit off, elements look too large, images not appearing correctly, etc) then it is likely that the global CSS file is not being properly linked to that page.

This can happen on pages such as the password page, or other custom liquid files in your layouts folder (folder can be found in the code editor view).

This is a super quick fix for us, so if you email us at support, we can request collaborator access and add a fix. However, if you are comfortable with copying and pasting, you can also apply the fix yourself as follows.

  1. Navigate to the Code editor for the theme where the sections are not appearing correctly:

  2. Look for Layouts > password.liquid (or the layout file name where the packs are not appearing correctly)

  3. Click on the file name and look for </head>

  4. On the line directly ABOVE the </head> copy and paste the following code:

<link rel="preload" href="{{ 'design-pack-styles.css' | asset_url }}" as="style">
{{ 'design-pack-styles.css' | asset_url | stylesheet_tag }}

Save the file and when you return to the theme editor and refresh, you should now see your Design Packs appearing correctly. If you don't feel comfortable editing code, don't hesitate to contact us and we'd be happy to do this for you.

support@design-packs.com
support@design-packs.com
support@design-packs.com
Twitter
Facebook
Instagram