Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1030672
    Scott
    Participant

    Hello there! Please can you help?

    I am using Renew 1 and have set up a WooCommerce shop.

    How do I recreate the two different menus you have on your Renew 1 demo? In other words, how do I have my main website menu and, when I click on shop, it shows the separate WooCommerce menu (with website home link, shop home link, cart, checkout, my account, search icon shopping cart display)?

    I basically wish to reproduce the exact same menu structure from the Renew 1 demo.

    Thanks in advance and congrats on a great (and ever increasingly greatER) theme!

    Rob.

    #1031401
    Rupok
    Member

    Hi there,

    Thanks for writing in. This plugin may suit your needs (https://wordpress.org/plugins/page-specific-menu-items/). Check the FAQ before using it (https://wordpress.org/plugins/page-specific-menu-items/faq/)

    Also you may find the following thread useful : https://community.theme.co/forums/topic/woocommerce-shop-custom-menu/#post-672679

    Hope that helps.

    Cheers!

    #1040335
    Scott
    Participant
    This reply has been marked as private.
    #1040831
    Rupok
    Member

    Hi there,

    Thanks for updating.
    You can add this under Custom > CSS in the Customizer.

    body:not(.woocommerce) .x-menu-item.x-menu-item-woocommerce {
      display: none;
    }

    Hope this helps.

    Cheers!

    #1041776
    Scott
    Participant
    This reply has been marked as private.
    #1042305
    Jade
    Moderator

    Hi Scott,

    Please add this code too:

    .woocommerce body:not(.woocommerce) .x-menu-item.x-menu-item-woocommerce {
        display: block;
    }

    Hope this helps.

    #1042464
    Scott
    Participant
    This reply has been marked as private.
    #1042473
    Scott
    Participant

    I think I figured out how to remove the search icon and cart total/items from the footer nav menu.

    Is this correct?

    .x-colophon.bottom .x-menu-item.x-menu-item-search {
    display: none;
    }

    .x-colophon.bottom .x-menu-item.x-menu-item-woocommerce {
    display: none;
    }

    OR SHOULD IT BE:

    .x-colophon.bottom .x-nav .x-menu-item-search {
    display: none;
    }

    .x-colophon.bottom .x-nav .x-menu-item-woocommerce {
    display: none;
    }

    #1042656
    Nico
    Moderator

    Hi There,

    Happy to see that you have figured out the removing something using the class.

    The class you used above is good to go.

    Let us know how it goes.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1030672 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>