Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Robby

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

Recommended Posts

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! 

 

Image 2020-06-17 at 10.50.42 AM.png

Screen Shot 2020-06-17 at 12.47.14.png

Share this post


Link to post
Posted (edited)
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? 

Edited by kpyoung

Share this post


Link to post
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>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

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>

 

Share this post


Link to post
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


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...