hey, i see this is the example they gave on the website:
<div id="example-widget-trigger"></div>
<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>
<script type="text/javascript">
var exampleCallback = function() {
console.log("Order complete!");
};
window.EBWidgets.createWidget({
widgetType: "checkout",
eventId: "52766401728",
iframeContainerId: "example-widget-trigger",
iframeContainerHeight: 425,
onOrderComplete: exampleCallback
});
</script>
<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>
put this part in "lay options" -> "custom css & html" -> "Custom <head> content"
put this html in your page in the gridder via "+more" -> "+html":
<div id="example-widget-trigger"></div>
in "lay options" -> "custom css & html" -> "Custom <head> content" I would insert the other code like this, according to: http://laytheme.com/documentation.html#custom-javascript
<script type="text/javascript">
var exampleCallback = function() {
console.log("Order complete!");
};
laytheme.on('newpageshown', function(){
if( jQuery('#example-widget-trigger').length > 0 ){
window.EBWidgets.createWidget({
widgetType: "checkout",
eventId: "52766401728",
iframeContainerId: "example-widget-trigger",
iframeContainerHeight: 425,
onOrderComplete: exampleCallback
});
}
});
</script>
good luck
this is all because lay theme is has a frontend that is a javascript app ..
sry for the late reply
