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:
