Layout and style

Product page template

Theme retirement Ira is no longer available on the Shopify theme store. Theme support and updates for current users will end after May 18, 2024. Learn more here.

In the Product overview settings, you can customize the style and layout of your product page and media gallery.

  • Choose to use the Column, Grid, or Carousel layout for product media.

  • Enable full width to display the product overview across the full page.

  • Enable the sticky sidebar to keep the product details and form fixed as customers scroll down.

STEPS

In your theme editor (Customize):

  1. Click the Product overview section to open the settings.

  2. (Optional.) For long product forms, uncheck the Enable sticky sidebar checkbox so customers can easily access product details and buy buttons when they scroll down.

    The default "sticky" sidebar keeps the product form in view when scrolling.

  3. Check the Enable full width checkbox to expand the product page content across the entire page.

    By default, the content of your product page will have a margin on either side when displayed on wide desktop windows.

  4. Choose a Layout for your product media: either Column, Grid, Carousel.

    Grid displays 2 columns and Carousel displays a single image at a time that visitors can click through to view more.

  5. Check the Enable video looping checkbox to make product videos loop continuously after customers click to play them.

    See Shopify's Product media guide to learn more.

  6. Click Save.

Last updated