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. Guides

Adding your first template

PreviousAdding your first sectionNextGeneral settings

Last updated 2 years ago

Good to know: Design Pack templates can be used a jumping off point, once added to your theme they're fully drag and droppable and you can add/remove any section from your theme .

The Basics

Design packs offers page templates that can be added to your theme. These templates are a collection of sections pre-styled into a page. Once the page is added you'll want to add your own images and content. You'll also be able to re-order or remove sections, as well as add other sections from your theme to the page.

Each template is built as an Online store 2.0 json template. If you're still using a legacy theme, these templates can still be added to your theme and you will be able to take advantage of the 2.0 features for these pages .

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.

Choose the page template you'd like to add and then pick the theme you'd like to add it to.

Once it's added, go to the customize area. You'll see all the sections that comprise the page on the sidebar.

Now you'll be able to customize each section as well as re-order theme and add other sections from either Design Packs or the theme you're using.

👍
🎉
Page cover image