Home › Forums › WoodMart support forum › 1. How to link to a pop-up? | 2. Icon on buttons?

1. How to link to a pop-up? | 2. Icon on buttons?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 11, 2019 at 6:17 pm #132342

    milspec
    Participant

    Hi there. I have two questions.

    1. I would like text to open a pop-up, like in your demo on the top right, clicking “Newsletter” brings up the newsletter HTML block. I have tried following your instructions to create a secondary menu item, adding the HTML block and placing your CSS “woodmart-open-newsletter” in the menu item css style. I then place the new secondary menu in my header but the pop up does not work. The page just reloads.

    https://prnt.sc/odr5cb

    2. How do I place icons (such as FA icons) on WPBakery buttons?

    Thanks for your help!

    July 11, 2019 at 8:44 pm #132363

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    1. Create a menu in Appearance > Menu, save > enter the menu item and find CSS classes field in Custom fields [for theme] insert the class woodmart-open-newsletter then go to the Theme Settings > Shop > Promo popup, enable and configure the popup.

    2. Enter the menu item and find Icon name (from FontAwesome set https://fontawesome.com/v4.7.0/icons/) – the field requires to insert the key work from FontAwesome icon. For example, ID cart icon code looks like <i class="fa fa-id-card-o" aria-hidden="true"></i>, it is necessary to extract the part, which determines the icon which is id-card-o

    Best Regards

    July 11, 2019 at 9:16 pm #132377

    milspec
    Participant

    Regarding option 1, this worked however the is there any way to make the pop up not open unless the button is pressed? I only want the pop-up to show when a user clicks the menu link.

    July 12, 2019 at 7:24 am #132395

    Elise Noromit
    Member

    Hello,

    1. Create HTML block and add the pop-up element, there will be a button which would call the pop-up by click https://xtemos.com/docs/woodmart/shortcodes-2/

    2. Add the created HTML block to the Header Builder https://xtemos.com/docs/woodmart/html-blocks-2/#header_builder

    Best Regards

    July 12, 2019 at 7:16 pm #132488

    milspec
    Participant

    Thank you, but I don’t want it to be a button. I want it to be a menu link. That is my question.

    July 13, 2019 at 5:51 am #132507

    Elise Noromit
    Member

    Hello,

    As soon as a menu has been created and saved the Custom fields [for theme] in menu item would appear.
    CSS Classes (optional) allow to insert a class and assign custom CSS, besides inserting class woodmart-open-newsletter would assign menu item to the theme popup https://xtemos.com/docs/woodmart/faq-guides/promotional-pop-ups/ and this menu item would call the popup on clicking.

    Best Regards

  • Author
    Posts

Tagged: 

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

The topic ‘1. How to link to a pop-up? | 2. Icon on buttons?’ is closed to new replies.