Result works in testing but not on live site.

  • Resolved doutley

    (@doutley)


    3 years, 2 months ago

    Hello, We have successfully created a simple calculator for figuring quantity of bulk products we sell. When in the plugin and preview is used the calculator works great and shows proper result page. When put into the live website though it does not show the result page. It just goes to a blank.

    We are using wordpress with elementor hello theme. Calculated Fields Pro. Any help on this would be super.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @doutley

    The issue is simple.

    You have defined the following piece of code in the theme active on your WordPress:

    .hide {
    display: none!important;
}

    And your onclick event include pieces of code similar to:

    jQuery('.BagBulk').show();

    But as the css rule was defined with the !important modifier, the tag is not displayed.

    The solution, without editing the CSS requires to edit the code in the button as follows:

    if (jQuery(this.form).valid() == true) {
    jQuery('.pre-button').hide().addClass('hide');
    jQuery('.reset-button').show().removeClass('hide');
    jQuery('.covwarn').show().removeClass('hide');
    if (jQuery('[id*="fieldname2"]').val() == 'Pine Straw') {
        jQuery('.PineStraw').show().removeClass('hide');

    }
    if (jQuery('[id*="fieldname16"]').val() == 'TRUE' && jQuery('[id*="fieldname17"]').val() == 'TRUE') {
        jQuery('.BagBulk').show().removeClass('hide');

    }
    if (jQuery('[id*="fieldname16"]').val() == 'TRUE' && jQuery('[id*="fieldname17"]').val() == 'FALSE') {
        jQuery('.Bulk').show().removeClass('hide');

    }
    if (jQuery('[id*="fieldname16"]').val() == 'FALSE' && jQuery('[id*="fieldname17"]').val() == 'TRUE') {
        jQuery('.Bag').show().removeClass('hide');

    }
    if (jQuery('[id*="fieldname16"]').val() == 'FALSE' && jQuery('[id*="fieldname17"]').val() == 'FALSE' && jQuery('[id*="fieldname2"]').val() != 'Pine Straw') {
        jQuery('.Tons').show().removeClass('hide');

    }
}

    You must follow the same logic (add or remove the hide class) with the reset button.

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Result works in testing but not on live site.’ is closed to new replies.