How to hide/remove the SALE banner from a product.

Site URL: https://octahedron-finch-fzpn.squarespace.com/

Hi: 

I am designing a store using the PATIL template. 

Is there a way I can remove/hide the SALE tag that shows below every product with a discounted price? 

I would like to keep the before/after price though. That is nice. But remove the SALE text. 

I went to Design > Colors > 'Section Themes' > "Products: Basic Grid"  and tried to change the text there, but the word SALE is linked with the actual price, so if I change the color of one i also affects the other. (see attached image)

The guy from the Chat service couldnt find a way, so he sent me here and told me I will surely find the solution in this community. 

Thanks for any help. 

Un abrazo, 

Robby! 

 

Hi,

Sorry for the late reply.

Can you setup password & share url? Your site is private.

We can give the custom code to solve this, for free.

On 6/21/2020 at 8:58 AM, tuanphan said:

Hi,

Sorry for the late reply.

Can you setup password & share url? Your site is private.

We can give the custom code to solve this, for free.

Hello, 

Can you help me with custom code for this as well? 

On 6/27/2020 at 9:40 AM, kpyoung said:

Hello, 

Can you help me with custom code for this as well? 

Can you share link to product?

https://terrier-tetra-hwye.squarespace.com/products

All of the products. I want to remove the word "SALE".

Password is 2020.

8 hours ago, kpyoung said:

https://terrier-tetra-hwye.squarespace.com/products

All of the products. I want to remove the word "SALE".

Password is 2020.

Add to Home > Design > Custom CSS

.product-mark.sale {
    visibility: hidden;
}

Hey. That didn't seem to work. The word "SALE" is still displaying on all of the products. 

2 hours ago, kpyoung said:

Hey. That didn't seem to work. The word "SALE" is still displaying on all of the products. 

I tried, & works here. Where did you insert the code? Can you insert & keep the code? I will check again

I put it here...Home > Design > Custom CSS

17 hours ago, kpyoung said:

I put it here...Home > Design > Custom CSS

Your custom CSS box has syntax error, so all code didn't work properly. Try checking again.

If you can't fix, you can post all code in Custom CSS here, we can take a look

With above code, you can also add to Home > Settings > Advanced > Code Injection > Header, it should be worked.

<style>
  .product-mark.sale {
    visibility: hidden;
}
</style>

That worked! Thanks!

Here's the code that has the syntax error. I don't know what the error is though. This is code to add the search bar to the header. Can you help me fix it or provide me with the correct code to do this?

<script>
  $(function(){
  let searchBlock = $('#ReplaceMe')
  .attr('id', '')
  .addClass('header-search-bar');
  
 $(searchBlock).insertAfter($('.header-title-nav-wrapper .header-title'));
  $(searchBlock).clone().addClass('mobile-header-search-bar').appendTo($('.header-menu-nav-folder-content'));
  })
</script>

18 hours ago, kpyoung said:

That worked! Thanks!

Here's the code that has the syntax error. I don't know what the error is though. This is code to add the search bar to the header. Can you help me fix it or provide me with the correct code to do this?

<script>
  $(function(){
  let searchBlock = $('#ReplaceMe')
  .attr('id', '')
  .addClass('header-search-bar');
  
 $(searchBlock).insertAfter($('.header-title-nav-wrapper .header-title'));
  $(searchBlock).clone().addClass('mobile-header-search-bar').appendTo($('.header-menu-nav-folder-content'));
  })
</script>

 

Add to Home > Settings > Advanced > Code Injection > Footer

Thanks!