Additional Product Media Layout Options for Product Details Page

What’s New?

We’ve introduced new layout options for displaying product images on the

Product Details Page (PDP)

, giving merchants more flexibility to present product media and create richer shopping experiences.

Store owners can now choose between multiple image layout styles and improved navigation options for product media.

  1. New Product Media Layout Options

Three layout options are now available for displaying product images on the PDP:

  • Gallery (Existing Layout)

    : Vertical stacked image display.

  • Carousel

    : Horizontal image carousel with smooth navigation.

  • Two Column

    : Desktop-only two-column grid layout for product images.

  1. Image Navigation Arrows

Navigation arrows are now available in

Gallery

and

Carousel

layouts, allowing customers to easily browse through product images.

  • Not supported in the 

    Two Column layout

    .

  1. Optimized Mobile Layout

On mobile devices, the

Carousel layout is automatically applied

for both the Product Details Page and Featured Product elements to ensure the best viewing experience.

How to Use It

  1. Open your 

    Store Builder

     and edit the 

    Product Details Page

    .

  2. Select the 

    Product element

    .

  3. Navigate to the 

    Desktop Media settings

     in the right-side panel.

  4. Choose the preferred 

    Media Layout

     (Gallery, Carousel, or Two Column).

  5. Save and publish the changes to apply the new layout.

Key Points to Note

  • Two Column layout is available only on desktop

     and not supported on mobile.

  • Carousel is automatically used on mobile

    , regardless of the desktop layout selected.

  • Featured Product elements support Carousel and Gallery layouts only. Two Column layout is not supported for this element.
  • Existing stores will 

    retain their current layout unless changed manually

    , ensuring no visual disruptions. 

    Existing stores will continue using the Gallery layout

     to maintain backward compatibility.