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

Store Design
1

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;

}

2

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.

PageFlyGarcia_0-1712886980833.png
PageFlyGarcia_0-1712886980833.png1600×840 208 KB

Hope that this can help you!

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

3

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

4

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

1 Like
5

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

6

Hi @JacJacC

Can you please send me preview URL of the store?

Thank you

7

https://gallery0206.com/

thank you

8

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