The Featured Product section in Shopify is a great way to highlight a specific item on your homepage. However, many themes only display the main product image by default, leaving out additional photos. If you want to showcase all product images in the Featured Product section, you’ll need to make a small customization in the theme’s Liquid code.
Follow this guide to modify your Shopify theme and display all product images in the Featured Product section.
1. Locate The Featured Product Section File‘s Code
In your Shopify Admin, access the Theme Code Editor. In the sections folder, look for a file named featured-product.liquid or similar.
Inside this file, locate the line of code that displays the product’s main image. In Dawn and some other free Shopify themes, you should be able to find the following code:
{% render 'product-media-gallery', product: product, variant_images: variant_images, limit: 1 %}2. Modify The Code To Show The Desired Number Of Images
To show more images, you just need to change the limit to a higher number. You might want to try different values and check your website until you are happy with the results. On the other hand, you can set a high limit to ensure all images will be shown even if you add more later.
{% render 'product-media-gallery', product: product, variant_images: variant_images, limit: 10 %}3. Save Your Changes And Test Them
Once you’ve edited and saved the file, reload your home page and check how the images look. Change the limit if needed, just as discussed, and that’s it!
With this simple modification, you can display all product images in the Featured Product section, making your store more visually appealing and showcasing your products more effectively.
Need more help? Feel free to reach out!