[SuperParticipant]

Hi There.
I’m trying to make a button create a small pop up window like the BOOK NOW button on this website http://truesouth.com.au/bookings/

For some reason the button when clicked is going to a new tab rather than a pop up.

Can you clarify please.

[Paul RModerator]

Hi,

Thanks for writing in!

Please try changing the code with this.

<a href="http://widget.dimmi.com.au/entry/2487?referrerUrl=http://www.truesouth.com.au&ShowHeader=True" class="lightbox-selector popup" data-height="500" data-width="500" data-type="iframe">Click Me</a>

[lightbox selector=".lightbox-selector"]

Hope that helps.

[SuperParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

You can use Raw Content or Text element to insert this code in Cornerstone.

Thank you!

[SuperParticipant]

Thanks.
Unfortunately this just creates a text link and not the button I had built before using the button element in cornerstone.

Also the lightbox pops up full screen and not in a small window ontop of the page like on the website example I previously provided.

Can you help?

[ZeshanMember]

Hi there,

If you want to show a popup like the example, remove the above provided code and add a simple button element in your Cornerstone page. Then add a custom CSS class of open-popup under Class field of your button settings (see: http://prntscr.com/7qeolc) and add following JS code under Custom > JavaScript in the Customizer:

// Open Links in a Popup Window
jQuery(document).ready(function($) {
  $('.open-popup').click(function(e) {
    e.preventDefault();
    window.open($(this).attr("href"), "popupWindow", "width=500,height=500,scrollbars=yes");
  });
});

Thank you!

[SuperParticipant]

This reply has been marked as private.

[SuperParticipant]

This reply has been marked as private.

[ZeshanMember]

You’re welcome! 🙂

[Author]

Posts