Product page

Logo

bag

0

Wrapper

Shopify Wrapper

See instructions on /global-components

Components

Breadcrumbs

Headphones in this example is the Collection which we are dynamically linking to. The content and links will automatically populate if you are using Collection in your CMS.

Shop is just a regular link to the main Shop page. The Collection toggle in the component is set to No, so you have to manually set the Text and Links.

Image gallery

Connect shopifyProductID variant to the matching field in your CMS.

Product title

Simply connect the Content variable to your product title in the CMS.

This is just text, not any special Shopify component.

Forest Falls

Product price

Connect shopifyProductID variable to the matching field in your CMS.

Variants

Connect shopifyProductID variable to the matching field in your CMS.

Add to cart button

Connect shopifyProductID variable to the matching field in your CMS.

Add To Cart