Home Forums WoodMart – Premium Template 1. How to link to a pop-up? | 2. Icon on buttons?

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 4 days, 5 hours ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #132342

    milspec
    Customer

    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!

    • This topic was modified 5 days, 17 hours ago by  milspec.
    • This topic was modified 5 days, 17 hours ago by  milspec.
    #132363

    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

    #132377

    milspec
    Customer

    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.

    #132395

    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

    #132488

    milspec
    Customer

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

    #132507

    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

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

You must be logged in to reply to this topic.