Tutorials

In this tutorial, I’ll show you how to make the parent menu item clickable in Shopify’s Dawn Theme. By default, Shopify’s parent menu items are often non-clickable, which can limit user navigation. I’ll walk you through a simple solution to make the parent items clickable, allowing you to link directly to key pages or collections. Step 1: Replace …

How To Make Parent Menu Item Clickable [Dawn Theme] Read More »

Step 1: Access Your Shopify Admin Step 2: Select Your Theme To demonstrate, let’s work with the Dawn theme. If you haven’t installed it yet, click Add Theme and select Dawn (or whichever theme you are using). Step 3: Add a New Section for the Scrolling Text Step 4: Add the Marquee Code Now, here’s …

How To Add Marquee Effect Announcement Bar [Shopify – Without APP] Read More »

Step 1 Sorting product pictures making sure they are aligned, check screenshot below for example: Match Variant Color options order with product images, check below screenshot for example: Attach the first image of each group to a variant image. Step 2 Add the following code in product-info.js file below this line const variant = this.getSelectedVariant(html); …

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

Step 1: Add code in settings_schema.json Add the following code in settings_schema.json Copy Code Step 2: Replace Code in product-variant-picker Please replace the code on line 46 of the file named “product-variant-picker.liquid”: With the following code: Copy Code Step 3: Create A New Snippet File Create new snippet file color-option.liquid Copy Code

If you’re running an international store on Shopify, you might want to show different content to visitors based on their country. Whether it’s displaying different products, offering localized promotions, or changing the language, Shopify Markets makes this possible. In this step-by-step guide, we’ll not only cover how to do this but also provide code snippets …

How To Show Different Content For Different Countries? Read More »

Alt Text (alternative text) is a description added to images on your website. Search engines like Google rely on this text to understand what an image is about since they can’t “see” the image itself. Properly adding Alt Text improves your chances of appearing in image search results, which can drive more traffic to your …

Shopify – Add ALT Text Using AI [Improve SEO] Read More »

Meta Pixel is a tool provided by Facebook that tracks visitor actions on your website. By integrating this pixel with your Shopify store, you can gather data that helps optimize your Facebook ads, increasing the likelihood of converting visitors into customers. For example, the pixel tracks when someone views a page, adds a product to …

How To Connect Facebook Pixel To Shopify Read More »

Creating a visually appealing and functional header menu is essential for any website, and with Elementor, you can take your design to the next level by adding animations that enhance user experience. In this step-by-step guide, we’ll walk you through how to create an animated header menu in Elementor, complete with transitions, hover effects, and …

How To Make Animated Side Menu in Elementor Read More »