Let’s discuss Show second image in BigCommerce at cardholder.
This blog, We show Second product image when hover on the product card and Your site will look more Effective than before. It works on any page like Home page, Product page, Category list and Grid view, Featured Product, Latest Product etc.
Follow below steps to add Second image on product card:
Edit File path like : ..\templates\components\products\card.html
Find the below code:
Now insert the below code after above code:
After Edit file your code look like:

.card-figure:hover .second-img {
opacity: 1;
}
.card-figure .second-img {
top: 0;
left: 0;
margin: 0 auto;
opacity: 0;
position: absolute;
right: 0;
transition: all .4s ease-in-out 0s;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition: all .4s ease-in-out 0s;
-o-transition: all .4s ease-in-out 0s;
-ms-transition: all .4s ease-in-out 0s;
}
.card-figure {
position: relative;
overflow: hidden;
}
Now Refresh Your home page and hover on product card second image Show in your theme.