Home › Forums › WoodMart support forum › pop up for top bar menu

pop up for top bar menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 14, 2018 at 8:20 am #89386

    zuerst.digital
    Participant

    I need to use the pop up shown in the attachment as a pop-up for “contact us” in home page top bar menu. What I need to do?? Do I need to install any third party pluggins??

    Attachments:
    You must be logged in to view attached files.
    November 14, 2018 at 11:14 am #89408

    Elise Noromit
    Member

    Hello,

    You can create HTML block, insert the Popup element and configure as per your needs, then insert HTML ID in the place where you want button calling popup to show.

    Best Regards

    November 14, 2018 at 11:54 am #89415

    zuerst.digital
    Participant

    I created an HTML block, my question is can I insert this block as a pop up im top bar menu, not in a button. just as newsletter.

    November 14, 2018 at 12:02 pm #89423

    Elise Noromit
    Member

    Hello,

    Yes, insert the HTML block element in the top bar in the Header Builder and choose the created HTML http://prntscr.com/li8gcd then http://prntscr.com/li8gip and http://prntscr.com/li8gnq

    You will get the button calling the popup element in the top bar.

    Best Regards

    November 14, 2018 at 2:48 pm #89459

    zuerst.digital
    Participant

    I need it in the top bar menu, I created an html block and custom block and added it to the menu, but pop up is not showing up.

    November 14, 2018 at 3:15 pm #89467

    Elise Noromit
    Member

    Hello,

    Let’s go through the process step by step:

    1. Create HTML block with a popup like this http://prntscr.com/libbn5 configure the button http://prntscr.com/libc0a

    2. Add HTML element to the Header builder http://prntscr.com/libch2

    3. Choose your HTML block from the drop-down: http://prntscr.com/libcvv

    You should have such a result: https://gyazo.com/0ce4d86bf3d22ac7447be0da08831ba4

    Best Regards

    November 14, 2018 at 3:27 pm #89468

    zuerst.digital
    Participant

    Please go through the attchment and see my requirement.

    Attachments:
    You must be logged in to view attached files.
    November 14, 2018 at 4:02 pm #89482

    Elise Noromit
    Member

    Hello,

    1. Remove Contact form menu item your topbar menu in Appearance > Menu.

    2. Make full-width row in your HTML bloch. Why do you make it 4 columns? Enter the popup element and insert text which you want to be displayed in the top bar instead of “contact-form-popup”

    3. Insert the HTML block on the right from the menu.

    Best Regards

  • Author
    Posts

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)