How to change sale price Position?

Solved
Excursionist
23 1 0

Hello

I want make these 2 changes showing in the picture below.

1-Change sale price position

2-Hide sale tag

BTW I'm using Boundless theme.
aaaaaaaaaa.pngThanks In Advance.

0 Likes
Navigator
282 30 33

can you give me the link to your website? I can do it via CSS and send you the code

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like

Success.

Excursionist
10 4 3

Hi @Zahraa 

 

1 - To change the sale price position like the picture, you will need to look into the product-grid-item.liquid under the snippets section. You will either have to introduce a new div and use css to position it or make changes to the css of the price-wrapper.

 

2 - To hide the sales tag as you have on the picture, edit the product-grid-item.liquid under the snippets section. Scroll all the way to the bottom and you will find the following code:

 

{% if product.compare_at_price > product.price %}
          {% assign sale_text_length = 'products.product.on_sale' | t | size %}
          <span class="product-item__badge {% if sale_text_length > 6 %}product-item__badge--large{% endif %}">
            {{ 'products.product.on_sale' | t }}
          </span>
        {% endif %}

You can remove it or add comment tags to hide it, leave it out: 

 

{% comment %}
        {% if product.compare_at_price > product.price %}
          {% assign sale_text_length = 'products.product.on_sale' | t | size %}
          <span class="product-item__badge {% if sale_text_length > 6 %}product-item__badge--large{% endif %}">
            {{ 'products.product.on_sale' | t }}
          </span>
        {% endif %}
        {% endcomment %}

That should take care  of the items shown on the homepage and the collections page of the Boundless theme. For the search results, you will need to edit the search-template.liquid file under sections.  - Just do a search for badge and apply the comment tag or remove as done on the previous file. 

Inspired by Unique Creativity - info@icyborgs.com
1 Like
Highlighted
Excursionist
23 1 0
0 Likes
Navigator
282 30 33

@Zahraa wrote:

www.persiancatstore.com

 

Thank You


can you provide screenshot page link?

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like
Excursionist
23 1 0

Sure

bbbbbbbbbbbbbb.png

 

0 Likes
Excursionist
23 1 0

Thank You

I'm gonna try it.

0 Likes
Navigator
282 30 33

on which page did you get screenshot?

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Excursionist
23 1 0

Main page, near bottom.

 

 

cccccccccc.png

0 Likes
Navigator
282 30 33

do you want it like this?

 

Screenshot 2019-09-21 22.15.05.png

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like