[Woocommerce] Diamond/Gems ajax search , Ring & Pendant builder

A existing website enhancement
1.DIAMOND/GEMS AJAX SEARCH
***This function needs to take care of diamonds and gems at the same time***

Reference object
https://www.jamesallen.com/loose-diamonds/all-diamonds/ - like ajax filter with advanced options.

Diamond Search by
General Options
Shape(Icon label) - Woocommerce product categoies
Cut(Slider) - Woocommerce product attributes
Color(Slider) - Woocommerce product attributes
Carat(Slider) - Woocommerce product attributes
Clarity(Slider) - Woocommerce product attributes
Price(Range) - Woocommerce price

Advanced Options(default hidden, click to expand)
Polish(Slider) - Woocommerce product attributes
Symmetry(Slider) - Woocommerce product attributes
Fluorescence(Slider) - Woocommerce product attributes
Depth(Range) - Woocommerce product attributes
Table(Range) - Woocommerce product attributes
Grading Report(Text label) - Woocommerce product attributes

Gems Stone Search by
Shape
Color
Carat
Price
Grading Report

Results in table view with attribute
Reference object
https://www.bluenile.com/cz/diamond-search

Diamond Attribute including
Product name
Carat
Color
Shape
Cut
Clarity
Grading Report
Price
Compare function
View Product

Gem Stone Attribute including
Product name
Shape
Color
Carat
Price
Grading Report
Compare function
View Product

Results can be sorting.
Compare function display in another tab.

2. Ring & Pendant builder

After selecting a Diamond/Gem from Diamond/Gem search, user comes to diamond single product page.
On the diamond single product page "Choose this Diamond/Gems" button would Popup with 3 options:

- Add a Ring Setting (add diamond/gems to the cart and going to setting ring categories page),
- Add to Pendant (add diamond/gems to the cart and going to setting pendants categories page).
- Add to Cart

Clicking on "Select this Setting" button, user comes to REVIEW BEFORE ORDERING page, with all relevant information(The Diamond and Setting) presented on that page with a "Add to Cart" button.

* * * Please refer common diamond shops like JamesAllen.com, bluenile.com or allurez.com to see how it works live.* * *