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
176 33 44

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
853 166 185

This is an accepted solution.

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

View solution in original post

BSS-TekLabs
Shopify Partner
2401 695 835

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 835 910

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
176 33 44

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
853 166 185

This is an accepted solution.

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

BSS-TekLabs
Shopify Partner
2401 695 835

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