Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 14, 2017 at 11:16 am #876537
    Daniel

    Hi,

    I’m creating a very simple webshop and with the products there is a button that says More Information. If I click this button I would like to have a pop-up or modal that displays the information.

    I started with this thread: https://kriesi.at/support/topic/open-popup-modal-with-button/ and got that working. But when I try to change it from link to button, it stops working. What I had so far:

    <div id="test-popup" class="white-popup mfp-hide">

PLACE CONTENT HERE

</div>

[av_button label='Meer informatie' link='#test-popup' link_target='' size='small' position='center' icon_select='no' icon_hover='' icon='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='open-popup-link']

    Can you maybe help me with the finishing touch? Thanks very much!

    Cheers, Daniel

    November 15, 2017 at 9:32 am #876977
    Rikard

    Hey Daniel,

    I’m not sure what you mean by this:

    But when I try to change it from link to button, it stops working.

    Could you clarify please? Also, can we see the actual problem somewhere?

    Best regards,
    Rikard

    November 15, 2017 at 11:10 am #877040
    Daniel

    Hi Rikard,

    I see I posted the wrong link in the first post, sorry! I started with this thread: https://kriesi.at/support/topic/contact-form-in-pop-up-prettyphoto-issue/

    Here they use <a class="open-popup-link" href="#test-popup">Show inline popup</a> that works perfectly, but when I try to use a button instead of a link, it doesn’t work.

    Does this explain the situation?

    November 16, 2017 at 9:04 pm #877739
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Yigit

    November 17, 2017 at 11:40 am #878018
    Daniel

    Hi Yigit,

    Thanks! Link is in private section.

    November 22, 2017 at 3:30 am #879988
    Ismael

    Hi,

    The class attribute “open-popup-link” should be applied in the link tag. Please extract the html code of the button then place it inside a text or code block. Move the class attribute “open-popup-link” to the link tag. Example:

    
<div class="avia-button-wrap avia-button-center"><a href="#test-popup" class="avia-button open-popup-link avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center "><span class="avia_iconbox_title">Meer informatie</span></a></div>

    Best regards,
    Ismael

    November 22, 2017 at 8:47 am #880114
    Daniel

    Hi Ismael, thanks for the answer, it works great now!

    November 22, 2017 at 10:38 am #880144
    Nikko

    Hi,

    Glad to hear that. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Simple text in popup when clicking a button’ is closed to new replies.