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

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

Link to comment

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.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
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
Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

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>

 

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...