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
