Tutorials

How To Add Animated Image Slider In Shopify [Without APP]

How To Add Animated Image Slider In Shopify [Without APP]

An original animated product slider that can increase user interaction. With smooth transitions and attractive animations, it provides an engaging and visually appealing shopping experience, making it simpler and more enjoyable for customers to browse your products. Create a new section named animated-image-slider.liquid using the following code: Copy Code

How To Show Number Of People Viewing Product [Shopify - Visitor Counter]

How To Show Number Of People Viewing Product

In this video, I’ll show you how to add a live visitor counter to your Shopify product pages—a simple but powerful scarcity hack to increase conversions. Step 1: Create a new snippet file ‘visitor-counter.liquid’ with the following code: Copy Code Step 2: Add schema code in main-product.liquid file above “type”: “inventory” Copy Code Step 3: …

How To Show Number Of People Viewing Product Read More »

How To Add Animated Product Slider In Shopify [Without APP]

How To Add Animated Product Slider In Shopify [Without APP]

Adding a unique animated product slider to your Shopify store can significantly enhance user engagement and improve the overall shopping experience. With smooth animations and dynamic transitions, customers can easily browse through products, making your store more interactive and visually appealing. Note: Using transparent background images will enhance the design. Create a new section named …

How To Add Animated Product Slider In Shopify [Without APP] Read More »

How To Create Google Credentials for n8n [Super Simple]

How To Create Google Credentials for n8n [Super Simple]

Automating tasks between Google services (like Gmail and Google Drive) and N8n can save you time and streamline your workflows. In this step-by-step guide, I’ll show you how to connect your Google Account with N8n in less than 5 minutes—completely for free! Prerequisites Before we begin, make sure you have:✅ An N8n instance installed (if …

How To Create Google Credentials for n8n [Super Simple] Read More »

How To Add Image Card Hover Effect [Elementor - WordPress]

How To Add Image Card Hover Effect with Border Animation in Elementor

In this tutorial, I’ll show you how to create an eye-catching card hover effect on your WordPress Elementor website—without any external plugins! This effect works flawlessly on both desktop & mobile and is super easy to implement. Following is the CSS code used in Image Box Widget: Copy Code Following is the CSS code used …

How To Add Image Card Hover Effect with Border Animation in Elementor Read More »