how show second image without hover at the home page for the featured collection

[JacJacC]

Hi all,

Need your help here, I am using the Dawn theme, and my product has more than 1 image, I want to show second image without hover at the home page for the featured collection, tried to add the below code in the base.css but not working, any suggestion

.home-page .grid-uniform .product-card.featured-product .product-card__media--secondary {

  opacity: 1;

}

[PageFly-Garcia]

Hi @JacJacC 

This is Garcia from PageFly Page Builder.

For the Dawn theme with Featured Collection, you can easily add hover images to product images. Here's how:

1. Click on the Featured Collection section.
2. Scroll down to "Product card."
3. Select the checkbox labeled "Show second image on hover."

A screenshot is attached for your reference.

Hope that this can help you! 

Please don't hesitate to reach out if you have any questions or require further clarification.

[JacJacC]

Thanks，however, I want to see the second image side by side  without hover

[LuffyOnePiece]

Hi @JacJacC ,

We can add a slideshow for the product image in the product grid.

We need to custom code for this.

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[JacJacC]

I want to show two image of the same product at the same time without hover

[LuffyOnePiece]

Hi @JacJacC 

Can you please send me preview URL of the store?

Thank you

[JacJacC]

https://gallery0206.com/

thank you

[LuffyOnePiece]

Hi @JacJacC ,

We need to custom code for this.

As we need to load both the images and show them side by side.

Thank you