Shopify cheatCode
Shopify cheatCode
  • 17
  • 18 086
How to add a Featured benefits section in Shopify
How to Add a Featured Benefit Section in Shopify (Step-by-Step Tutorial)
In this video, you'll learn how to create a professional Featured Benefit section in your Shopify store! 🚀 I'll guide you step by step on how to add images, customize text, icons, and adjust the layout to showcase product benefits in a clean, modern design. Perfect for improving conversions and highlighting key features!
🔧 What You’ll Learn:
Customizing the layout with flexible columns
Adding images, icons, and headings
How to use Shopify’s schema to create dynamic content
Optimizing for desktop, tablet, and mobile views
If you’re looking to elevate your Shopify store’s product pages, this tutorial is for you! 💼💻
🔗 Helpful Links:
Full code example: shopifycheatcode.blogspot.com/2024/09/how-to-add-featured-benefit-section-in.html
🎨 Background Images Attribution:
Background images used in this video are provided by Freepik. Check out their amazing content: www.freepik.com/
🛍️ Subscribe for more Shopify tips!
Переглядів: 158

Відео

How to Add Color Swatches in Shopify Theme without any App/ Code | Dawn Version 15
Переглядів 3342 місяці тому
Learn how to effortlessly add color swatches to your Shopify store using the Dawn theme version 15, all without the need for any apps or custom code! In this tutorial, I'll guide you step-by-step to enhance your product pages and give your customers a more engaging shopping experience. Perfect for beginners and store owners who want to elevate their site's appearance quickly and easily.
How to create a Dynamic Image Marquee Section in Shopify theme
Переглядів 3533 місяці тому
Welcome to our latest tutorial where we introduce the exciting new Image Marquee section for your website! This feature allows you to seamlessly showcase your brand logos, partners, or sponsors with a visually appealing, continuous scrolling animation. Perfect for adding a modern touch to your site, the Image Marquee section is fully customizable and responsive, ensuring your logos look stunnin...
How to Add a Mega Menu and Dropdown Menu Simultaneously in the Header Shopify's Dawn Theme
Переглядів 3443 місяці тому
Welcome to our step-by-step tutorial on enhancing your Shopify store with advanced navigation features! In this video, we’ll show you how to add both a mega menu and a dropdown menu simultaneously to the header of your Shopify store using the popular Dawn theme. What You'll Learn: How to customize the Dawn theme to support a mega menu. How to integrate a dropdown menu alongside the mega menu. T...
How to Create Fake Sales Pop-Ups on Your Shopify Store
Переглядів 4923 місяці тому
🚀 Boost Your Shopify Store Sales with Fake Sales Pop-Ups! 🚀 In this tutorial, you'll learn how to create and add fake sales pop-ups to your Shopify store. These pop-ups can create a sense of urgency and social proof, encouraging potential customers to make a purchase. Follow this step-by-step guide to enhance your store's credibility and increase conversions. 🔍 What You'll Learn: How to create ...
How to Show Megamenu Links on Hover in Shopify
Переглядів 1683 місяці тому
Welcome to our Shopify tutorial! In this video, we'll walk you through the process of adding a megamenu to your Shopify store and making it display links on hover. A megamenu can enhance your store’s navigation, making it easier for customers to find products and categories. What You'll Learn: Adding CSS for megamenu styling Modifying your theme's HTML to include a megamenu connector Using jQue...
How to Add a Hover Effect to Header Dropdown Menu in Shopify's Dawn Theme
Переглядів 2813 місяці тому
Welcome to our Shopify tutorial! In this video, we’ll guide you through the process of adding a stylish hover effect to your Shopify Dawn theme's header dropdown menu. If you want to enhance your store's navigation and make your dropdown menus more interactive, this tutorial is perfect for you. We’ll cover: CSS Customization: Learn how to hide submenus by default and style nested submenus to al...
How to create a custom testimonial section in Shopify
Переглядів 4563 місяці тому
Are you looking to enhance credibility and engagement on your Shopify store? Dive into our comprehensive guide on creating a custom testimonial section that boosts trust and drives conversions. What You'll Learn: Customization Techniques: Step-by-step tutorials on using Shopify's schema options to customize background colors, text styles, and layout for your testimonials. Integration Tips: Lear...
How to create a comparison table in Shopify
Переглядів 3914 місяці тому
Creating a comparison table in Shopify can significantly enhance your customers' shopping experience by allowing them to easily compare different products side-by-side. This can help them make informed decisions and boost your store’s conversion rates. In this video, we will walk you through the step-by-step process of creating a visually appealing and functional comparison table in your Shopif...
how to show different FAQs for each collection using meta fields
Переглядів 1768 місяців тому
In this UA-cam tutorial, we'll explore how to enhance the informational value of your Shopify store by displaying unique Frequently Asked Questions (FAQs) for each collection using metafields. Metafields are powerful tools that allow you to extend the default functionality of your store and store additional custom data. With this tutorial, you'll be equipped with the knowledge and skills to ele...
Create a Dynamic Video Slider with Customization Options in shopify
Переглядів 2,6 тис.8 місяців тому
Are you looking to enhance your Shopify store with engaging video content? In this tutorial, we'll show you how to create a dynamic video slider with customizable options to showcase your products or brand in a visually appealing way. We'll guide you through the process step-by-step, from selecting the right app for your needs to integrating it seamlessly into your Shopify store. Learn how to u...
How to add recently viewed products in Shopify
Переглядів 1,6 тис.9 місяців тому
Are you looking to improve the user experience on your Shopify store? In this video, we'll show you how to implement two essential features: Recently Viewed Products and Quick View. The Recently Viewed Products feature allows your customers to easily track the items they've browsed, making it convenient for them to revisit products they were interested in. Meanwhile, the Quick View feature prov...
how to add breadcrumbs in shopify
Переглядів 1,3 тис.9 місяців тому
Elevate your Shopify store's user experience and navigation with our customizable breadcrumb feature. Breadcrumbs provide a clear trail for users to navigate through your website effortlessly, enhancing usability and reducing bounce rates. Simply add the provided code snippet to your theme's snippets folder, and include the settings schema in your settings_schema.json file. This allows you to c...
Advance Infinite scrolling text in Shopify
Переглядів 8279 місяців тому
🎬 Welcome to our UA-cam channel! Infinite scrolling text in Shopify | Scrolling text in Shopify Looking to add some eye-catching scrolling text effects to your Shopify store? Look no further! Our latest video tutorial showcases advanced marquee text effects that will captivate your visitors and elevate your store's design. In this tutorial, we delve into the world of infinite scrolling text and...
Creating a Dynamic Multi-Tab Slider Section Section with Customizable Settings in Shopify
Переглядів 1,3 тис.Рік тому
"🎉 Elevate Your Shopify Store: Creating a Dynamic Multi-Tab Slider Section with Customizable Settings! 🛍️ Are you ready to take your Shopify store to the next level? 🚀 Join us in this exciting tutorial where we dive into the world of dynamic multi-tab sliders that not only captivate your visitors but also give them an interactive shopping experience like never before! 🔥 In this UA-cam video, we...
Creating a Dynamic Scrolling Text Section with Customizable Settings in Shopify
Переглядів 6 тис.Рік тому
Creating a Dynamic Scrolling Text Section with Customizable Settings in Shopify
How to Create Custom Announcement Bar with Slider in Shopify.
Переглядів 1,9 тис.Рік тому
How to Create Custom Announcement Bar with Slider in Shopify.

КОМЕНТАРІ

  • @SareeSansar-n1s
    @SareeSansar-n1s 2 дні тому

    how to Make video full width? and how can we remove grey slider from desktop?

  • @eldronino4187
    @eldronino4187 3 дні тому

    The best maaan!!

  • @KiranBala-p4b
    @KiranBala-p4b 5 днів тому

    Amzing❤❤❤❤

  • @CoreXCoreX-d2n
    @CoreXCoreX-d2n 6 днів тому

    when i follow the instruct, it dosent work on mine. it does, but not as yours are shown, all mine case frendly it stacked below the image... not on the right and left side beside the image like yours ?? what to do, btw your videos are crazy <3

    • @ShopifycheatCode
      @ShopifycheatCode 6 днів тому

      Can you let me know which screen size you're checking on? The layout you're describing usually happens on screens lesser than 1024px, so it might look different on smaller screens. The instructions I showed are specific to desktop layouts. Thanks for the love on the videos! <3"

    • @CoreXCoreX-d2n
      @CoreXCoreX-d2n 6 днів тому

      @@ShopifycheatCode when are you gonna post more videos?

    • @ShopifycheatCode
      @ShopifycheatCode 6 днів тому

      Just from next week, bro.

  • @dineshdhiman9370
    @dineshdhiman9370 6 днів тому

    Wow

  • @dineshdhiman9370
    @dineshdhiman9370 6 днів тому

    Great buddy..😊😊

  • @SilvaChar
    @SilvaChar 8 днів тому

    Wonderfull! Works perfectly.

  • @kpecom
    @kpecom 9 днів тому

    banger my bro !

  • @abdulrahman2609
    @abdulrahman2609 9 днів тому

    Great bro thank you very much for your help🧡🧡💛💛💜💜💜💜🤎🤎

  • @SmileStash.0
    @SmileStash.0 9 днів тому

    Really Bro You are a Genious ❤❤❤❤❤❤❤❤

  • @HaniaKhan-z5f
    @HaniaKhan-z5f 12 днів тому

    can you make clickable for to reach out the product that is showing in the video

    • @ShopifycheatCode
      @ShopifycheatCode 12 днів тому

      Alright, I’ll do it. Just send me a message on my email once so I can send you the code.

    • @HaniaKhan-z5f
      @HaniaKhan-z5f 10 днів тому

      @@ShopifycheatCode i already emailed you please check i tried your code of this video work good but it is more efficient if it is clickable to link specific Product please do consider that idea. and waiting for the email

    • @ShopifycheatCode
      @ShopifycheatCode 9 днів тому

      I have sent the code. Please check and let me know

  • @kseniiatryniak8544
    @kseniiatryniak8544 16 днів тому

    Amazing! thank you so much - it works. How to make main sub-menu in menu with bold font? Because I create it but its light font. I added custome font though CSS. Thank you so much!

    • @ShopifycheatCode
      @ShopifycheatCode 15 днів тому

      If you want to bold the submenu's menu, you will need to apply this CSS. If not, then send me a proper screenshot to my email showing which font you want to bold, and I will do it for you.

    • @ShopifycheatCode
      @ShopifycheatCode 15 днів тому

      .mega-menu__link--level-2{ font-weight: 700!important; } .header__submenu .header__menu-item{ font-weight: 700!important; }

  • @captdaim9178
    @captdaim9178 18 днів тому

    Thanks brother❤

  • @rachidrachid-lo5uq
    @rachidrachid-lo5uq 25 днів тому

    we missed your great videos please upload more videos with your creative ideas

    • @ShopifycheatCode
      @ShopifycheatCode 25 днів тому

      Thank you! More videos coming soon. Stay tuned! 😊

  • @IK-rj7yp
    @IK-rj7yp 27 днів тому

    Great Customization - Works well on Dawn 15.1.0. How can I change the code to show 4 testimonial at a time rather than 3 - Also how to add the same corousal feature to multi-column in dawn Theme. - Thanks.

    • @ShopifycheatCode
      @ShopifycheatCode 27 днів тому

      If you want to display 4 slides, go to the script below and change "slidestoshow" from 3 to 4. And if you want to run the slider in multiple columns, email me and I'll send you the code for that.

    • @IK-rj7yp
      @IK-rj7yp 27 днів тому

      @@ShopifycheatCode Thank you so much for the quick reply

  • @Shubhukkitchen
    @Shubhukkitchen Місяць тому

    Good one❤❤

  • @manwithnoname6628
    @manwithnoname6628 Місяць тому

    Iam using dawn 15.2.0 version. I have followed same process but I see variant pills instead of color swatches.

  • @niteshadwal1416
    @niteshadwal1416 Місяць тому

    Nice background music

  • @niteshadwal1416
    @niteshadwal1416 Місяць тому

    Excellent

  • @niteshadwal1416
    @niteshadwal1416 Місяць тому

    Excellent

  • @niteshadwal1416
    @niteshadwal1416 Місяць тому

    Excellent

  • @ankitrana2308
    @ankitrana2308 Місяць тому

  • @Shimla.Exploringvlogs
    @Shimla.Exploringvlogs Місяць тому

    Nice 😊

  • @dl851029
    @dl851029 Місяць тому

    Can I get both video and image in the same slideshow?

    • @ShopifycheatCode
      @ShopifycheatCode Місяць тому

      It means you want to show a video in one slide and an image in another. If that's what you're looking for, we can make some changes in the code to display it like that.

    • @dl851029
      @dl851029 Місяць тому

      @@ShopifycheatCode yes that's what I am looking for. Could u plz help?

    • @ShopifycheatCode
      @ShopifycheatCode 27 днів тому

      Yes I will help plz message me on my email id

    • @dl851029
      @dl851029 27 днів тому

      @@ShopifycheatCode yes thats what I want

    • @ShopifycheatCode
      @ShopifycheatCode 27 днів тому

      Please message me on my email id.

  • @zylonbauty
    @zylonbauty Місяць тому

    Brother, how do I add this Marquee effect to a specific product page? Because when you add it to a product page, it will appear on all other product pages.

    • @ShopifycheatCode
      @ShopifycheatCode Місяць тому

      There are many ways to do this. Either we can use a condition that says if the product is this one, only then it will show, or we can create a separate template for that specific product

  • @zylonbauty
    @zylonbauty Місяць тому

    Thank you very much brother. Representing the Brazilians here hahaha

  • @dl851029
    @dl851029 Місяць тому

    The code does not exsit anymore

    • @ShopifycheatCode
      @ShopifycheatCode Місяць тому

      shopifycheatcode.blogspot.com/2024/02/create-dynamic-video-slider-with.html

  • @ptnz2943
    @ptnz2943 Місяць тому

    Can you do it with the new version Down 15.1.0? Pleasssseeee

    • @ShopifycheatCode
      @ShopifycheatCode Місяць тому

      I have done this with the new version. If you face any problems, you can email me.

    • @ptnz2943
      @ptnz2943 Місяць тому

      @ShopifycheatCode Yes, thank you so much. I'm new doing these kinds of things. I was fighting with the theme yesterday, but after 2 hrs, I finally found the option. Thank you so much for replying and sharing your knowledge. 🙏🙏🙏

    • @ShopifycheatCode
      @ShopifycheatCode Місяць тому

      Thank you so much for your kind words! I'm really glad I could help, and it's awesome to hear that you figured out the theme after some persistence. Keep up the great work-every challenge is just another step towards mastery! If you ever need more tips or have any other questions, don't hesitate to reach out. 😊

  • @MrMonxi
    @MrMonxi Місяць тому

    De gran ayuda. Muchas gracias!

    • @ShopifycheatCode
      @ShopifycheatCode Місяць тому

      ¡De nada! Me alegra haber podido ayudarte. 😊

  • @LeyWey-g5u
    @LeyWey-g5u Місяць тому

    Doesnt work well with long messages"

    • @ShopifycheatCode
      @ShopifycheatCode Місяць тому

      Please email me on my email I'd and share the link also so I can check this.

  • @Debora-x9j
    @Debora-x9j Місяць тому

    Hi ! There is problem with the video they don't show up immediately but only if we click on them. Can you help me please do you have an email ?

  • @leorii7
    @leorii7 Місяць тому

    can u do video on how to add color swatches without the images but only colors

    • @ShopifycheatCode
      @ShopifycheatCode Місяць тому

      I explained in this video how to display colors swatches also, but it will only work in the updated theme? Can you please tell me which version of your theme you have?

    • @leorii7
      @leorii7 Місяць тому

      @@ShopifycheatCode I’m using custom theme tho sense theme. Tho I want to learn

    • @ShopifycheatCode
      @ShopifycheatCode Місяць тому

      Please also tell me the version of your theme?

  • @johannr.badion3604
    @johannr.badion3604 2 місяці тому

    Dude thank you so much!!!

  • @kri5tian406
    @kri5tian406 2 місяці тому

    Excellent video. Thank you kindly!

  • @TamerGaming
    @TamerGaming 2 місяці тому

    Another helpful content! Thank you! Please add more videos regularly 😁

  • @tranphienoan8513
    @tranphienoan8513 2 місяці тому

    SO FAR THE BEST CODE FOR SCROLLING, THANKS

  • @SureshS-ss6ty
    @SureshS-ss6ty 2 місяці тому

    Is it possible to increase the recent product view count? Currently, I can only see the most recent 4 products, but I need to view at least 10.

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      Yes, open the recent-products file and search for const numberOfProducs = 4

    • @SureshS-ss6ty
      @SureshS-ss6ty 2 місяці тому

      @@ShopifycheatCode got it, is it possible to set scroll that should be visible by adding carousel or something incase if i set the count 15?

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      Yes

    • @SureshS-ss6ty
      @SureshS-ss6ty 2 місяці тому

      @@ShopifycheatCode may i know how to add caruosel like visible arrow on both left and right side..

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      We can add it using slick slider. Message me on my email I will do it.

  • @MuhammadAhmad-or4qw
    @MuhammadAhmad-or4qw 2 місяці тому

    Bro please make a video on product filter in side bar menu there is no video available on UA-cam its a request bro😊😊😊

  • @abdulrehmanmalik3402
    @abdulrehmanmalik3402 2 місяці тому

    Please make a video on how to have drop down and mega menu (with images)

  • @niteshadwal1416
    @niteshadwal1416 2 місяці тому

    Nice job

  • @AnoosyLtd
    @AnoosyLtd 2 місяці тому

    it's not working on mobile

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      Please send me the preview link on my email id. Need to check. 😊

  • @diashellen
    @diashellen 2 місяці тому

    YOU ARE A GENIUS! I was looking for this code! Thank you so much!

  • @mudassir3141
    @mudassir3141 2 місяці тому

    Hey nice 😭 but how to slide intead if scrolling motion??

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      Can you please explain what type of functionality you want. Please message me on my email id.

  • @nafijhossain9024
    @nafijhossain9024 2 місяці тому

    Awesome. How do I make the box slightly smaller in mobile and desktop mode?

  • @yashmalhotra7211
    @yashmalhotra7211 2 місяці тому

    is it possible to make it clickable??

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      I have sent the code on your email id. Please check

    • @nafijhossain9024
      @nafijhossain9024 2 місяці тому

      ​@@ShopifycheatCodeplease send me that code. Thank you.

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      Please message me on my email id

  • @valoarce98
    @valoarce98 2 місяці тому

    I can't add the direct youtube link?

  • @ChanSarah-h4s
    @ChanSarah-h4s 2 місяці тому

    May I know how to change color of the second column? Or how to put both texts and check at the same cell? Thank you!

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      For this we need to do some modifications in the code. Please send me the message on my email id.

  • @syo2344
    @syo2344 2 місяці тому

    Also how can i increase the max height as most of my pictures are getting cut off ( trying to display portrait)

  • @syo2344
    @syo2344 2 місяці тому

    is it possible to make the logos/images clickable?

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      Yes

    • @PatayaGame
      @PatayaGame 2 місяці тому

      @@ShopifycheatCode Thank you for your work brother it looks amazin ! Is there an easy way to make the Logos clickable, to direct customers to the responding product the image portrays ?

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      @PatayaGame mean when you click on any logos then it redirects to the corresponding link page

    • @PatayaGame
      @PatayaGame 2 місяці тому

      @@ShopifycheatCode yes, let’s say the customer clicks at the image „Starbucks logo“ So he will be redirected to collection „Starbucks“ I have made. Just an example

    • @ShopifycheatCode
      @ShopifycheatCode 2 місяці тому

      Yes we can do this. Please message on my email I will do it and send you the code. 😊

  • @Shimla.Exploringvlogs
    @Shimla.Exploringvlogs 2 місяці тому

    Thank you so much Shopify cheat code