Hooking the woocommerce cart into the header menu

This topic has 10 replies, 1 voice, and was last updated 4 years, 7 months ago by Spiracle Themes.

Viewing 9 reply threads
  • Author
    Posts
    • #1729


      Mike
      Guest

      I want my cart link and counter to appear in the krystal shop header menu. I looked at the header.php file, it seems that the header nav menu is called thusly:

      do_action( ‘krystalpro_action_header’ );

      But when I add action using that hook, the cart counter ends up completely outside the header nav div, behind the header. I don’t think I am using the right hook. What would be the correct hook to use to hook into the header menu, so that the cart counter appears, ideally, as an li in the nav menu?

    • #1730


      Spiracle Themes
      Guest

      Hi Mike,

      Go to Appearance -> Customize -> Shop Settings and check the option Show Menu Cart.

      Best Regards

      • #1732


        Mike
        Guest

        So I applied the settings you provided, but the cart icon is not showting up. I thought it might be sizing of div, but I can not figure out how to get the card to show.

        Home

    • #1731


      Mike
      Guest

      thanks!

    • #1733


      Spiracle Themes
      Guest

      Hi Mike,

      We have just updated our theme to version 1.1.9
      You’ll see an update notice in your WordPress admin dashboard.

      Best Regards

    • #1737


      Mike
      Guest

      Okay, so the update fixed the cart issue, but now I have the same issue for the back to top button. the icon shows as a square, but should show as an up arrow.

    • #1739


      Spiracle Themes
      Guest

      Hi Mike,

      This issue is noted and will be corrected in our next theme update soon.

      Best Regards

    • #1745


      Mike
      Guest

      Any idea where to start? I may not have that kind of time. Let’s open-source fix this here and now. Probably the same fix you did for the cart.

    • #1746


      Spiracle Themes
      Guest

      Hi Mike,

      Yes, actually the issue is arising due to the Font Awesome version. The Elementor page builder is using Font Awesome version 5 and our theme was having version 4 which we have updated recently to version 5. We need to check the bottom to top icon also for this or we have to change its CSS.

      Best Regards

    • #1747


      Mike
      Guest

      Yes! I tried that too in child theme using different fa icon, but somehow it’s not resolving. I even gave it larger area, still no love.

      Perhaps dequeueing krystal fontawesome version 4 in child theme and requeue version 5?

      .btntoTop {
      width: 40px;
      height: 40px;
      }

      .btntoTop:before {
      font: 30px ‘FontAwesome’;
      content: “\f062”!important; /*overrides parent style*/
      }

    • #1748


      Spiracle Themes
      Guest

      Thanks for sharing this code 🙂

      Best Regards

Viewing 9 reply threads

Reply To: Hooking the woocommerce cart into the header menu

Your information:




Cancel