I'd like to remove the "X left in stock" and the icon of a house above it. I don't see any way to remove it from the settings. Please advise if there is any other way to remove it, such as editing the code or something.
Go in Theme > Edit Code > Snippets filer and in the file called "product-icons.liquid"
Then remove lines 2 to 17.
I mean remove this code:
<div class="product-icons__col grid__item one-quarter">
<div class="product-icons__icon product-icons__icon--house"></div>
{% if section.settings.icon_1_text != blank %}
{% if section.settings.icon_1_text contains "[STOCK_QTY]" %}
{% capture qty %}
{% if current_variant.inventory_quantity > 0 %}
{{ current_variant.inventory_quantity }}
{% else %}
{% if current_variant.available %}1{% else %}0{% endif %}
{% endif %}
{% endcapture %}
{% capture stock_span_html %}<span class="variant-qty">{{ qty }}</span>{% endcapture %}
{% endif %}
<p>{{ section.settings.icon_1_text | replace: '[STOCK_QTY]', stock_span_html }}</p>
{% endif %}
</div>
Result:
If you only need 3 icons instead of 4, you can edit the code and change the "one-quarter" for "one-third", like I did below:
<div class="product-icons grid--full">
<div class="product-icons__col grid__item one-third">
<div class="product-icons__icon product-icons__icon--plane"></div>
{% if section.settings.icon_2_text != blank %}
<p>{{ section.settings.icon_2_text }}</p>
{% endif %}
</div>
<div class="product-icons__col grid__item one-third">
<div class="product-icons__icon product-icons__icon--badge"></div>
{% if section.settings.icon_3_text != blank %}
<p>{{ section.settings.icon_3_text }}</p>
{% endif %}
</div>
<div class="product-icons__col grid__item one-third">
<div class="product-icons__icon product-icons__icon--shield"></div>
{% if section.settings.icon_4_text != blank %}
<p>{{ section.settings.icon_4_text }}</p>
{% endif %}
</div>
</div>
Result: