TNEW Pop Ups

Colin Byrne $organization over 2 years ago

Hello,

We are exploring options for having pop ups on TNEW relating to event specific information. Ideally we would want the info entered in the sales note box in production elements > performance on the desktop version to also appear online on TNEW when a customer has selected their seats and is directed to the basket. For example, a message relating to age restrictions.

I wanted to see if there are any organisations who have a solution for this, as this functionality is not offered out of the box with TNEW.

Neil Cole $organization over 2 years ago

Sounds like you are looking for a Modal Popup. Using existing functionality (Message Only pricing rules), you can have a popup appear after they select their price types and click Continue and/or within their cart and when they click Checkout.

When they click Continue, it takes them to their cart.

When they click Checkout within their cart.

Without a customization, I don't think there is a way to have a popup appear before they select their price types. You could add html purchase instructions to the content on the performance(s) or production season or production.

Here is a sample code:

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
<b>Become a Minnesota Zoo Member!</b>
</h4>
</div>
<div class="modal-body">
<p>Zoo members receive unlimited daytime admission and parking, and many other benefits. By becoming a member you support Zoo animals and wildlife conservation efforts around the globe. <a href="https://mnzoo.org/upgrade-membership/">Become a member today!</a></p>
</div>
<div class="modal-footer">
<button type="button" class="modal-btn-confirm btn btn-primary" id="myBtn">Close</button>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$("#myModal").modal("show");
$("#myBtn").click(function(){
$("#myModal").modal("hide");
});
});
</script>