One-Page Checkout [Support Thread]

[lat9]

@Jeff_Mash, I'm not sure if Reward points is using zen_display_checkbox_field to (er) display its checkbox field, but if not you can look at how the checkbox for conditions and/or privacy are displayed by the template's /templates/tpl_modules_opc_conditions.php.

[Jeff_Mash]

@Jeff_Mash, I'm not sure if Reward points is using zen_display_checkbox_field to (er) display its checkbox field, but if not you can look at how the checkbox for conditions and/or privacy are displayed by the template's /templates/tpl_modules_opc_conditions.php.

Hi Cindy - I don't normally have the Privacy or Conditions set to display during checkout. However, I just enabled it to test and that does display correctly.

Here is a screenshot of that code if it helps:

Attachment 20237

The only other checkbox on the Checkout page is the "Shipping Address, Same as Billing?" option, and that also displays correctly.

Attachment 20236

The only one that seems to be invisible is the Reward Points checkbox, and I can't figure out why (if it's a CSS edit that needs to happen or what).

If there is something else you need me to provide, please let me know. I am grateful for all your help!

[Jeff_Mash]

Just to add onto my previous post above, even though the checkbox is not interactable or visible to the user, it IS still there to some degree.

If I go to the input element immediately preceding the Reward Points box, and then hit TAB (to jump to the invisible checkbox for Rewards), hit ENTER (to select it), and then APPLY, it will apply the rewards to the order.

It's just like the checkbox isn't displaying properly and I don't know what else to do to troubleshoot it.

[Jeff_Mash]

If it helps, this is currently how we have the Reward Points module creating the checkbox:

$prompt=zen_draw_checkbox_field('redeem_flag',true,isset($_SESSION['redeem_value']),' class="opc-cc-submit"').' '.zen_draw_hidden_field('redeem_checkout_flag',1);

[Jeff_Mash]

Cindy - Okay, I found out WHY it's not displaying, but need your advice on how to workaround it.

The reason why is the CLASS name of the input: custom-control-input

Not Working: <input type="checkbox" name="redeem_flag" value="1" class="custom-control-input opc-cc-submit">

Working: <input type="checkbox" name="redeem_flag" value="1" class="opc-cc-submit">

So I would like to know how to do one of the following:

1. Either how to remove the "custom-control-input" from being added to this checkbox

2. Or possibly better, I don't mind leaving things as-is (with a hidden checkbox) as long as hitting the APPLY button will automatically apply the Reward Point value towards the order. Right now, hitting APPLY with the hidden class="custom-control-input opc-cc-submit" is not applying anything.

But again, if I go into INSPECT MODE on my browser and remove the "custom-control-input" so that it looks like this (), then I see the checkbox perfectly fine and it will APPLY the Reward Points.

Any thoughts?

It looks like the code that the Reward Point module is using to create the checkbox is this:

$prompt=zen_draw_checkbox_field('redeem_flag',true,isset($_SESSION['redeem_value']),' class="opc-cc-submit"').'&nbsp;'.zen_draw_hidden_field('redeem_checkout_flag',1);

[lat9]

@Jeff_Mash, using the formatting in the tpl_modules_opc_conditions.php as a base, it looks like the reward points module needs to format its checkbox using something like

$prompt = 
    '<div class="custom-control custom-checkbox">' .
        zen_draw_checkbox_field('redeem_flag',true,isset($_SESSION['redeem_value']),' class="opc-cc-submit" id="redeem_flag"') . 
        '&nbsp;' . zen_draw_hidden_field('redeem_checkout_flag',1) .
        '<label class="custom-control-label checkboxLabel" for="redeem_flag">&nbsp;</label>' .
    '</div>';

[Jeff_Mash]

@Jeff_Mash, using the formatting in the tpl_modules_opc_conditions.php as a base, it looks like the reward points module needs to format its checkbox using something like

$prompt = 
    '<div class="custom-control custom-checkbox">' .
        zen_draw_checkbox_field('redeem_flag',true,isset($_SESSION['redeem_value']),' class="opc-cc-submit" id="redeem_flag"') . 
        '##' . zen_draw_hidden_field('redeem_checkout_flag',1) .
        '<label class="custom-control-label checkboxLabel" for="redeem_flag">##</label>' .
    '</div>';

You ROCK, Cindy! That did the trick!