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
132 31 33

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 Expert
205 40 37

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 Some Free Sections Here

View solution in original post

BSS-TekLabs
Shopify Expert
480 147 165

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 .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 5 (5)

BSSCommerce-HDL
Shopify Expert
1004 342 408

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
brogston
Shopify Partner
2 0 1

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

devmont-digital
Shopify Partner
132 31 33

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 Expert
205 40 37

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 Some Free Sections Here

BSS-TekLabs
Shopify Expert
480 147 165

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 .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency