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

JacJacC
Excursionist
36 0 9

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;

}

 

Replies 7 (7)

PageFly-Garcia
Shopify Partner
455 74 128

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

 

Hope that this can help you! 

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

JacJacC
Excursionist
36 0 9

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

LuffyOnePiece
Shopify Partner
515 78 94

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

JacJacC
Excursionist
36 0 9

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

LuffyOnePiece
Shopify Partner
515 78 94

Hi @JacJacC 

 

Can you please send me preview URL of the store?

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
JacJacC
Excursionist
36 0 9

https://gallery0206.com/

 

thank you

 

 

LuffyOnePiece
Shopify Partner
515 78 94

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184