Style Your Divi Menu Cart Icon Like Shopify

Поділитися
Вставка
  • Опубліковано 29 жов 2024

КОМЕНТАРІ • 28

  • @SaadJeeTabassam
    @SaadJeeTabassam 10 місяців тому +1

    I have watched a few video of yours. Doing great work!!! Thanks for the tutorial.

    • @DiviMundo
      @DiviMundo  10 місяців тому +2

      Thanks mate, I’m glad that you like them! 😊

  • @pwhiteheadnj
    @pwhiteheadnj 8 місяців тому

    Hello again! I'm trying to customize the header for my home page differently than my other pages. I tried using the style for my second menu cart, but it won't change. I'm assuming I'd have to make a second menu as a different name because you can only style 1 cart at a time? I'm going to try this latter, but I'd figure I'd ask for your suggestion on doing an additional menu for a custom template. Finally, your code suggestion with changing the cart items name to add to the functions.php file worked out great! Thanks again for your help!

  • @jeanbrito8576
    @jeanbrito8576 9 місяців тому

    Great video, thank you !

    • @DiviMundo
      @DiviMundo  9 місяців тому

      You're very welcome! 🙂

  • @RajShekhorcoder
    @RajShekhorcoder Рік тому

    WoW.. a Very smart tutorial. Awesome thanks

    • @DiviMundo
      @DiviMundo  Рік тому

      Thanks Shekhor, I'm glad you liked it! 🙂

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

    Do you also have CSS for me to change the image of the shopping cart when the menu becomes sticky?

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

      You can style sticky elements by targeting the class .et_pb_sticky

  • @joestebant
    @joestebant Рік тому

    Hi thank you for the video.
    but i had a problem testing it, this wasnot working in the product page
    Can you help me please
    PD: only icon is not changing

    • @DiviMundo
      @DiviMundo  Рік тому

      Hi José! Hard to tell without a link but make sure that you have a global header in the Theme Builder. This cart only works on pages that uses the Theme Builder header.

  • @kyneba6988
    @kyneba6988 Рік тому

    Great video, thank you ! ^_^

    • @DiviMundo
      @DiviMundo  Рік тому

      I’m glad you liked it! 🙂👋

  • @pwhiteheadnj
    @pwhiteheadnj Рік тому

    Hello! Could you do a video on this without using a plugin?

    • @DiviMundo
      @DiviMundo  Рік тому +1

      Hi Paul! Try to add this code in the functions.php file in your child theme. Let me know how it goes! 🙂
      add_filter('ngettext_with_context', 'change_woocommerce_item_text', 20, 6);
      function change_woocommerce_item_text($translation, $single, $plural, $number, $context, $domain) {
      if ($domain == 'Divi' && ($translation == '%1$s Item' || $translation == '%1$s Items')) {
      return '%1$s';
      }
      return $translation;
      }

    • @pwhiteheadnj
      @pwhiteheadnj Рік тому

      @@DiviMundo I will this evening after work. Thank you!

    • @pwhiteheadnj
      @pwhiteheadnj Рік тому

      @@DiviMundo You are awesome! I'm following the rest of your tutorial to style the CSS. Thank you so much! Can you recommend websites where I can understand more about how functions work and learn how to create my own?

    • @DiviMundo
      @DiviMundo  Рік тому

      @@pwhiteheadnj You're very welcome! 🙂 I can actually recommend ChatGPT. Just paste a snippet and ask it to explain the code. It might sound a bit backward but it works really good.

  • @GabrielNunez-rl2bw
    @GabrielNunez-rl2bw Рік тому

    because when I delete the products the amount keeps coming out and I have to click update so that the numbers are not there

    • @DiviMundo
      @DiviMundo  Рік тому

      I think that is the default behavior of the Divi menu cart.

    • @gabrielnunez7317
      @gabrielnunez7317 Рік тому

      ​@@DiviMundo What should I do so that the cart icon eliminates the item number when I delete a product?

    • @DiviMundo
      @DiviMundo  Рік тому

      @@gabrielnunez7317 This script should do the trick: diviengine.com/update-woocommerce-cart-on-quantity-change/
      Let me know how it goes. 🙂

    • @GabrielNunez-rl2bw
      @GabrielNunez-rl2bw Рік тому

      @@DiviMundo It does not worth for anything

    • @DiviMundo
      @DiviMundo  Рік тому

      @@GabrielNunez-rl2bw Do you use a Theme Builder header (with a menu module) or the default Theme Customizer header?