Add SVG to ADD TO CART button - Dawn Theme

Store Design
, ,
5
  1. Edit buy-buttons.liquid, you can find this file under Snippets
    Now here search for
{{ 'products.product.add_to_cart' | t }}

and replace it with this code

{%- liquid  render 'icon-cart'  -%} 
 

{{ 'products.product.add_to_cart' | t }}
  1. Open your base.css file and paste the following code below:
.product-form__submit span{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.product-form__submit span svg{
    width: 30px;
    margin: 2px 4px 0 0; 
}

Thanks

2 Likes