How to set the second picture when hovering over the product picture?

Hi @yg

Katrine here from Plak Theme support,

By default, when hovering over a product, the last image (if it exists) will show up.

If you would like to show the second image, I invite you to follow these steps :

• From your Shopify dashboard, click Online store > Actions > Edit code
• Open the file product-card-grid.liquid

• Replace this code

<img class="secondary small--hide lazyload lazypreload" data-src="{{ product.images.last | img_url: grid_image_width }}" alt="{{ product.images.last.alt | escape }}">

• With this one

<img class="secondary small--hide lazyload lazypreload" data-src="{{ product.images[1] | img_url: grid_image_width }}" alt="{{ product.images[1].alt | escape }}">

• Click Save

Kind regards,
Katrine