How to display content in popup? – Betheme Support Center

How to display content in popup?

Simple popup

You must use a shortcode to display content in a popup on a button click. Link to shortcode: https://muffingroup.com/betheme/elements/popup/

Popup shortcode

Image popup

  1. In the Column Text element, create an image of your choice, custom ID, and relationship attribute set to lightbox:
    <a href="#popup" rel="lightbox">
    <img class="scale-with-grid" src="#"/>
    </a>
  2. Below the image, put div with the same ID you set up for an image and with the display property set to none:
how_to_popup_image
how_to_popup_image_2
Important!

Please make sure, both, link attribute in image and div ID has exactly the same name and does not contain any special characters nor empty spaces. Otherwise, it will not work.
Try it now