How to hover change image on collection page in Origin theme

Solved

How to hover change image on collection page in Origin theme

brogston
Shopify Partner
2 0 1

Hey all. I'm wondering if it's possible to make a collection image change to another image (whilst viewing the collection page) when hovering the mouse over it.

Accepted Solutions (3)

devmont-digital
Shopify Partner
165 33 41

This is an accepted solution.

Hello @brogston,

 

  1. Navigate to the online store.
  2. Go to Themes -> Customize -> Default Collection.
  3. Select the checkbox for "Show second image on hover."

A screenshot is attached for reference.

Untitled.png

 

Found our answer helpful? If so, Don't forget to show your support by liking and accepting the solution.
Looking for more help and expert consultation? Feel free to contact us at Shopify Expert or visit our website www.devmontdigital.io
Hire us for your project by simply emailing us at sales@devmontdigital.io

View solution in original post

Rahul_dhiman
Shopify Partner
722 141 149

This is an accepted solution.

Hello @brogstov
Go to online store---->Themes -> Customize -> Default Collection ----->product grid
13.png

Was I helpful?

Buy me a coffee


Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639

Checkout Apps by me

View solution in original post

BSS-TekLabs
Shopify Partner
2401 695 828

This is an accepted solution.

- Please follow these steps:

BSSTekLabs_0-1719218257910.png

BSSTekLabs_1-1719218310439.png

BSSTekLabs_3-1719218380531.png

 

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 5 (5)

BSSCommerce-HDL
Shopify Partner
2305 834 905

Hi @brogston, Pls tick Show second image on hover

BSSCommerceHDL_0-1719212683921.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

brogston
Shopify Partner
2 0 1

Thank you all. I had no idea it was as simple as that.

devmont-digital
Shopify Partner
165 33 41

This is an accepted solution.

Hello @brogston,

 

  1. Navigate to the online store.
  2. Go to Themes -> Customize -> Default Collection.
  3. Select the checkbox for "Show second image on hover."

A screenshot is attached for reference.

Untitled.png

 

Found our answer helpful? If so, Don't forget to show your support by liking and accepting the solution.
Looking for more help and expert consultation? Feel free to contact us at Shopify Expert or visit our website www.devmontdigital.io
Hire us for your project by simply emailing us at sales@devmontdigital.io

Rahul_dhiman
Shopify Partner
722 141 149

This is an accepted solution.

Hello @brogstov
Go to online store---->Themes -> Customize -> Default Collection ----->product grid
13.png

Was I helpful?

Buy me a coffee


Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639

Checkout Apps by me

BSS-TekLabs
Shopify Partner
2401 695 828

This is an accepted solution.

- Please follow these steps:

BSSTekLabs_0-1719218257910.png

BSSTekLabs_1-1719218310439.png

BSSTekLabs_3-1719218380531.png

 

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now