Urgent - Show the price on hover

Solved
MaxCosta
Tourist
87 0 32

Good morning all,

 

I have a big design problem on my Shopify site.

I wish the prices of my products would only appear when you hover the mouse over them.(on de

I'm talking about the "Featured Collection", on home page and collection pages.

 

Exactly like on this site:  https://www.eliou-eliou.com/

Here is the overview of my current site : https://a852kxbbwvis7di3-47455862950.shopifypreview.com

 

If you did not understand or if you have questions, do not hesitate! thank you in advance

0 Likes

Hello,

Sure we can help you please share your store access.

Thank you,

Ramesh Jotva

 

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes
MaxCosta
Tourist
87 0 32

Hello, thank you for you feedback.

 

My website adress : https://a852kxbbwvis7di3-47455862950.shopifypreview.com

 

He's not online for the moment

 

thank you in advance

0 Likes

Hello sir,

Yes i know but without access i can't fixed your issues.

May I send collaborator account access on your store from my partner account.

Thank you,

Ramesh Jotva

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes
MaxCosta
Tourist
87 0 32

unfortunately it is a client's account and I cannot give you access.

@KetanKumarwhat do you think about that ?

 

Thank you in advance

KetanKumar
Shopify Partner
17137 1858 6418

@MaxCosta 

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (min-width: 768px) {
.grid-product__price {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.grid-product__content:hover .grid-product__price {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}
/* This code apply to desktop because mobile device hover convert to click so doesn't good thinks make your do you understand this */

 

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
MaxCosta
Tourist
87 0 32

Thank you @KetanKumar for trying help me but it doesn't work.

I copied the code as you asked me but nothing changes on my site: https://a852kxbbwvis7di3-47455862950.shopifypreview.com

KetanKumar
Shopify Partner
17137 1858 6418

@MaxCosta 

sorry, i can't see my code where do you have to add this?

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
MaxCosta
Tourist
87 0 32

At the end of the theme.css code folder as you asked me

Sans titre.png

0 Likes
KetanKumar
Shopify Partner
17137 1858 6418

@MaxCosta 

if possible to to share store details DM so i will check

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