Build a catalog and connect to an API for the Inventory

REFERENCE DOCUMENT, TAKE A LOOK AT THE PDF LOOKS BETTER. PLEASE BEFORE VIEWING THIS DOCUMENT, LOOK AT THE WIREFRAME DOCUMENT In Telares we have 4 types of products: Fabrics, Shades, Hardware, Misc Products. What we need is a place where users can easily interact with the website to see our products and consult what’s the price and if we have it available in the Inventory (Sicflex API), if it’s available then add the product to the cart, that’s it. To do this we are going to replicate the concept we have with the DrapesCo Project but with some modifications. The website is going to be in English & Spanish. IMPORTANT NOTE: If a product is added the Sicflex API must check if it’s available, if after a few hours, the product is out of stock, then the product must be disabled automatically. FOR EXAMPLE: - 3:00 PM – Ruben adds Product A to the Catalog and it’s available in Sicflex Inventory - 3:15 PM – Sicflex inventory updates the quantity available to 0 - Product on the website must hide, since NOW it’s not available because at 3:15 PM the last piece was sold. FILTERS Fabrics - Category : Checkbox (User can select several categories) - Color : Checkbox with the color, user can select several colors - Fabric Roll Width : Checkbox 54-60” and 108” (User can select both to see it) - Price per Yard : Price slider MIN - MAX Shades - Category/Type : Checkbox (User can select several categories) Hardware - Type : Rod & Track Misc Products - Category : Standard WooCommerce category filter FIELDS Drapes - Type of Product o Fabrics o Shade o Hardware o Misc - Category - Model - Name of the Product - Product Image (Render that goes on the left) - Product Thumb Image (Fabric thumb) - Color - Description - Price x Yard - Composition - Roll Width o 54-60” o 108” - Inventory Code (Sicflex) Shades - Type of Product o Fabrics o Shade o Hardware o Misc - Collection - Category - Name of the Product - Price - Product Image (Render that goes on the left) - Product Thumb Image (Fabric thumb) - Description - Color - Composition - Sizes o 36x42 = PRICE Note: Size, Price and Inventory code must be inputted on backend, there can be several sizes available. Hardware - Type of Product o Fabrics o Shade o Hardware o MISC - Type o Track o Rod - Name of the Product - Price - Description - Product Image (Render that goes on the left) - Product Thumb Image (Fabric thumb) - Product Hardware Variations o Size ♣ Example: 8ft ♣ Example: 10ft ♣ Note: Size, Price and Inventory code must be inputted on backend, there can be several sizes available. o Finish ♣ Finish name ♣ Finish color ♣ Finish thumb image - Inventory Code (Sicflex) Important Note: A RED ROD of 8ft has a different inventory code then a RED ROD of 10ft and user can select which of the red rod he wants on the Popup, if he wants the 8ft or the 10ft. Hardware Accessories (Goes inside the Hardware catalog) - Type of Product o Fabrics o Shade o Hardware ♣ Accessories o MISC - Name of the Product - Price of the Product - Description - Product Thumb Image - Inventory Code (Sicflex) Misc. Products - Type of Product o Fabrics o Shade o Hardware o MISC - Category - Name of the Product - Price - Product Image - Product Description - Inventory Code (Sicflex) Remember that when users add to the cart any product, it needs to be working with Ajax so the website doesn’t load all over again.