Story theme
Latest
Latest
  • About Story
    • Story theme documentation
  • Updates
    • What's new in Story
      • Story Releases
  • Sections
    • Story sections
      • Accordion group
      • Blog posts
      • Collection list
      • Collection marbles
      • Collection split
      • Contact form
      • Custom liquid
      • Custom content
      • Featured collection
      • Featured product
      • Gallery
      • Icon columns
      • Image banner
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Overlapping images
      • Page
      • Policy links
      • Press
      • Rich text
      • Slideshow
      • Tabs
      • Team
      • Testimonials
      • Text columns with images
      • Timeline tree
      • Timeline with banner
      • Video banner
      • Video player
  • Settings
    • Theme settings
      • Global theme settings
      • Typography
      • Colors
      • Layout
      • Social
      • Cart
      • Search
      • Product grid
      • Currency format
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
  • Header
    • Header
      • Header styles
      • Toolbar
      • Navigation images
      • Image menus
      • Transparent header
      • Mega-menu navigation
      • Drop-down navigation
  • Products
    • Product pages
      • Static product tabs
      • Unique product tabs
      • Product tabs
      • Color swatches
      • Inventory countdown
      • Pre-order products
      • Static size chart
      • Unique size charts
      • Creating pages
      • Size Charts
      • Product image sizes
  • Collections
    • Collection pages
      • Product badges
      • Sale badge
      • Savings badge
      • Sold-out badge
      • Custom badges
      • Badge settings
      • Custom filter options
      • Collection filtering
      • Collection sorting
      • Collection navigation
      • Feature image
  • Cart
    • Story cart
      • Cart styles
      • Shipping message
      • Estimate shipping calculator
      • Cart settings
  • Promotions
    • Upselling
      • Upsell promotions
      • How to setup
      • Static upsell promotion
      • Custom upsell promotion
  • Overlay
    • Popups
      • Cookies consent message
      • Newsletter popup
  • Siblings
    • Product siblings
      • About product siblings
      • Multiple images per variant
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Siblings block setup
      • Variant image sets with alt-tags
  • Pages
    • Page templates
      • Page navigation
      • How to use page templates
      • Story page templates when using a different theme
      • Contact page
      • Lookbook
      • Team
      • Timeline
  • Blogs
    • Blogs and posts
      • Blogs
      • Articles
  • FAQ
    • Frequently asked questions
      • Where to make CSS changes
      • How to download latest version
      • How to add a line break in your headings
      • Share preview link
      • Remove Shopify link in footer
      • Check your theme version
      • How to use sections
      • Adding a section
      • Hiding a section
      • Reordering sections
      • Section blocks
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  • Homepage
  • Product pages
  • Other pages
  • Unique section content
  1. FAQ
  2. Frequently asked questions

Adding a section

Add Story's professionally designed sections to the homepage, product pages, and other pages

PreviousHow to use sectionsNextHiding a section

Last updated 1 year ago

Story supports Shopify's Online Store 2.0 which enables you to add sections everywhere. Here are some basic tips for adding sections to the homepage, product pages, and other pages.

Homepage

Scroll towards the bottom, above Footer and Theme settings. Choose Add section:

Tip: Click on Show More to view additional sections. Story comes with over 25 sections:

Product pages

Additional sections can be added to the default product template. Special sections like Recently viewed products and Product recommendations are ideal for product pages. Add additional sections to help customers navigate to more products, services, or information. Navigate to any product page or choose the default product template. Use Add section:

When adding sections to the default product template, the sections and their content will appear on all your product pages.

To provide unique content for certain products, create a new template and assign a product to that template. Then customize the new template.

Tip: Create new templates on the live published theme in order for them to appear as options in your product setup. Templates created in draft themes won't appear as options in the main product setup.

Another method to display unique section content is to use metafields. Many sections will have an option to use Shopify's insert dynamic source feature. This will allow you to add unique content into section fields. Experiment with product tabs that use metafields to learn how unique content can be used with products:

Other pages

Navigate to any page on your site or choose any template from the top drop-down. Choose Add section:

When adding a section to a certain template. The same content will appear on all pages that are also using the same template.

Unique section content

To build pages and merchandise your store with unique section content, you can build new templates based on an existing template. For example, you can create additional templates such as a new page template or collection template and then assign a page or collection to that new template. This will allow you to create multiple pages with different content.

Experiment with creating and customizing new templates in the Theme Editor. Remember, after creating a new template, be sure to assign that template to a certain page, collection, or product.

For example, create a new collection template to display a different layout and include different sections. Then in the Shopify Admin under Products -> Collections, choose your collection and assign the newly created template to that collection.

Tip: Create new templates on the live published theme in order for them to appear as template options in your Shopify Admin. This is a Shopify Platform restriction. Always make new templates on the live published theme and not in draft themes.

Unique product tabs
Add section is located towards the bottom, above Footer and Theme settings
Use Show More to view additional sections
Sections added to a template will appear on all product pages using the same template
Add section is located above the Footer settings