Checkboxes beside products

  • Profile Image
    Asked on October 30, 2013 at 04:44 PM

    Hi there.

    I'm wanting to remove the checkboxes that reside beside a product name on a form. The reason is I don't want the user to accidentally check or uncheck them.

    At the same time, I want ALL the product checkboxes to be checked by default, and not become unchecked at all while still remaining hidden from interference from the user. This means that the order contains the full list of products and the quantities of each, even if it's zero

    Can this be done? If so, could you kindly tell me how?

    Thanks in advance!

  • Profile Image
    Answered on October 30, 2013 at 05:38 PM

    Hi there,

    Yes, that can be done.

    First, to make the products mandatory and cannot be unselected, check the two checkboxes (Required & Selected by default) in each of the products on your payment wizard.


    To hide all the checkboxes beside the product names, inject this CSS code to your form.

    input[id^="input_5_10"] {

    display: none;


    Guide: How to Inject Custom CSS Codes to your Form

    Let us know if there's anything I've missed. Hope this helps. Thanks!

  • Profile Image
    Answered on October 30, 2013 at 05:50 PM

    You're a legend, that worked a treat!

    Thanks for your help!