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

Sections

PreviousHow to add a Hidden Field in Contact FormNextBanners & Sliders

Last updated 3 years ago

Good to know: Design Pack sections work just like ones in your theme. The best page builder is the one you already have!

Legacy themes

If you haven't yet upgraded to an Online store 2.0 theme the Design Packs you add to your theme will be available as sections on your home page. These will work exactly like the sections already available in your theme. Select the pack you want and start customizing right there!

Good to know: You can take advantage of Online store 2.0 in your legacy theme. Just add our to your theme and you'll automatically be able to take advantage of all the new features on those pages. You can create up to 1000 page templates

Online store 2.0 themes

If you're currently using an Online store 2.0 theme, you'll be able to add Design Pack sections to any page on your theme. In fact, Design Pack sections become part of your theme and you will be able to either add 1 or 2 sections to existing pages, or create whole new pages using design packs.

Good to know: You can use Design Packs on product pages and have product specific content by connecting each pack element to a .

🎉
😄
🎉
page templates
metafield
Page cover image