Tutorials

Tutorials

How To Add Password Protected Collection For Shopify

How To Add Password Protected Collection For Shopify?

Welcome back to another update from WebSense Pro! In this video, we’re revisiting a previous tutorial where we tackled the challenge of adding password protection to your Shopify collection pages. If you’ve been following along, you know that while we provided a solution before, it wasn’t flawless. Customers were still able to stumble upon password-protected …

How To Add Password Protected Collection For Shopify? Read More »

How to Auto Update the Copyright Year in a WordPress Footer?

How to Auto Update the Copyright Year in a WordPress Footer?

Welcome to WebSensePro! In this tutorial, we’re tackling a common challenge faced by website owners as we step into 2024 – the need to update copyright dates across multiple WordPress websites. But fear not, we’ve got a clever solution that will save you time and effort. Follow along for a step-by-step guide. Step 1: Code …

How to Auto Update the Copyright Year in a WordPress Footer? Read More »

How To Add Custom Font To Your Shopify Stores

How To Add Custom Fonts to Your Shopify Stores?

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 …

How To Add Custom Fonts to Your Shopify Stores? Read More »

How To Add Color Swatches In Shopify Product Page?

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 »

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 »