Product add-ons – multilevel options

Hey @raoof

Thanks for the detailed explanation, this really helps.

When the user choose either 1 or 2 above, he should be able to choose another option from a set of available options (as shown below), and the price need to be added to total

What you’re looking for here is “conditional logic”. This will either be a custom code solution or using a plugin/extension – there are a lot of options out there. On the commercial WooCommerce.com site, we have a few options for sale. Take at our “How to bundle” documentation since this is the scenario you’re looking to solve – https://docs.woocommerce.com/document/group-bundle-products-woocommerce/

For example, something like https://woocommerce.com/products/composite-products/ would fit what you’re looking for I feel.

Alternatively, I’d recommend searching for plugins/extensions which offer “conditional logic” functionality.

Hope you find something which fits your needs.

Thanks,

Thanks for the quick reply.

I still don’t get how to make it the way I want.

I need to have something like the following in the final markup. That is, the second set need to have a common heading and then sub headings for each. However, all of them share the same name attribute so that selection of one make all the other one deselected.

Hope this is clear now.

<form>
    
      <strong>Power type</strong>
       <input type="radio" value="single_vision" name="power">
        <input type="radio" value="zero_power" name="power">
        <input type="radio" value="frame_only" name="power">
     
      <strong>Lens type</strong>
         <strong>Type 1</strong>
       
        <input type="radio" value="radio_11" name="lens">
        <input type="radio" value="radio_12" name="lens">
       <input type="radio" value="radio_13" name="lens">
       <input type="radio" value="radio_14" name="lens">
       
      <strong>Type 2</strong>
        
        <input type="radio" value="radio_21" name="lens">
        <input type="radio" value="radio_22" name="lens">
       <input type="radio" value="radio_23" name="lens">
    <strong>Type 3</strong>
        
        <input type="radio" value="radio_31" name="lens">
        .........
</form>

Hey @raoof

What you’ve explained sounds like it is possible with the premium Composite Product extension but the conditional logic you’re asking for doesn’t exist in WooCommerce core. You would need either a custom solution or a plugin to achieve this.

As my replies have clarified this isn’t part of WooCommerce functionality and I’ve given some solutions, I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Thanks,