Tabs and accordions

Organize your product description with easy to use tabs and accordions

Pipeline can show your product description in tabbed or accordion format. Add extra content to your product pages to help improve customer confidence with your products and brand.

Product description tabs

How to use

Start by clicking on Product description on any product template, to open the product description settings:

Click on Product description to view settings

Tab style

Choosing Accordion will convert tabs to accordions:

Choosing Disable tabs will hide all tabs:

Hiding a single tab

To hide or disable a tab, remove the title or description of that tab. Both the title and description are required to display a tab.

Product description tab content will appear on all your product pages (that use the same product template). This is helpful if you need to display the same content on all your product pages. This also simplifies editing tab content. For unique content inside tabs, use Metafields.

Metafields for displaying unique and custom content

Product description tabs in Pipeline supports Shopify's Dynamic source feature with Online Store 2.0. Metafields allow you to attach custom content to each product and then display them on the product page.

Unique content

With Shopify Online Store v2.0 (OS2) and Pipeline 6, you can use metafields to store and display unique content for each tab including the title and tab content.

A dynamic source is a like to metafields that you create

Metafields are created in your Shopify Admin under Settings:

Video tutorial on how to create metafields and add to your product tabs:

In this quick video, we demonstrate how to create a tab called "Ingredients". This tab uses metafields to add unique content for any product. Steps included:

  • Create a tab in the Theme Editor with the default product template, product description.

  • Define a product metafield called "Ingredients".

  • Add the newly defined metafield as a dynamic source.

  • Add unique content to a product in Product setup.

  • View the new tab which only appears on products that have content added.

Tip for editing metafield content

A quick method to modify the metafield content for any product when in the Theme Editor:

Opens the metafield information for current product