How to Make Buttons to Smart Button in Shopify ? Shows Colourful Bubbles on Hover.

Download the code by following the instructions:

1. Download code: Click Here

2. To add in shopify you will have to create two files:

Assets/my-custom-style.css
Snippets/my-smart-button.liquid

3. Include the liquid file wherever smart button required:
{% include ‘my-smart-button’ %}

4. Include .css file in theme.liquid:
{{ ‘my-custom-style.css’ | asset_url | stylesheet_tag }}

 

Note: To make it work in iPhone, add ontouchmove attribute to html tag, e.g. <html ontouchmove >

Try Shopify free for 14 days