Product Details Page Customization (Desktop Media Size & Layout)

Modified on Fri, 20 Mar at 3:53 AM

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.

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.

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.

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?

Open your
Store Builder
and edit the
Product Details Page
.
Select the
Product Details element
in the builder.
In the
Settings panel
, locate the
Desktop media options
.
Choose the desired
Media position (Left or Right)
.
Select the
Media width
— Small, Medium, or Large.
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.

Images: