Shopify themes, liquid, logos, and UX
Hello,
Whenever I hover over a product, an option comes up saying "Compare" - I would like to remove that please.
My website is beautynut.com
Thank you!
Solved! Go to the solution
This is an accepted solution.
Hi @vickgill
I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Step 1: Go to Admin -> Online store -> Theme > Edit code:
Step 2 :Step 2: Search for the file main.css And add the code at the end
m-tooltip:hover .m-tooltip__content {
visibility: hidden !important;
opacity: 0 !important;
}
Step 3: Save and reload home page.
=>> The result:
We hope my suggestions will solved your issue.
If it is helpful, can you kindly give us many likes and mark the solution for us?
This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.
Have a nice day, sir!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hi @vickgill , without knowing what theme you are working with its hard to give specifics, but there's more than likely a setting somewhere in your theme template that can toggle off this setting. Best advice would be to do a search for the documentation on your theme and look up how to turn off the "compare" setting. Good luck!
This is an accepted solution.
Hi @vickgill
I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Step 1: Go to Admin -> Online store -> Theme > Edit code:
Step 2 :Step 2: Search for the file main.css And add the code at the end
m-tooltip:hover .m-tooltip__content {
visibility: hidden !important;
opacity: 0 !important;
}
Step 3: Save and reload home page.
=>> The result:
We hope my suggestions will solved your issue.
If it is helpful, can you kindly give us many likes and mark the solution for us?
This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community.
Have a nice day, sir!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Thank you so much!
Do you know how to edit the popup that happens when you click "Quick View"? I want to remove the "DESCRIPTION" that is in capital and the "4124 in stock"
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024