Product and Variant Detail
In the ARShades Library, products are organised in a list view. Each row represents a product model, and by clicking the + icon next to a product, the list expands to show all available colour variants for that model. This makes it easy to immediately see the different options of frame and lenses colour available for a product.
Product List Structure
The product list offers two levels of view. In collapsed mode, you see only the main product information. Expanding a row with the + button displays all variants of that product. Clicking on the product name opens the dedicated detail page.
| View | Description |
|---|---|
| Collapsed | Displays product thumbnail, product name, brand, total number of variants, and last update date. |
| Expanded | Shows all variants (colour combinations) with SKU, EAN, size, frame colour, and lenses colour. |
| Product Click | Clicking the product name opens the Product Detail Page. |
Product Detail Page
The detail page provides a complete overview of the product and its variants. It is divided into a left panel, where all variants are listed, and a main preview area, where the selected variant can be visualised in 3D, AR, or with the Virtual Try-On previews.
Layout
The page layout is designed to keep variants accessible while offering a large area for previews.
| Section | Description |
|---|---|
| Left Panel | Variant list; clicking on a variant loads its preview. |
| Main Preview Area | Displays 3D and AR previews, VTO, and reference images. |
Available Previews
In the main preview area, multiple visualisation options are available to compare and validate the 3D asset.
| Preview Type | Description |
|---|---|
| 3D/AR Viewer | Interactive model with zoom and rotation controls. |
| VTO Web Preview | Try-On experience directly in the browser using the webcam. |
| VTO Mobile Preview | QR code accessible by clicking the phone icon; scan to try the model on mobile apps. |
| Reference Images | Real product photos shown alongside the 3D model. |
| Expand View Button | Enlarges preview for better comparison between 3D model and reference images. |
Variant Detail Information
Each variant is described with precise metadata to ensure correct identification and usage. These details are shown below the preview section when a variant is selected.
| Field | Description |
|---|---|
| SKU | Stock Keeping Unit identifier. |
| EAN / UPC | Standard product codes for retail reference. |
| Frame Colour | Main frame colour of the variant. |
| Lenses Colour | Colour of the lenses. |
| Temple Colour | Colour of the temples (arms), if different from frame. |
| Size Details | Lens width, bridge size, and temple length. |
| Status | Lifecycle state (e.g. Available, In Progress, Published). |
| Last Update | Most recent modification date. |