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 »