Remove Price from Store Page for single product

Site URL: https://www.kraftsbyk.com/shop

Hi all!

I am attempting to hide the price of a single listing on my store/shop page. I am offering a custom work option, and I was able to figure out how to remove the price from the product page itself, but I can't figure out how to remove the price on the store page. I don't want to hide the prices for the all the items, just the custom work listing. And that's where I run into a snag...is there any way to hide just the one price? And if so, how? Thanks!

Site password is 0251.

21 minutes ago, KraftyK said:

Site URL: https://www.kraftsbyk.com/shop

Hi all!

I am attempting to hide the price of a single listing on my store/shop page. I am offering a custom work option, and I was able to figure out how to remove the price from the product page itself, but I can't figure out how to remove the price on the store page. I don't want to hide the prices for the all the items, just the custom work listing. And that's where I run into a snag...is there any way to hide just the one price? And if so, how? Thanks!

 

Site password is 0251.

Try adding to Home > Design > Custom Css

section[data-section-id="60548f324db7513aa9518f77"] {
	.grid-item {
		&:nth-child(1) {
			.grid-prices {
				display: none;
			}
		}
		&:nth-child(2) {
			.grid-prices {
				display: none;
			}
		}
	}
}

This code is used to hide (not remove in Dom HTML) price for 1st and 2nd item.

Change to meet your desire

Let me know how it works on your site

9 hours ago, paul2009 said:

Here’s a guide where I explain a flexible way to do it: How to make some prices POA on Squarespace 7.1.

Tried and true! Worked great. Thank you so much!

Hello, 

Paul code doesn't doesn't work from my side…And I don't understand why…Could you help me with that?

See the first product on my e-shop page: https://www.mlb-mode.com/e-shop

Thanks a lot for your help.

N.

34 minutes ago, PoupeeFlash said:

Paul code doesn't doesn't work

Try changing '0,00' to '000'.

Did this help? Please give feedback by clicking an icon below  ⬇️

Wow it works! Thanks a lot Paul.

N.

Hi Paul,

Hope all is well! 

Would you mind assisting me with removing the pricing from a "Products" page in Squarespace? 

I've used the following and it worked when I click into the specific product but not on the general product page where all products are shown in a tile structure.

.product-quantity-input {
    display: none !important;
}
.sqs-add-to-cart-button-wrapper {
    display: none !important;
}
.ProductItem-product-price {
    display: none !important;
}

Very much appreciated. 

Thanks,

On 1/27/2023 at 6:02 AM, HiSquareSpaceMembers said:

Hi Paul,

Hope all is well! 

Would you mind assisting me with removing the pricing from a "Products" page in Squarespace? 

I've used the following and it worked when I click into the specific product but not on the general product page where all products are shown in a tile structure.

.product-quantity-input {
    display: none !important;
}
.sqs-add-to-cart-button-wrapper {
    display: none !important;
}
.ProductItem-product-price {
    display: none !important;
}

 

Very much appreciated. 

Thanks,

Use this code for list page

.product-price {
	display: none !important;
}

Hi everyone ! 

Im looking for your help ! 

Im currently using this code to hide the price on single product using POA tag  in my PLP and  Product Page :   

.tag-poa > .ProductItem-summary .product-price, .grid-item.tag-poa > .grid-meta-wrapper .product-price, {
  visibility: hidden;
}

It works great for the product page but unfortunately, the price is still appearing on the Product listing page 

I tried to follow many discussion on this but don't find the one that can help me. 

Here my website : 

https://lute-turquoise-zy7w.squarespace.com/boutique

Can someone help on that one ? 

Thank you so much ! 

On 8/16/2023 at 10:50 PM, noemieseguy said:

Hi everyone ! 

Im looking for your help ! 

Im currently using this code to hide the price on single product using POA tag  in my PLP and  Product Page :   

.tag-poa > .ProductItem-summary .product-price, .grid-item.tag-poa > .grid-meta-wrapper .product-price, {
  visibility: hidden;
}

It works great for the product page but unfortunately, the price is still appearing on the Product listing page 

I tried to follow many discussion on this but don't find the one that can help me. 

Here my website : 

https://lute-turquoise-zy7w.squarespace.com/boutique

 

Can someone help on that one ? 

Thank you so much ! 

Use this code

.tag-poa .product-price {
    display: none !important;
}