How can I add an icon to the CTA button on Focal Theme?

Store Design
,
1

I would like to add an icon in front of the Add To cart text, just like this:

Z2I995e
Z2I995e704×258 6.76 KB

This is my website url: https://unik.skin/products/depiladora

Thank you on advance for your help :slightly_smiling_face:

2

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Sections/main-product.liquid
  3. find AddToCart
  4. add a icon likes screenshot

EBOOST_0-1673193547643.png
EBOOST_0-1673193547643.png1084×561 138 KB
  1. Add code below to Assets/theme.css
#AddToCart {
	display: flex;
    justify-content: center;
    align-items: center
}
#AddToCart svg {
	margin-right: 5px;
}
3

Hello @jtorres ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1673230505982.png
GemPages_0-1673230505982.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

*You can replace my image URL with yours.

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team