Skip to main content

Posts

Showing posts from January, 2024

How to Add a Social Proof Block in Shopify Product Page (Dawn Theme)

 Adding social proof to your product pages can significantly increase trust and conversion rates. In this tutorial, we'll show you how to add a stylish Verified Testimonials block to your Shopify store using the Dawn theme . This block displays user avatars, names, and a verified icon—all customizable from the theme editor. ✅ Step 1: Open the main-product.liquid file Go to your Shopify Admin. Navigate to: Online Store → Themes → Edit code . Open the file: sections/main-product.liquid . Now add this code exactly as I’ve shown in the video — and yes, make sure to test it on a duplicate theme first! Full Code {%- when 'verified-testimonials' -%} <style> .verified-testimonials-container-{{block.id}} .verified-testimonials-user-icon-img-class { width: {{block.settings.verified_use...

How to add recently viewed products in shopify

 Have you ever visited a website, browsed through products, left, and then wanted to go back to something you saw earlier? It's a common online shopping experience, and it's precisely why we've implemented a new feature on our store: Recently Viewed Products for the Dawn theme. Introducing Recently Viewed Products Our Recent Products section keeps track of the items you've recently browsed, making it easier for you to revisit them without having to search all over again. It's like your personal shopping assistant, remembering your preferences and making your shopping experience more convenient. How It Works Behind the scenes, our website cleverly saves the details of the products you've viewed using advanced JavaScript techniques. Here's a quick rundown of how it operates: Data Collection: Whenever you view a product page, our website captures essential details like the product title, image, price, and URL. Local Storage: This information is securely stored ...

How to add Breadcrumbs in Shopify

 In the realm of e-commerce, user experience reigns supreme. Navigating through a website seamlessly can make or break a customer's journey. In the vast world of Shopify, where online stores flourish, one often-overlooked yet incredibly effective navigation aid is breadcrumbs. What are Breadcrumbs? Breadcrumbs are navigational aids typically displayed horizontally across the top of a webpage. They show the hierarchical structure of a website, allowing users to trace their path back to the homepage or any other higher-level page. Each segment of the breadcrumb represents a page the user has navigated through, with the last segment usually indicating the current page. Implementing Breadcrumbs in Shopify Adding breadcrumbs to your Shopify store can significantly improve user experience and make navigation more intuitive. Here’s a step-by-step guide on how to implement breadcrumbs in your Shopify store: Step 1: Open the card-product file if you are using Dawn theme and this code |...

Advanced Marquee Text / Scrolling Text in Shopify

Advanced Marquee Text in Shopify  Are you looking to add dynamic and eye-catching text effects to your Shopify store? Marquee text is a fantastic way to grab attention and highlight important information. While basic marquee text is a great start, why settle for basic when you can elevate your store's design with advanced marquee text effects? In this guide, we'll show you how to implement advanced marquee text effects in your Shopify store using custom code. Not only will your text scroll smoothly across the screen, but it will also feature enhancements like color transitions, text transformations, and more. Before diving into the customization, let's understand the key components of the code: Customizable Styling: The provided CSS allows you to adjust various aspects of the marquee text, including font size, colors, and padding. Dynamic Text Content: You can add multiple blocks of text in the Shopify editor, and each block will become a part of the scrolling marquee. An...