Product landing

Product page template

Update** |** This template was added in v1.5.0 on Oct 27, 2022. See our Changelog and theme update guide to learn more.

The Product landing template lets you showcase one of your products with a dynamic, image-rich layout.

Quick setup

You can customize the Product landing template in the theme editor. All other product template features can be set up by following our product template guide.

When your template is ready, you can assign the template in the Shopify admin to make it live.

Shopify | Products are created and edited in your Shopify admin. See Shopify's Products manual ↗ to learn add and manage products.

Edit product landing template

The Product landing template includes preset sections designed to showcase your product.

We recommend first editing the preset sections and hiding any sections you won't use. Then, you can add other theme sections to further customize your page.

STEPS

In your theme editor (Customize):

  1. Use the Templates selector to open Products > landing.

  2. Under "PREVIEW", click Change and select the page you want to use for the product landing template.

    A warning symbol (!) next to the page name means that the template is not assigned. Click the page name to go to your Shopify admin, and assign the template.

  3. Edit preset theme sections to add custom page content and styles.

    Use the Slideshow to display images of your product.

    Use the Image with text sections to highlight your product's main features and how it's made.

    Set up the Product overview section to customize the product form and details.

    Use the Multi-column section to tell customers about the core aspects of your product or how it's made.

    Use the Collapsible row list sections to list your frequently asked questions with answers below.

    Add Testimonials to share praise from partners and customers about your product.

    Add Product recommendations to suggest similar products.

    Click the Hide icon or Remove section button to hide or delete preset sections.

  4. Under Template, click (+) Add section to further customize your page with theme sections.

    Click and hold the drag and drop handles ⋮⋮ to change the order of sections.

  5. Click Save.

    Remember to assign the template and set your page to Visible in your admin.

  6. (Recommended.) Add a link to your product landing in the Header navigation or in a theme section featured on your home page.

Assign product landing template

In your Shopify admin, you need to assign the landing template to publish your changes to your live store. Follow the steps when you're done customizing the template.

If your theme isn't published yet, learn how to assign templates from unpublished themes

STEPS

In your Shopify admin:

  1. Click Products.

  2. Click to open the product that you want to use the landing template.

  3. Click the Theme template menu and select landing to assign the template to your page.

    Note: Templates can't be assigned on unpublished themes. Your changes to templates will be saved and can be assigned when you buy and publish the theme.

  4. Click Save.

\


Related links

Product template

Last updated