Okay
  Public Ticket #2429511
Cannot select people and extras in the catalog view of a specific service
Closed

Comments

  • Sperlonga Escursioni started the conversation

    Hi, we have inserted the shortcode [ameliacatalog service = 4] in a popup, the catalog is displayed but selecting "bring someone with you" it is not possible to select the number of people. Likewise, it is not possible to select the extra service combined with the service in question

  •  2,572
    Aleksandar replied

    Hello Sperlonga Escursioni

    Thank you for your purchase.

    Which builder are you using? Is this an Elementor popup? If so, there is some CSS and JS that needs to be added in order for it to work properly. Just in case you are using Elementor I'll provide the code here:

    My advice would be to install the Add Admin JavaScript and Add Admin CSS plugins, and then apply the following:

    CSS:

    .el-select-dropdown, .el-popper {
    z-index: 9999 !important}
    .am-modal {
    z-index: 9999 !important}

    JS

    if (!('ameliaBooking' in window)) {
    window.ameliaBooking = {};
    }
    if (!('disableAutomaticLoading' in window['ameliaBooking'])) {
    window.ameliaBooking.disableAutomaticLoading = true;
    }
    document.addEventListener('DOMContentLoaded', function(event) {
    document.getElementById('ameliaPopUpButton').onclick = function() {
    setTimeout(function () {
    var ameliaPopUpForms = document.getElementsByClassName('amelia-elementor-popup');
    for (var i = 0; i < ameliaPopUpForms.length; i++) {
    window.ameliaBooking.load(ameliaPopUpForms[i], null, {});
    }
    }, 500);
    };
    var ameliaForms = document.getElementsByClassName('amelia-elementor-form');
    for (var i = 0; i < ameliaForms.length; i++) {
    window.ameliaBooking.load(ameliaForms[i], null, {});
    }
    });

    You need to add an ID to the Edit button "ameliaPopUpButton":

    5478581827.png

    Then, you need to enable "Prevent Closing on Overlay":

    4035329291.png

    And then, when you're adding the shortcode in the pop-up, you need to add the class 'amelia-elementor-popup':

    4559165604.png

    If you're adding a shortcode which is not in a pop-up, you need to add the class 'amelia-elementor-form'.

    If it's some other popup, can you please create a page where this behavior is presented, and I'll inspect it to see if there's anything we can do?

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables