How can I add a share button to a minimal theme?

Technical Q&A
1

Hi guys,

Can any one guide me how to add share button like the below one for minimal theme

Thanks in advance

Screenshot 2022-10-04 at 03.56.31.jpg

2

@KetanKumar can you help me with this

3

Hi @rajj99 ,

You can refer https://github.com/Shopify/dawn/blob/main/sections/main-product.liquid

  • First you need to add Liquid code like this:

Screenshot.png
Screenshot.png1410×925 57.1 KB

  • Next you need to create the file ‘share.js’ and copy the entire code:

https://github.com/Shopify/dawn/blob/main/assets/share.js

  • Finally copy the CSS in the file base.css:

Screenshot.png
Screenshot.png1141×872 38.1 KB

It will be a complex requirement and you need to have experience with coding so if not, I recommend you hire an expert for it.

Hope it helps!