If you run an online store, how your product pages look can have a big impact on how customers shop. Giving your product images and details a clear, attractive layout helps visitors focus on what matters — your products. Here’s an easy way to adjust your product page layout on desktop to better match your style and make your store shine.
📌 Why This Matters
When product information and images are organized clearly, customers find it easier to browse and decide what to buy. Offering control over how your product page looks lets you highlight your products in a way that fits your brand’s personality, improving the shopping experience and encouraging more sales.
✨ What’s New
- Directional Layout Alignment: Product images and details line up side-by-side instead of centered, creating a cleaner, more professional look.
- Custom Product Layout Positioning: You can now choose whether product images appear on the left or right side of the product information on desktop devices.
- Adjustable Product Image Size: Choose from Small, Medium, or Large image sizes to make your product visuals fit perfectly with your store’s style.
🛠️ How to Use It
- Step 1: Open your website’s store builder and go to the Product Details Page editor.
- Step 2: Select the Product Details section you want to adjust.
- Step 3: In the settings panel, find the Desktop media options.
- Step 4: Pick whether you want your product images on the left or right of the details.
- Step 5: Choose the size of your product images — Small, Medium, or Large.
- Step 6: Save your changes and publish the update to your store.
💡 Key Points to Note
- These layout settings are designed for desktop views. On mobile and tablets, your product page will stack vertically to keep it easy to use.
- Image sizes are designed so your pictures stay sharp and don’t distort, even when using larger sizes.
💡 Pro Tip
Creating a clear and appealing product page layout helps your customers make quicker buying decisions, which can lead to more sales and happier shoppers.
