Tabarnapp

            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:



            Updated: 26 Sep 2019 04:33 AM
            Helpful?  
            Help us to make this article better
            0 0