Urgent - Show the price on hover

Solved

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

a.grid-product__link .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;
}
a.grid-product__link:hover .grid-product__price {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

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
91 0 35

@KetanKumardone

 

0 Likes

@MaxCosta welcome sir thank you

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
91 0 35

@jotvarkI'm so sorry but your code doesn't work...

0 Likes

Possible share shopify admin details i will check and fixed.

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
91 0 35

@jotvark  unfortenaly, I can't...

do you have a code to add in my assets ?

0 Likes

@MaxCosta Yes

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
91 0 35

@NinthonySir do you have any idea for this problem ? These code doesn't work for my request

 

Thank you in advance,

Max

0 Likes

Dear @MaxCosta 

Hope the following suggestions will help you

  • From your Shopify admin, go to Online Store > themes
  • Locate your current theme and then click Actions > Edit code
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code
/* Start */
.grid-product__price {position: relative; bottom: -15px;opacity: 0;} 
.grid-product:hover .grid-product__price {bottom: 0px;opacity: 1;} 
/* End*/
  • Save and check your theme by refreshing it.
Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes
MaxCosta
Tourist
91 0 35

@MS-WEB-DESIGNER Thank you very much for your answer, it works !! Is it possible to leave this only on dekstop? and deactivate it on mobile? 

I would also like to remove the seller's name "Grigri Beads" from the Featured Collection of my Home page (And Collection Page).. do you think this is possible? I want to keep it only on product page

My last problem that I can't solve is setting the price (only) in color # EA731C.

 

If you think you can help me with this, it would save my life ...!

Thank you in advance

0 Likes