How to show more than one image of a product?

This Product Grid feature allows you to hover an image to view a second image of the same product. To see it in action, you need to have more than one image of a product.

In this article:

  1. How to enable the second image on hover feature

  2. How to add more or remove images for a product


How to enable the second image on hover feature

STEP 1

Go to your Shopify Admin and select Online Store.

Go to your Shopify Admin and select Online Store.

STEP 2

On the right portion of the page, select your 3.0 Theme, and click on Customize.

On the right portion of the page, select your 3.0 Theme, and click on Customize.

STEP 3

Go to Theme settings.

Go to Theme settings.

STEP 4

Click on advanced settings.

STEP 5

Scroll to the Product grid to find the second image on hover and check the box to enable or uncheck to disable.

STEP 6

Click on save to effect the changes. 👌

Click on save to effect the changes.

How to add more or remove images for a product

STEP 1

Go to your Shopify Admin and click on Products

Go to your Shopify Admin and click on Products.

STEP 2

Click on a product for which you want to add or remove images and scroll to the media section to add media files using URL for web files or upload the image files.

Keep at least two (2) images for the hover feature to work. 🙌

Related Articles You Might Want To See:

How to hide the sales badge in Debutify 3.0 Shopify theme?

How to add color swatches in Debutify 3.0 Shopify theme?

How to change product variant picker in 3.0?

Did this answer your question?