How to Transform a Product Pictures Grid into a Row of Pictures Below the Main Picture in the Dawn T
I am using the Dawn Theme for my online store and currently, the product images are displayed in a grid format on the product page. I would like to modify this layout so that all the product images are arranged in a single horizontal row beneath the main product image. This will create a cleaner and more streamlined look for my product pages.
Could you provide step-by-step instructions on how to achieve this layout change within the Dawn Theme? Specifically, I need guidance on which files to edit and what code changes are required to move from a grid display to a horizontal row of images below the main product image.
here's an example:
Hi @shai17
Dawn theme has a default function to do your request. Please go to Online Store > Themes > Customize > click the dropdown menu at the top > Products > select your product template > Click Product information, in Desktop layout, select Thumbnail or Thumbnail carousel.
Best regards,
Dan
Hi @shai17 ,
I have reviewed your requirement, you just need to e customize theme and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin -> Online store -> Theme > Customize:
Step2: Go to product page > Product Information > Choose options in desktop/ mobile layout : Thumbnails:
Step 3: Save and reload home page.
=>> The result will be a grid display to a horizontal row of images below the main product image.
I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.
Have a nice day sir!
