Home Forums WoodMart support forum Pop-up question

Pop-up question

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #400533

    DaveShishkoff
    Participant

    Hi there, I’m interested in utilizing the ‘Newsletter’ pop-up in the top of the menu, however it seems the only way this can work is if the ‘Pop-up’ option is turned on, but I don’t want a pop-up on visit, just when they click on that Newsletter link.

    Is this possible? Thanks!

    #400604

    Hello,

    You can try using our popup element and add to the header using HTML Block.

    Screenshot: https://gyazo.com/0df914004b35a32a3b1f69af5e93b8c3

    Best Regards

    #400740

    DaveShishkoff
    Participant

    Hey thanks, I don’t think your screenshot worked..?

    #400795

    Hello,

    Please provide the admin panel login details of the website. I will create an example for you on your site..

    Best Regards

    #400958

    DaveShishkoff
    Participant

    No thank you, last time I allowed this your agent didn’t read what I was asking and made unapproved and undesired edits that I didn’t want, and had to undo.

    If you can post a working screenshot or link to a support document for this that’d be great, thank you. How does the HTML Pop-up block work? I found the element, but it’s not clear how it activates a pop-up, or how to choose ‘what’ pops up, thank you.

    #401031

    Hello,

    You need to create an HTML Block and add the content in it.

    Screenshot: https://gyazo.com/a93dfdba15e409536a9702a60f2041b5

    Then Go to Woodmart >> Header Builder >> Edit header and add Html Block element and set the Html Block you created.

    Screenshot: https://gyazo.com/a110f6c3f11ec7441c94b012bceb7f5c

    Best Regards

    #401163

    DaveShishkoff
    Participant

    Thank you, I got myself that far – I’ve created an HTML Block using the Pop-up element called Newsletter Pop-Up and added it to the menu as you’ve directed.

    The problem I’m having is I don’t know how to tell the Pop-Up HTML Block element ‘what’ to include in it. So a little white box opens up, but I can’t find how I add any content to it?

    Let’s say I just want to use the Woodmart “Promo popup” that comes with the theme, and want to insert it into the pop-up, how do I do that? Thanks!

    #401182

    Hello,

    Please read and follow the instructions here in the theme documentation:
    https://xtemos.com/docs-topic/how-to-edit-promo-popup-window/

    and here: https://xtemos.com/docs-topic/html-blocks-usage/

    Otherwise, please send me the WP admin login details of your site so I will check and give you the possible solution.

    Best Regards.

    #401356

    DaveShishkoff
    Participant

    Hi again, I’m already familiar with these pages, I wish you would please pay attention to what I’m asking, this is very frustrating, days are going by and you haven’t helped one bit.

    I’m familiar with how to add an HTML Block to the Header. I understand that I can add an HTML Pop-up Element. I have set this up.

    As I wrote above, I cannot figure out how to tell the HTML Pop-up Element “WHAT” to display.

    PLEASE READ THIS: A WHITE BOX POPS UP. It is EMPTY. But there should be content IN THE WHITE BOX.

    I have provided a link in the private section. If you click on NEWLETTER in the top right, you can see that an EMTPY WHITE BOX pops up. Using the HTML Pop-up Element in the Header as described.

    Please tell me how I populate the white empty box. Where in the HTML Pop-up Element do I tell it what the CONTENT of the pop-up should be. I’ve included a screenshot of that as well. The only boxes that appear to allow for content are CSS Class boxes. There’s no HTML text, nowhere to add an HTML block or block ID.

    There doesn’t appear to be anywhere to tell it “what” should be popping up.

    Please provide instruction on how this pop-up element is supposed to work. I would have expected there was a field to add something like “[html_block id="105195"]” – which would be the HTML Block I would like to appear in the white box. I hope I have made myself clear.

    Attachments:
    You must be logged in to view attached files.
    #401378

    Bogdan Donovan
    Keymaster

    Hi,

    To configure popup button element placed in header via HTML-block, you need to:

    1. Create HTML-block with popup element (https://prnt.sc/oO4JuatqrHIx) and configure it button style/width/etc. (which you have already done)
    2. Insert content inside the following popup via PLUS (https://prnt.sc/BFJED4TQYHKI) button that located inside popup element (video on backend https://gyazo.com/a59c91fe222400d14dc201f185720a88, video on frontend https://gyazo.com/84de0184534cd024218012e7f94ffc2a).

    Kind Regards

    #401534

    DaveShishkoff
    Participant

    Hi Bogdan, thank you – that was exactly what I was looking for, didn’t realize this was added in through the back-end editor, it all makes sense now. (I thought I’d checked initially if this might be the case, but must have missed it.) Unless I missed it, this element doesn’t appear to be documented anywhere, adding this might be helpful to others. (I do try to look up these features on my own, and asking here is more of a last resort.)

    I’m running into some additional trouble tho, for some reason certain selections aren’t saving. I’m finding it’s both for the ‘Button’ WPB element, as well as the pop-up ‘content’ I’ve made – for example it won’t save the border I select. I’ll pull down ‘inset’ for example, and Save, and when I recheck, it’s not saved. I think it’s a similar issue with the button background (you can see on my page that when you hover over Newsletter, the background turns grey, but I keep setting it to white or even transparent and it keeps reverting to this. If I go with another colour, like blue, it ‘saves’, but when I try to make it white it doesn’t want to save…) Basically I’m just trying to make the text match the rest of the menu, if you have any guidance on how I can accomplish this, thanks!

    #401563

    DaveShishkoff
    Participant

    Hey again, just as an update, I figured out part of the border issue, you need to set a number in the CSS Box. Got that going fine, however you can see the background colour overlaps the border if using the Border Radius, any way to overcome that so the border overlaps the background colour and keeps the rounded corners?

    #401649

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .mfp-content .woodmart-row-gradient.wd-fill {
    border-radius: 20px;
    }

    .wd-popup {
    background-color: transparent;
    }

    Best Regards

    #401831

    DaveShishkoff
    Participant

    That did it, thanks Aizaz!

    Is it possible to also set the white portion of the pop-up background to transparent as well?

    #401839

    DaveShishkoff
    Participant

    Never mind, I managed to figure that out! I think my browser cache was retaining something, and it’s looking better now!

    So one last item I’m trying to resolve with this is when you hover over the Newsletter text in the top menu, a grey background appears, and I’ve tried setting the ‘Background Hover’ to white, transparent, etc, and it doesn’t seem to change (all I can do is set it to other colours like purple.) Any ideas there? I’d like the text to match the rest of the text in the menu ideally (so same colour, no bold, etc..)

    #401912

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .btn.btn-scheme-dark:hover {
        box-shadow: none;
        color: grey;
    }

    Best Regards

    #402163

    DaveShishkoff
    Participant

    That did it, thanks again!

    #402207

    Hello,

    We are Glad that your issue has been Resolved.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

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

The topic ‘Pop-up question’ is closed to new replies.