Blue Sphere
Blue Sphere
  • Видео 13
  • Просмотров 63 993
Add Recommended Products to Cart Drawer No App - Shopify Upsells Complementary and Related Products
This video shows a free way to add a recommended products section to the cart drawer of a Shopify store, without the use of an app.
This is a way to add upsells to your cart drawer, which can increase your Store's average order value.
You can add both subsets of Shopify's recommended products: the related products and the complementary products.
Enjoy.
Email: projectcoder10@gmail.com
Recommended Products Slider - Basic Version:
johne10.gumroad.com/l/shopify-recommended-products-basic
Recommended Products Slider - Pro Version:
www.fiverr.com/johne102/do-shopify-custom-coding-bug-fixing-and-theme-customization
Timecodes
0:00 - Intro
0:22 - Recommended Products Section Demo
01:36 - Shopify Recommended ...
Просмотров: 382

Видео

Prevent Non-Latin Alphabet Characters in Shipping Address at Checkout - Shopify
Просмотров 1254 месяца назад
This video shows a way to prevent non-Latin alphabet and non-allowed characters from being entered in the shipping address fields in Shopify. LatinLock App: apps.shopify.com/latinlock Timecodes 0:00 - Intro 0:36 - App Intro 1:22 - App Enable Instructions 2:33 - App Walk-Through 4:21 - App Customization 6:32 - Outro
Add a Shopify Brands Logo Slider - No App
Просмотров 8784 месяца назад
This video shows how to add a Shopify brands logo slider. Basic Version - Currently $9: johne10.gumroad.com/l/shopify-bands-logo-slider-basic Pro Verssion -Currently $30: johne10.gumroad.com/l/shopify-brands-logo-slider-pro Email: projectcoder10@gmail.com Timecodes 0:00 - Intro 0:34 - Pro Version 4:53 - Basic Version 5:05 - Create Slider Section 6:03 - Add Provided Code 6:47 - Add Logos to Slid...
Reduce JavaScript Execution Time and Increase Page Speed scrore - Shopify Speed Optimization
Просмотров 7 тыс.9 месяцев назад
This video shows how to increase your Shopify site’s page speed score by deferring the loading of apps until user interaction. Fiverr gig: www.fiverr.com/s/6oRdeB Donations: www.paypal.com/donate/?hosted_button_id=8V323NGPTUX4A Follow me on Twitter: @JohnE104 RUclips Channel: www.youtube.com/@bluesphere7930 Email: bluesphere40@gmail.com Timecodes 0:00 - Intro 0:51 - Ways to reduce J...
Improve the Largest Contentful Paint (LCP) Image Metric - Shopify Speed Optimization
Просмотров 2,7 тыс.11 месяцев назад
This video shows how to improve the LCP metric for a Shopify store. Fiverr gig: www.fiverr.com/s/6oRdeB Donations: www.paypal.com/donate/?hosted_button_id=8V323NGPTUX4A Follow me on Twitter: @JohnE104 RUclips Channel: www.youtube.com/@bluesphere7930 Email: bluesphere40@gmail.com Timecodes 0:00 - Intro 0:53 - Reminder to Not Lazy-Load LCP Image 1:30 - Check DevTools Performance Tab 3...
Fix the Largest Contentful Paint (LCP) Image Lazy Loading Issue - Shopify Speed Optimization
Просмотров 13 тыс.Год назад
This video shows how to remove lazy loading for images above the fold in a Shopify store. Fiverr gig: www.fiverr.com/s/6oRdeB Donations: www.paypal.com/donate/?hosted_button_id=8V323NGPTUX4A Follow me on Twitter: @JohnE104 RUclips Channel: www.youtube.com/@bluesphere7930 Email: bluesphere40@gmail.com Timecodes 0:00 - Intro 0:44 - Why Optimize Load Speed 1:38 - Initial Lighthouse Tes...
How to Scrape (Almost) Any Website with Next.js and Puppeteer
Просмотров 5 тыс.Год назад
If your code is getting blocked from scraping a website, using an automated web scraper like Puppeteer may be your best option to circumvent the issue. Donations: www.paypal.com/donate/?hosted_button_id=8V323NGPTUX4A Follow me on Twitter: @JohnE104 RUclips Channel: www.youtube.com/@bluesphere7930 Email: bluesphere40@gmail.com Timecodes 0:00 - Why Use a Browser 1:06 - Setting Up the ...
Unlimited B2B Lead Generation with Emails | Google Maps Data Scraping
Просмотров 312Год назад
The best to way to scrape unlimited B2B leads from Google Maps without the use of (sometimes unreliable) software. Follow me on Twitter: @JohnE104 RUclips Channel: www.RUclips.com/@bluesphere7930
JavaScript Timeout Intervals Inside a Loop
Просмотров 316Год назад
How to implement a timeout or iteration intervals inside of a loop in JavaScript to keep iterations inside a loop from executing all at once. Follow me on Twitter: @JohnE104 RUclips Channel: www.youtube.com/@bluesphere7930
JavaScript functions fundamentals in 9 minutes
Просмотров 31Год назад
In this video, you'll get the fundamentals of JavaScript functions, which are an essential block in JavaScript programming. They allow us to organize our code into reusable blocks and make our code more modular. Follow me on Twitter: @JohnE104
How to Fix CORS Policy Errors When Making Fetch API Requests from a Next.JS Application
Просмотров 30 тыс.Год назад
To avoid CORS issues while fetching API requests to a server that is outside your control, such as Shopify for instance, run the requests via Next.JS API Routes, the backend of a Next.JS app. Donations: www.paypal.com/donate/?hosted_button_id=8V323NGPTUX4A Follow me on Twitter: @JohnE104 RUclips Channel: www.youtube.com/@bluesphere7930 Email: bluesphere40@gmail.com
PHP - Download FTP File
Просмотров 3,5 тыс.2 года назад
How to programmatically download a CSV file from an FTP Server using PHP. RUclips Channel: www.youtube.com/@bluesphere7930 Twitter: @JohnE104

Комментарии

  • @esther93933
    @esther93933 2 дня назад

    HICE TODOS LOS PASOS PERO NO LOGRO TERMINARLO NO ME APARECEN ESOS DATOS

  • @casa_decoazul
    @casa_decoazul 2 дня назад

    The mobile performance went from 58 to 74 after watching this video. Amazing! thanks so much!

  • @iamme9023
    @iamme9023 19 дней назад

    Thank you for this...it was great in theory but I have the Dawn theme and it is not working properly for me unfortunately.

  • @ahmedhassansheikh9436
    @ahmedhassansheikh9436 22 дня назад

    Wow

  • @faisalahmed7-k6e
    @faisalahmed7-k6e 24 дня назад

    I have a question, the tutorial is about one bannar picture. In case we have more then 1 picture LCP issue, we apply this to all pictures ?

    • @bluesphere7930
      @bluesphere7930 20 дней назад

      Yes, all of the above-the-fold images (LCPs) need to be preloaded. Unless the site has an image slider, in which case only the first image (the one that shows when the site first loads) in the slider should be preloaded and have its "loading" attribute set to "eager", none of the other images in the slider should be preloaded, and they all should have their "loading" set to "lazy".

    • @faisalahmed7-k6e
      @faisalahmed7-k6e 20 дней назад

      @bluesphere7930 Thank you so much.

  • @faisalahmed7-k6e
    @faisalahmed7-k6e 24 дня назад

    I am using RUclips from last 13 to 15 years but never watched so informative video like that. Hats off to you sir.

    • @bluesphere7930
      @bluesphere7930 20 дней назад

      Thank you. Glad you found it helpful.

  • @PGH-f7t
    @PGH-f7t Месяц назад

    could you share snippets code? thanks

  • @thelittleinvestor684
    @thelittleinvestor684 Месяц назад

    after adding the code, i cannot find the section in the costumize tool. do you know what may be wrong?

  • @rsdingoa
    @rsdingoa Месяц назад

    Do you primarily do Shopify or WordPress as well?? Amazing content mate

  • @rodday8014
    @rodday8014 Месяц назад

    Can you do this for WordPress?? Brilliant Content

    • @bluesphere7930
      @bluesphere7930 Месяц назад

      Thank you. Unfortunately, I don't do WordPress yet. I might start in the near future.

  • @test1shopify
    @test1shopify Месяц назад

    @bluesphere7930 Thanks for this video! I tried using this code, but I'm facing an issue. When there are two or more products in the complementary products list, if I click 'Add to Cart' on the first product, the section does not show the next product. Please check and let me know. Thanks in advance!

  • @bntheyoutube
    @bntheyoutube Месяц назад

    Thank you!

  • @arturo5050
    @arturo5050 2 месяца назад

    This do not affect when loading and then click like the shopping bag or hamburger menu and that can be opend inmediatly

  • @ounassabdelaziz7349
    @ounassabdelaziz7349 2 месяца назад

    Thank you for sharing! Is this code working on the Sense theme too? I added it, but I couldn't customize it, and the width is not set to auto when applied.

    • @bluesphere7930
      @bluesphere7930 2 месяца назад

      Hi, the demo was done on the Dawn theme. It may need a little tweaking to work on others, but it should work.

    • @astro-w1d
      @astro-w1d Месяц назад

      @@bluesphere7930 me also i cant customize it even i work on dawn theme

  • @fatihsarbyk5273
    @fatihsarbyk5273 2 месяца назад

    dudeeeeee, are U magician???

  • @RaiTechGaming
    @RaiTechGaming 2 месяца назад

    thank you, it helped, you should make more content and keep it short to the point. Regards Rai

  • @alrazy12
    @alrazy12 2 месяца назад

    hi I think of building a similar scarping project a website that scraps the web and extracts info about new and old diseased people in short a memorial website in Arabic for the arab world like a Wikipedia for dead people info can you mentor me?

  • @valoarce98
    @valoarce98 3 месяца назад

    What size does the image have to be? Can you help me with that?

    • @bluesphere7930
      @bluesphere7930 3 месяца назад

      The height for all the images in the demo is 150px. The width is set to auto. The height for the slider, however, is set to 100px, so what's showing in the demo is a height of 100px. You can try different heights and see what works best for you. Try to make the height of the slider equal to or less than the height of the images, otherwise, the image quality will suffer. I find it better to keep the height the same for all the images, but that's not a requirement, you're free to experiment with that as well.

  • @MahmudMuhammad-mk2bb
    @MahmudMuhammad-mk2bb 3 месяца назад

    The video is very helpful and am also looking forward more of your videos.

  • @MahmudMuhammad-mk2bb
    @MahmudMuhammad-mk2bb 3 месяца назад

    Thank you very much for the explanation but my question is: can't we solve other java script execution time for the Google tag and others?

  • @accessaccount4719
    @accessaccount4719 4 месяца назад

    Thanks so much....

  • @zuhairshaikh2623
    @zuhairshaikh2623 4 месяца назад

    where is the code??

  • @JaffarAli-k2e
    @JaffarAli-k2e 4 месяца назад

    is this technique stops the working of app or it just remove the app url during page load? i don't want to remove the app. if this tecnique stops the app working. then it will not help to me

  • @carlocrighton
    @carlocrighton 4 месяца назад

    Great tutorial, hat tip.

  • @messumsikandar123
    @messumsikandar123 4 месяца назад

    I added the same but not working even it become more slow

  • @tkfgameryt5353
    @tkfgameryt5353 4 месяца назад

    How did you open the search bar 6:32

    • @dfx.suites
      @dfx.suites 4 месяца назад

      If you use a Mac computer, use Command + F to open the search box. If you use a Windows computer, use CTRL + F to open the search box.

  • @arnoldjuma5136
    @arnoldjuma5136 4 месяца назад

    Heyy John, the tutorial is really helpful, you should do more like these

  • @alantascione754
    @alantascione754 4 месяца назад

    Thank you! It worked perfectly!

  • @ShopifyExpert-h2c
    @ShopifyExpert-h2c 5 месяцев назад

    Thanks, good stuff shared.

  • @WaleedOsman
    @WaleedOsman 5 месяцев назад

    a real gem - thanks a lot , keep them coming please

  • @ecom916
    @ecom916 6 месяцев назад

    mate ur a legend thank u🙏

  • @farukweb
    @farukweb 6 месяцев назад

    best tutorial for speed.

  • @AFC1886_
    @AFC1886_ 6 месяцев назад

    Hi John, unfortunately I can only find the div tags in an index JSON file so it won't work :( I looked further and the tags are in dynamic-content that has all the sections on the JSON file, not sure how to grab them from there.

  • @lorraineb2109
    @lorraineb2109 6 месяцев назад

    Thank you. It worked a treat! Brilliant video!

  • @JoaumPDR
    @JoaumPDR 6 месяцев назад

    hey, i tried to do this on the product page but its not working, i dont know if its a theme specific problem but when i delete "lazy" the img disapears

  • @Wellinkton90
    @Wellinkton90 7 месяцев назад

    legend!! thx!

  • @DANO_d
    @DANO_d 7 месяцев назад

    Why you have't removed the app: "Judgeme" ?

  • @LinceExpress.Oficial
    @LinceExpress.Oficial 7 месяцев назад

    It helped me a lot, thanks!

  • @codingwithlalarukh5488
    @codingwithlalarukh5488 7 месяцев назад

    What a tutorial!!!! This tutorial saved my life. Thanks a lot PRO, you're genius :)

    • @bluesphere7930
      @bluesphere7930 7 месяцев назад

      Thank you for your kind words. Glad you found it helpful. Cheers.

  • @CosignThetaMarketing
    @CosignThetaMarketing 7 месяцев назад

    This video is really helpfull

  • @DT-ih9nz
    @DT-ih9nz 7 месяцев назад

    You earned my subscribe .

  • @divakarnaresh9697
    @divakarnaresh9697 7 месяцев назад

    I am having an issue at 9:08 i have done the same but when i click the button it show me console log 2 times like if I was clicking double. please tell me how to fix this Thanks in advance 🙂

  • @healthtips246
    @healthtips246 7 месяцев назад

    I am getting lots of console amd other errors

  • @MuhammadShahid-sx9td
    @MuhammadShahid-sx9td 7 месяцев назад

    Its very helpful.Please make a full playlist of speed optimization.

  • @coordinxtez2918
    @coordinxtez2918 7 месяцев назад

    Can you please make a tutorial on how to fix cls

  • @EverHappyPaws
    @EverHappyPaws 7 месяцев назад

    I need my store speed up. Help me please?🙏🏻

    • @farukweb
      @farukweb 6 месяцев назад

      contact me. can you show me your store please?

  • @juliushernandez9855
    @juliushernandez9855 8 месяцев назад

    Then how can i deploy this in vercel netlify or render?

  • @kavinath
    @kavinath 8 месяцев назад

    Thank you. It was very helpful.

    • @bluesphere7930
      @bluesphere7930 8 месяцев назад

      Good to hear it helped. Cheers.

  • @semenderoranak2603
    @semenderoranak2603 8 месяцев назад

    I use app router and face no CORS issue until I call the fetching function inside useEffect or componentDidMount. How can I fetch API request inside useEffect or componentDidMount and still make it serverside

    • @Kakashi.b2k
      @Kakashi.b2k 7 месяцев назад

      I am also facing the same issue, Of you got the solution them please reply me