How can I remove price display from predictive search results?

Store Design
1

Hi,

I would like to remove the prices display from the predictive search for products with a specicific tag.

Is it possible to do this by editing the code ?

totorsjp_0-1654155090152.png
totorsjp_0-1654155090152.png1396×521 61.2 KB

Thank you very much for your help !

Victor

2

Hi @totorsjp , please provide your site link

3

Hi @Dan-From-Ryviu

https://dormeuil.myshopify.com/

Password: eartup

4

Hi, you can hide them by adding this CSS code at the bottom of component-predictive-search.css file

.predictive-search__item .price { display: none !important; }
5

Please add below css code in bottom of assets/base.css file

.predictive-search__results-list dd.price__last {
display: none;

}
Thank you.

6

@totorsjp

span.price-item.price-item--regular {
    display: none !important;
}

Add this code in the bottom of the base.css file.
Thank you.

1 Like
7

@Dan-From-Ryviu , thank you very much but this applies to all products.

How can I make this change specific for products with a specific tag only ?

8 
{% for tag in product.tags %}
      {% if tag == 'whisky' %}
    

      {% endif %}  
     {% endfor %}
2 Likes