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.Thanks In Advance.
Solved! Go to the solution
This is an accepted solution.
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.
on which page did you get screenshot?
User | Count |
---|---|
493 | |
208 | |
130 | |
80 | |
43 |