Product Details Page Customization (Desktop Media Size & Layout)

What’s New?

We’ve introduced new customization options for the Product Details Page (PDP) on desktop, giving store owners more control over how product media and information are displayed. These updates improve layout flexibility and help merchants align product pages with their brand design.

  1. Directional Layout Alignment
  • The PDP layout now follows a directional alignment instead of center-based justification.
  • This improves visual structure and creates a cleaner separation between product images and product information.
  1. Custom Product Layout Positioning
  • Store owners can now choose the alignment of the Product Details Page layout on desktop.

  • The product media section can be positioned either on the 

    left

     or 

    right

     relative to the product details.

  1. Adjustable Product Image Size
  • A new option allows merchants to control the size of the product image on desktop.

  • Three preset options are available: 

    Small, Medium, and Large

    .

  • These controls provide more flexibility for different store styles while maintaining responsive behavior across devices.

How to Use It?

  1. Open your 

    Store Builder

     and edit the 

    Product Details Page

    .

  2. Select the 

    Product Details element

     in the builder.

  3. In the 

    Settings panel

    , locate the 

    Desktop media options

    .

  4. Choose the desired 

    Media position (Left or Right)

    .

  5. Select the 

    Media width

     — Small, Medium, or Large.

  6. Save and publish the page to apply the changes.

Key Points to Note:

  • The customization settings currently apply to 

    desktop layouts

    .

  • On mobile and tablet devices, the layout automatically stacks vertically for optimal responsiveness.
  • Image scaling maintains safe boundaries to prevent distortion when using larger sizes.