admin

How To Add Color Swatches On Collection Page Shopify [Updated]

1. Turn off “Show second image on hover” in the theme editor Create a new snippet file card-variant-swatch-custom.liquid Copy Code Create a new snippet file card-product-custom.liquid Copy Code Create a new asset file card-product-variant-selection-custom.js Copy Code 2. Edit main-collection-product-grid.liquid to Render Variant Swatch Snippet Add data-section-id=”{{ section.id }}” to the ul element with class grid …

How To Add Color Swatches On Collection Page Shopify [Updated] Read More »

How To Create Discounts Via QR Code in Shopify?

Welcome back to another exciting tutorial video where we delve into enhancing your Shopify store’s capabilities. Today’s focus is on adding a QR code feature to your store, allowing you to seamlessly integrate discounts into your marketing campaigns. In this blog post, we’ll guide you through two methods: a manual approach using URL structures and …

How To Create Discounts Via QR Code in Shopify? Read More »

Shopify UI Elements Generator – Updated – Free

Introduction:In the ever-evolving world of e-commerce, Shopify stands as a robust platform for online stores. To enhance the user experience and streamline the development process, I have created a Shopify UI Element Generator. This tool simplifies the integration of essential UI components like short text fields, long text fields, radio buttons, file uploads, checkboxes, dates, …

Shopify UI Elements Generator – Updated – Free Read More »

How to Add Breadcrumbs with Rank Math Elementor [FREE]

How to Add Breadcrumbs with Rank Math Elementor? Welcome back to WebSensePro! In today’s tutorial, We will guide you through the process of adding breadcrumbs to your Elementor website using Rank Math. Breadcrumbs not only improve navigation but also make your pages more SEO-friendly. So, let’s dive into the tutorial and learn how to leverage …

How to Add Breadcrumbs with Rank Math Elementor [FREE] Read More »