[Support request] WooCommerce “woocommerce_my_account” Dropdown / Login Button in Menu Bar

Home Forums Support [Support request] WooCommerce “woocommerce_my_account” Dropdown / Login Button in Menu Bar

Home Forums Support WooCommerce “woocommerce_my_account” Dropdown / Login Button in Menu Bar

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2175732
    cpbee

    Dear Support Team,

    I have very specific question (and I do not know how to solve it).

    I use WooCommerce and Customers can register an account with the ShortCode [woocommerce_my_account].

    The page is accessible but now I want to implement a small icon in front of the “Basket” (“Zucht” small account icon (e.g. a head symbol) then the basket)

    On Click (not hover) the customer can either log in (by Drop-Down) or is referred to the my account page.

    1
    2

    I hope you kind of understand what I try to implement.

    At least, how can I implement the small symbol as stated above πŸ™‚

    Thanks.

    Best regards,
    Chris.

    #2175832
    David
    Staff
    Customer Support

    Hi there,

    so you have a Menu Item named: Zucht and you want a sub-menu like:

    Zucht
    -- Login
    -- My Account 

    Is that correct ?

    #2175926
    cpbee

    No I want a button like the cart button (that either brings me to the login page or the My Account page) … the button should look like my avatar here on the forum (or similar) only smaller. So it has a visual delimiter.

    Please look at:
    https://8barrelsclub.com/

    I want exactly those three buttons (two I already have) … and with click on the account icon I pop to the login page πŸ™‚

    #2176229
    David
    Staff
    Customer Support

    Oh ok. Sorry πŸ™‚

    Create a new Block Element in Appearance > Elements:
    https://docs.generatepress.com/article/block-element-overview/

    You can use the GenerateBlocks buttons block to add your icon button:
    https://docs.generateblocks.com/article/buttons-overview/
    The buttons link just needs to be to your Account Page.

    Set the Hook to menu_bar_items
    Set the Display Rules to Entire Site.

    That will add the icon beside your cart on Desktop and Mobile.

    #2178302
    cpbee

    Dear Dave,

    thanks, I somehow managed to place the icon.

    However there are some strange artifacts appearing:
    1) If you go onto the main page: imkereiausruester.ch and klick on the head icon you will be directed to the login page. However, if you look at the icon now it is above a “white bar” … it almost seems that the whole “content page” has shifted upwards. You will also see that in the corners where a white overlay on the menu bar is visible.
    2) Even more strange is: If you put a product (any) into the cart and then click on the head icon the whole cart value is overlaid by a white bar?

    It seems that this only happens on “pages” like about me, shippin conditions or the login page?

    Can you follow what the problem is or do I have to upload an image?

    Thanks for your help

    Best regards,
    Chris.

    #2178313
    cpbee

    and another question:

    How could I switch the position of the cart icon with the login icon

    (position should be login (head icon), basket, search)

    thanks.

    #2178334
    David
    Staff
    Customer Support

    Go to Customizer > Additional CSS and remove this:

    body:not(.home):not(.woocommerce) .site.container {
        margin-top: -40px;
    }

    That should fix the first set to of issues.

    Q. How could I switch the position of the cart icon with the login icon

    Edit the Element you used to add the Account icon, and change the Priority to 5

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.