admin

How To Make A Shining Hover Effect on Buy Button [Shopify]

How To Make A Shining Hover Effect on Buy Button [Shopify]

Welcome to WebSensePro! In this tutorial, we’ll walk you through adding a shiny hover effect to your Shopify store’s “Buy Now” button. This small visual enhancement is designed to grab users’ attention and encourage them to proceed directly to checkout, increasing your store’s conversions. Follow these steps to add the shiny hover effect to your …

How To Make A Shining Hover Effect on Buy Button [Shopify] Read More »

PLAY VIDEO ON SCROLL - GSAP Scrolltrigger Elementor (No plugin)

PLAY VIDEO ON SCROLL – GSAP Scrolltrigger Elementor (No plugin)

Adding engaging and interactive elements to your website can enhance user experience and keep visitors on your site longer. In this tutorial, we’ll show you how to add a scroll-triggered video to your Elementor website without using any additional plugins! This effect will play the video when the user scrolls down and rewind it when …

PLAY VIDEO ON SCROLL – GSAP Scrolltrigger Elementor (No plugin) Read More »

How To Add Slider in Product Page Shopify [Dawn v15 Updated]

How To Add Slider in Product Page Shopify [Dawn v15 Updated]

Step 1: Create a new snippets called “featured-thumbnails.liquid” file Add the following code: Copy Code Step 2: Create a new asset called “slick.css” file Add the following code: Copy Code Step 3: Create a new asset called “slick-theme.css” file Add the following code: Copy Code Step 4: Create a new asset called “slick.js” file Add …

How To Add Slider in Product Page Shopify [Dawn v15 Updated] Read More »

How To Make A Transparent Header in Shopify [Dawn V15]

How To Make A Transparent Header in Shopify [Dawn V15]

Step 1: Add CSS Code Add the following CSS code in header.liquid file below <style> Copy Code Step 2: Replace code After {%- if section.settings.logo_position != ‘middle-center’ -%} this replace following code: With the following code: Copy Code Step 3: Replace Code After {%- if section.settings.logo_position == ‘middle-center’ -%} code replace following code: With the …

How To Make A Transparent Header in Shopify [Dawn V15] Read More »

Canva To Shopify In 5 Minutes [No coding knowledge needed]

Canva To Shopify In 5 Minutes [No coding knowledge needed]

If you’re a creative designer without technical knowledge of HTML, CSS, or Shopify Liquid but want to design awesome sections for your Shopify store, this guide is for you. We’ll show you how to create stunning, responsive Shopify templates using Canva and the app Canvify, which allows you to import your Canva designs directly into …

Canva To Shopify In 5 Minutes [No coding knowledge needed] Read More »

How To Add Clickable Slider in Shopify Without Code

How To Add Clickable Slider in Shopify Without Code?

If you’re a Shopify store owner, you know that customizing your store’s design can be both exciting and challenging, especially if you don’t want to touch any code. One common challenge is making an entire slideshow image clickable, rather than just a button. Unfortunately, this isn’t natively possible in Shopify’s Dawn theme or other free …

How To Add Clickable Slider in Shopify Without Code? Read More »

How to Increase Shopify Sales with Post-Purchase Upsells

How to Increase Shopify Sales with Post-Purchase Upsells

As a Shopify store owner, you’re always on the lookout for new ways to increase sales and enhance customer experience. Imagine having an AI-powered assistant that automatically offers personalized upsells to customers who just purchased your store. Sounds like a complex task, right? Well, it doesn’t have to be. With Upsurge AI Post Purchase Upsell, …

How to Increase Shopify Sales with Post-Purchase Upsells Read More »

How To Change Cart Icon On Shopify [Easy 2024 Tutorial]

How To Change Cart Icon On Shopify? [Easy 2024 Tutorial]

Learn how to customize your Shopify store with a unique cart icon. This easy-to-follow tutorial shows you step-by-step how to replace the default cart icon with your own, giving your online shop a personalized touch. Step 1: Update Code Update code in icon-cart-empty.svg and icon-cart.svg. We can leverage a reputable SVG icon library like svgrepo.com …

How To Change Cart Icon On Shopify? [Easy 2024 Tutorial] Read More »