Overview
Reference URL :- https://www.johnlewis.com/john-lewis-partners-camden-snuggler/p3244820?shapeSelected=snuggler&fabricSku=236538107&legType=dark
Framework :- WordPress + Woocommere variable product
Requirements :-
- We need to customize the woocommerce variable product and prepare the selection option as per the given reference
- We need to showcase the number of existing variations. For example, 106 fabrics & colors available & 2 leg finishes available.
- It should change the image gallery while selecting the vitiation options.
- We will have the option to search the fabric & filter by color and brand.
- Once the product is added to the cart all the information will show in the cart,- checkout page, order, email and admin order detail page.
- Below are the product variable attributes which we will use for creating the variations:-
- Shape & size
- Fabrics & colours
- leg finishes
Notes:
- We are not allowed to change any core file of the plugin. We are allowed to change only in the child theme.
- We need to perform this work in the variable product and we do not allow to create of multiple products to achieve this feature.
- The client required very clean code so they can utilize this functionality in multiple websites.
- All the code must have to comment which will be easy for any dev to understand how the function will work.