Tutorials

Step 1: Replace header.liquid Code Replace header.liquid file code with the following code: Copy Code Step 2: Add schema in settings_schema Add the following code in settings_schema.json below “label”: “t:settings_schema.logo.settings.logo_image.label”}, Copy Code

Hello everyone! Welcome to WebSensePro and another tutorial video. In this video, I’ll show you how to create a subscription-based product using SureCart, a WooCommerce alternative. Whether you’re selling WordPress management services, SEO services, or any other subscription service, SureCart simplifies the process significantly compared to WooCommerce or Shopify. Step 1: Setting Up a Test …

Create Subscription Product Using Surecart – WooCommerce Alternative Read More »

Welcome to Websense Pro, your go-to resource for Shopify web design, development, and WordPress tutorials. In today’s post, we’ll walk you through removing the header and footer from your Shopify store’s homepage, specific product pages, or even all product pages. This is particularly useful when creating landing pages for ad campaigns where you want a …

Remove Header and Footer From Specific Page [Shopify] Read More »

Step1: Create a new section name icons-slider.liquid and paste the following code Icon Slider Shopify For All Themes: Easily add icon slider on your Shopify theme without any additional paid APP Copy Code

Step 1: Schema In main-product.liquid File Add the following schema code in main-product.liquid file Copy Code Step 2: Update global.js Add the following code with in updateMedia() function: Copy Code Step 3: Replace product-media-gallery.liquid File Code: Replace product-media-gallery.liquid file code with the following code: Copy Code Step 4: Arrange Product Images Make sure product images are arranged …

How To Show Selected Variant Images [Dawn 14.0.0] Read More »

Welcome to another informative tutorial from WebSensePro! Today, we’re addressing a common question from our viewers: How to remove the “Powered by Shopify” text from your store? We understand the frustration of navigating through Shopify’s backend, so we’ve created this step-by-step guide to make the process as smooth as possible. Let’s get started.

Want a mega menu for your Shopify store but ditching apps? You can achieve it! This post unveils a step-by-step guide to building a mega menu using your theme’s code. We’ll cover defining the structure, editing key theme files (.liquid), and adding CSS/JS for customization. Get ready to impress your visitors with a sophisticated navigation …

How To Add Mega Menu in Shopify [Without Any APP] Read More »

Welcome back to WebSensePro! In this tutorial, we’re diving into the world of Elementor to create a stunning advanced slider with a card carousel. If you’re an Elementor enthusiast looking to elevate your website with a stylish slider, you’re in the right place. The best part? You won’t need any paid plugins for this. So, …

How To Add Elementor Advanced Slider with Card Carousel Read More »

In his latest video, you will learn, how you can effortlessly edit and generate stunning images right within your Shopify store, without the need for any external tools. Yes, you read that right – no more downloading expensive software or spending hours manually editing images Removing Backgrounds Made Easy: Gone are the days of painstakingly …

How To Use AI Image Editor in Shopify? Read More »

Welcome to another helpful tutorial from WebSensePro! I’m Bilal Naseer, and today I’ll guide you through incorporating tabbed content into your Shopify product pages and homepage. This free tutorial will add a professional touch to your store without any extra expenses. Let’s get started! 1. Adding Tabs Using Customize Settings: 2. Customizing Tab Settings: 3. …

Add TABS in Shopify [Without APP] Read More »