Debut Theme- How do i do hover effect with tittle over my image and hide my original product name?

Highlighted
New Member
3 0 2

Hi,

i recently just change to debut theme and would like to know how do i add hover effect to all of my products on my featured collections.

i would like to do like hover effect when the cursor go to the product image and appear the tittle.

And also removing the product name on my homepage

1 Like
Highlighted
Shopify Partner
6038 887 2038

Hello, @FatBudgetBoy 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

Hi @KetanKumar  - I'd be very interested to hear your resolution on this.

I have the same request, although I'd want the hover to show a second image (e.g. image#2) to showcase more of the product when browsing.

Currently building my site using Debut. Link here (password:"remedy") if that helps:

www.lulludolls.co.uk

Thanks for the contribution!

Mike

0 Likes
Highlighted
Shopify Partner
6038 887 2038

@MSOBallard 

can you please try this 

https://community.shopify.com/c/Shopify-Design/Collection-Add-a-hover-effect-to-product-images-on-yo...

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
6 0 1

Thanks @KetanKumar ! After some playing around, it worked.

This video was very helpful: https://www.youtube.com/watch?v=9uxSrOxxZpY

Cheers!

Mike

1 Like
Highlighted
Shopify Partner
6038 887 2038

@MSOBallard 

Thanks for your compliment,

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes