Sharing knowledge about Shopify, Business online, Marketing online and Programming
After logging in to the admin account on Shopify store, when you go to your online store, you will see a Shopify badge – Shopify admin bar. It’s not affect but may be you...
The z-index isn’t rendering properly on Safari – but it is working fine on Chrome and Firefox. On Safari browser, the z-index seems to be ignored. You can’t figure out what the Safari specific...
You are using font Awesome icons on your Shopify store, and you want to brand color the icons. It’s simple. You just add the below CSS code into your css file. DEMO Font Awesome...
You can use the additional_checkout_buttons liquid tag to display offsite gateway buttons and accelerated checkout buttons, such as Apple Pay or Google Pay, on your cart page. The buttons can appear on either your...
Valentine’s Day is approaching and you can spice up your Shopify store with flying hearts effect when hover on link. DEMO It’s simple. You just embed the below css code into style file of...
Ripple effects is very popular due to simplicity of animation and its eye catching presence. Follow below mentioned steps to make your Shopify store eye catching more with ripple effect on click. DEMO Log...
Using anchor links, you can make the page scroll towards the anchor and go to the section there. Is there a way to make that scrolling smooth? Yes, you can with 3 ways. The new...
What is Christmas if you haven’t got your lights up? Follow below mentioned steps to place flashing lights on your website. DEMO Log in to your Shopify store. From your Shopify admin, go to Online...
What’s the best way to prevent the body tag scrolling. The easiest way is a simple CSS snippet:
1 2 3 4 | .disable-scrolling{ overflow-y:hidden; overflow-x:hidden; } |
And you must add this class (disable-scrolling) into body tag. Demo
For some reason, you don’t want to allow visitor select text on page. It is possible with CSS code. You open CSS file of your current theme and add the below code into it:...
