How to use sections

Discover features and customization options in Pipeline sections

Pipeline comes complete with 25+ professional theme sections to help you merchandise your online store. Sections can be added to any page on your store.

Discover the complete range of sections and their settings. Experiment by adding different types of sections and section blocks to the homepage and the other pages within your store.

Text sections
Product sections
Image sections
Text sections
  • Accordion single

  • Accordion group

  • Announcement bar

  • Blog posts

  • Contact form

  • Custom HTML

  • Custom Liquid (for app snippets or Liquid code)

  • Icon columns

  • Newsletter

  • Page

  • Rich text

  • Text columns with images

Product sections
  • Collection list

  • Featured collection

  • Featured product

  • Recently viewed products

  • Tab collections (multi-collections)

Image sections
  • Custom content (all-in-one multiple styles)

  • Gallery

  • Gallery text

  • Image with text

  • Image with text overlay (hero banner)

  • Logo list

  • Map

  • Slideshow

  • Video

These sections can be placed on any page including:

  • Homepage

  • Product pages

  • Collection pages and Collection list

  • Blog index and Blog posts

  • Shopify pages

  • 404 error page, Search page, Password page

  • Cart page

Section settings

To find the primary settings for each section, click on the section name to view the settings panel. These settings control

Customize how the entire section looks and behaves

Wider desktops screens will display the settings panel on the right side of your screen:

Browsers 1600px and wider will place the settings on the right

Adding a section

Homepage
Product page
Other pages
Homepage

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

Click on Show more to view additional sections
Product page

Navigate to any product page or choose the default product template. Use Add section located above Footer and Popups:

Click on Show more to view additional sections

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. All products using that template will have the same section content but will be different from the default template. Always create new templates on the live published theme in order for them to appear as options in your product setup.

Another method is to use Shopify's insert dynamic source option (metafields) to blocks and then customize content for each product in your product setup.

Other pages

Navigate to any page on your site or choose any template from the top drop-down. Choose Add section, which is located above Footer and Popups on the left panel:

Click on Show more to view additional sections

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

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. As a second step, remember to assign that template to a certain page or collection.

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.

🚨 Important tip: New templates must be created on the published theme. They will not appear as a template option for assignments if created in a draft theme. This is a Shopify Platform restriction. Always make new templates on the live published theme.

Hiding a section

Use the eye icon next to the section title to toggle the display of the entire section:

Hide an entire section

Tip - Blocks have their own eye icon, be sure to select the section eye icon to toggle display of the entire section.

Reordering sections

Use the handle icon which is located next to the eye icon to drag a section and drop it in a new position:

Helpful when adding new sections as they appear at the bottom of your section list.

Sections contain content and settings. Experiment with different section types to add rich content on the homepage and all pages within your site. Use the settings to adjust behavior and layout.