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
  • Legacy themes
  • Online store 2.0 themes
  1. Fundamentals

Templates

PreviousModal PopupNextRegular Page

Last updated 10 months ago

Good to know: Our online store 2.0 templates will add 2.0 functionality to an existing legacy 1.0 theme.

Design Pack templates are pre-designed pages that can be added directly to your theme. You can simply just add your images and copy, you can update it to reflect your branding identity with colors and icons, or you can just use it as a jumping off start to create the exact page you need.

At their core, our templates are just a selection of sections and you have full control to do with them as you like.

Legacy themes

Design Packs is the fastest way you can start taking advantage of Online store 2.0 features today. Even with a legacy theme, all you need to do is add one of our templates. Not only will you be able to drag & drop the sections in that template, you'll be able to add in your themes existing sections to mix & match the templates.

You'll be able to add up to 1000 new page templates with Design Packs and use the Shopify customization editor as a full drag & drop page builder.

Online store 2.0 allows you to create pages with the flexibility that you have on the homepage now and use dynamic data via to customize each section even further.

Online store 2.0 themes

If you're already using an Online store 2.0 theme, Design Pack templates integrate seamlessly into your theme. Once a template is added you'll be able to edit it just like the rest of your theme and add sections from your existing theme.

You won't be able to add a page template to a page that is not in the published theme. Add it to both the published theme and the theme you'd like to use it on. Also, it is recommended make a new page not live in your site to configure the page.

Page cover image
metafields