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.