Add To Cart Button - Refresh 2.0 Free Shopify Theme

Hi everyone!

Does anyone know how I can add a symbol in front of the “Add To Cart” button?

I’d like to have a “cart” symbol (https://gyazo.com/751789ecee684c9eeeba9a2f9a4e6833) in front of the text as well as for the Proceed to Checkout (https://gyazo.com/4b8f585a3ef492dc026f3f1acae43229) button.

Theme:

Refresh 2.0 Free Shopify Theme

Thanks in advanced,

Filip

Would you mind sharing the code publicly here so everyone can benefit from this thread? Thanks

Hi @FilipDoesEcom

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

You can follow my code anh change different icon

{%- if product.selected_or_first_available_variant.available -%}

{{ ‘products.product.add_to_cart’ | t }}

{%- else -%}

{{ ‘products.product.sold_out’ | t }}

{%- endif -%}

.pf_custom{

display:flex;

justify-content:center

}

.pf_custom img{

width:40px !important;

margin:0 8px

}

result

Hope my solution works perfectly for you!

Best Regards;

PageFly

1 Like

Thank you very much Victor!

you are welcome, I am glad when can help you :heart_eyes: