Step 1: Adding the font files to your store 1 – From your Shopify admin, navigate to Content > Files > Upload Files2 – Web Font files are the ones that have the following extensions: .ttf, .woff,.woff2, or .otf. Step 2: Adding the code to read the font 1 – In your Shopify admin, navigate to Online Store > Themes > Actions > Edit Code.2 – Under sections, click on …
Hello everyone, and welcome back to WebSensePro, your go-to channel for all things Shopify customization, tips, and tricks. In today’s video, we’re diving into the world of Shopify themes and showing you how to seamlessly add the coveted thread social media icon to both the header and footer of your Shopify store. Stick with us …
Welcome to WebsensePro, where we strive to empower website owners and e-commerce enthusiasts with the latest tips and tricks to enhance their online presence. In today’s tutorial, we’ll delve into the exciting world of multi-color and custom image swatches for product pages. These dynamic elements can significantly elevate the user experience on your website, making …
How To Add Color Swatches In Shopify Product Page? Read More »
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 »
Hello, WebSensePro enthusiasts! Welcome back to another exciting tutorial on our channel. I’m Nida Shaikh, your co-host at WebSense Pro, and today we’re diving into the world of Figma to create a sleek Uber-style navigation menu. If you’re a Figma beginner, this tutorial is tailored just for you. Building the Foundation Our navigation menu begins …
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 …
Hey, everyone! Welcome back to the channel. In today’s video, I’m going to walk you through the process of adding Google Ads Conversion Tracking to your Typeform using Google Tag Manager. This is an essential step for anyone looking to optimize their marketing efforts and gain valuable insights into user interactions with their Typeforms. So, …
Welcome back to another tutorial where we dive into the world of Shopify. In this installment, we’ll explore a hassle-free way to integrate a file upload field into your Shopify product page without the need for additional apps or subscriptions. Follow along, copy a few lines of code, and witness the magic unfold on your …
Create Custom File Upload Product Option Shopify Read More »
![How To Add Facebook Pixel in Kajabi [Purchase Event]](https://websensepro.com/wp-content/uploads/2023/12/How-To-Add-Facebook-Pixel-in-Kajabi-Purchase-Event-1-1024x576.png){kind=tracking}
In today’s video, we’ll be diving into the intricacies of installing Facebook Pixel on your Kajabi website using the powerful Google Tag Manager. The reason we opt for Google Tag Manager is its versatility, allowing us to seamlessly integrate various tracking codes, such as Twitter and LinkedIn, alongside the Facebook Pixel. This makes tracking and …
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, …
Copyright All Rights Reserved © 2025
