CHANGE CART ICON

New Member
1 0 0

Hi Team! Using Narrative theme, is there an easy way on how to change the cart icon and add URL redirect on that cart icon? 

 

Thank you!

0 Likes

Hello 

Online Store-> Themes -> Edit code->Sections->header.liquid

Search this code 

<a href="{{ routes.cart_url }}" class="btn btn--clear btn--square btn--hover-scale site-header__cart ajax-cart__toggle" aria-expanded="false">
          {%- assign icon = 'icon-header-' | append: section.settings.icon %}
          {% include icon %}
          <span class="icon__fallback-text">{{ 'general.header.view_cart' | t }}</span>
          <span class="site-header__cart-bubble{% if cart.item_count > 0 %} site-header__cart-bubble--visible{% endif %}"></span>
        </a>

From here you can change icon like this :
Replace that code with below code

 <a href="{{ routes.cart_url }}" class="btn btn--clear btn--square btn--hover-scale site-header__cart ajax-cart__toggle" aria-expanded="false">
<img src="{{ 'cart_image.png' | asset_url  }}" class="cart_image_class">Cart
</a>

 

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes