Jump to content

Hide Price, CTA, and Quantity in Category of Store

Go to solution Solved by tuanphan,

Recommended Posts

Hello. I've set up an ecommerce site and I need to hide the price, purchase CTA and Quantity for just one category. 

I followed the instructions in the link below and I was able to hide the price and CTA but it would apply to the whole store, not the category I was trying to target.  

 

Here is the code I'm using:

<style>

[data-store-category=“Biologique-Recherche”].list-grid .grid-prices, .product-price, .product-quantity-input, .sqs-add-to-cart-button-wrapper {

  display: none;

    

    }

  </style>

 

Anyone have any insight into what I'm doing wrong?

Thanks!

 

 

 

 

 

 

Link to comment
  • Replies 3
  • Views 299
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
On 6/29/2024 at 9:58 AM, charlesjw said:

You will need to use tag to do this.

First, create a tag with name: no cart

Next, assign it for all products belong category: Biologique-Recherche

Next, use this code to Website Tools > CUSTOM CSS

/* hide */
.tag-no-cart {
.product-quantity-input, .sqs-add-to-cart-button-wrapper, .product-price {
	display: none !important;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.