We Build Shopify Apps

Montreal-based Shopify experts cooking some Shopify apps.

Shopify Konversion Theme - How to remove a product icon in the product page?

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:



Get In Touch

Tabarnapp's mission is to help you get the most of each visit on your Shopify store.

E: support@tabarnapp.com