How to remove "compare" from product overview

Solved

How to remove "compare" from product overview

vickgill
Tourist
9 0 2

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

 

Screen Shot 2024-09-25 at 1.55.38 PM.png

 

 

Thank you!

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1715 511 571

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:

BSSCommerceB2B_0-1727290015038.png

 


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:

BSSCommerceB2B_0-1727291367207.png

 

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

View solution in original post

Replies 3 (3)

brandography
Shopify Partner
136 27 25

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!

Find a Powerful eCommerce Marketing Partner


Let Brandography help you spread the word about your products through cutting-edge eCommerce web design, strategic sales channels, and expert digital marketing tactics.
Check out our website

BSSCommerce-B2B
Shopify Partner
1715 511 571

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:

BSSCommerceB2B_0-1727290015038.png

 


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:

BSSCommerceB2B_0-1727291367207.png

 

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

vickgill
Tourist
9 0 2

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"Screen Shot 2024-09-25 at 1.55.32 PM.pngScreen Shot 2024-09-25 at 2.54.25 PM.png