How to add more images on product information

Store Design
,
1

Hi, how do I add more images on Desktop layout under product information?

I already made the thumbnail carousel. However, I want to add another set of image under the thumbnail carousel. Can someone help me?

The blue box is where I want to add the images.
The blue box is where I want to add the images.668×632 53.5 KB

2

To add additional images under the thumbnail carousel in the product information section on the desktop layout, you can follow these steps:

  1. In your Shopify admin, go to “Online Store” → “Themes”.
  2. Find the theme you are using and click on the “Actions” button, then select “Edit code”.
  3. In the theme editor, locate the file that controls the product template. This file is typically named “product-template.liquid” or “product.liquid”.
  4. Open the file and find the section of code that generates the thumbnail carousel. This section might include a loop that iterates through the product images.
  5. Below the thumbnail carousel code, add the code to display the additional set of images. This code can be similar to the code used for the thumbnail carousel, but with a different class or structure to differentiate it from the carousel. Example code for the additional image set:

  {% for image in product.images %}
    
  {% endfor %}

​
  1. Customize the HTML and CSS classes according to your theme’s structure and styling preferences.