1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

Solved Cart icon needs to show number of items

Discussion in 'Basic Support Forum' started by ThemeUser, Oct 30, 2020.

  1. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I am developing a site using WooCommerce and Divi Powerful. I notice that only the mobile menu's cart icon shows the number of items in the cart, whereas the fullwidth desktop menu does not. Is there a way to get the fullwidth menu icon to show the number as well?
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  2. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    The default menu module cart icon doesn't have number of items with it. You will have to disable that in the module settings.

    To enable our cart icon with number of items, just set it in Theme Customizer > Divi Ultimate Header Plugin > Header & Navigation Styling > Show Cart In Custom Menu
     
  3. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    That works, and looks great, on desktop. But, now the cart icon does not appear on tablet or phone. I tried to troubleshoot this by allowing the default Divi cart icon to appear only on tablet & phone, but it would not appear while Ultimate Header's cart icon was turned on.

    As always, thanks very much for the continued support.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  4. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    Our cart feature should only affect the desktop version, as the mobile menu is using the default Divi menu. Thus if previously, the mobile menu had a cart count, then it should still have a cart count in it.

    Anyway, for default Divi mobile menu, only the slide in / fullscreen menu has cart count in it: https://divi.help/threads/if-i-use-...w-slide-in-or-fullscreen-menu-on-mobile.1251/
     
  5. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Yes, I already had it set up that way, and the cart icon still does not show on mobile.

    I also tried to troubleshoot by deleting all custom css, and then clearing static CSS file generation, and clearing cache. But, when I reloaded the site after doing that, the cart icon still did not show on mobile.

    I will PM the URL to you, as this is a client site in development.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  6. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    There seems to be some CSS hiding it.

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_slide_menu_top {
        display: block!important;
    }
     
  7. ThemeUser

    ThemeUser Member
    Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    That CSS fixed it. Thank you!
     
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More