Complete WooCommerce Configurator Functionality
Budget: €8 – €30 EUR
We have a custom configurator for two flavors (Vanilla Mint and Cinnamon) already designed in our child theme. Your task is to implement the logic so that:
Nicotine strength selection (e.g. 3 mg, 5 mg) – already a product variation attribute – works independently for each flavor.
Quantity controls (+ / −) under each flavor adjust how many “1 pack” units of that flavor & strength will be added.
On clicking “Add to Cart”, the configurator sends for each flavor:
the flavor slug (“vanilla” or “cinnamon”)
the selected nicotine strength
the chosen pack quantity
as separate line items to WooCommerce, each representing one 1 pack variation, so they appear individually in the cart.
Attachments:
Two screenshots illustrating the desired UI/UX
PHP and JS files from the child theme for reference
Focus only on the configurator logic; coding style and structure are up to you.
Nicotine strength selection (e.g. 3 mg, 5 mg) – already a product variation attribute – works independently for each flavor.
Quantity controls (+ / −) under each flavor adjust how many “1 pack” units of that flavor & strength will be added.
On clicking “Add to Cart”, the configurator sends for each flavor:
the flavor slug (“vanilla” or “cinnamon”)
the selected nicotine strength
the chosen pack quantity
as separate line items to WooCommerce, each representing one 1 pack variation, so they appear individually in the cart.
Attachments:
Two screenshots illustrating the desired UI/UX
PHP and JS files from the child theme for reference
Focus only on the configurator logic; coding style and structure are up to you.