Product and Variant Detail

Last Updated: 15/09/2026

There are two ways to look at a product in the ARShades Library. Expanding its row in the list shows the variants inline, enough to check a SKU or a colour at a glance. Clicking the product name opens the detail page, where you can see the 3D model, try it on, and read the full technical description of each variant.

In the List

Click the arrow at the start of a product row to expand it. The row opens into the product's published variants, each with its image, name, SKU, UPC, size, frame colour and lens colour. This is covered in Search and Filter Products.

Clicking the product name instead opens the detail page, titled after the model.

The Detail Page

The page is built around three blocks: the list of Available Variants, the Variant Gallery with the previews, and the Variant Details panel with the technical data. A back arrow in the header returns you to the Library.

Layout	How the blocks are arranged
Normal	Available Variants on the left, following you as you scroll; Variant Gallery on the right, with Variant Details below it.
Expanded	Variant Gallery across the full width at the top, with Available Variants and Variant Details side by side underneath.
Tablet and phone	Everything stacks into one column, and Available Variants becomes a collapsible panel, open by default.

Switch between normal and expanded with the Expand View / Compress View button in the gallery.

Selecting a variant in the Available Variants list loads it into the gallery and the details panel. If a product has no variants, the page says so instead of showing an empty gallery.

Variant Gallery

The gallery is a carousel you move through with the arrows on either side. It holds, in order:

• The 3D model, interactive — rotate and zoom it directly in the page.
• The variant photos, up to four.
• The thumbnails, labelled on the image itself as either Thumbnail Generated by ARShades or User Generated Thumbnail. User-generated thumbnails carry a download button.

Two buttons sit above the carousel:

Button	What it does
Try On VTO	Opens the Virtual Try-On full screen, using your webcam. On a phone or tablet this is the only button shown.
Expand View / Compress View	Switches the page between the normal and the expanded layout.

A variant that is not visible in the Library shows a Variant Hidden placeholder in place of the preview.

Variant Details

Below the gallery, the details of the selected variant are grouped into four blocks.

Variant Information

Field	Description
SKU	Stock Keeping Unit of the model.
EAN	European Article Number.
UPC	Universal Product Code.
Frame Color	The manufacturer's frame colour.
Lenses Color	The manufacturer's lens colour. Transparent lenses read TRANSPARENT.
Temple Color	The colour of the temples, when it differs from the frame.

Any field with no value reads N/A.

ARShades Product Tags

The classification ARShades applies to the product, shown read-only: Materials, Shapes, Gender, Hinge and Type. These are the same tags the Library filters search on.

ARShades Variant Tags

The classification that belongs to the individual variant, also read-only: Frame Colors, Lens Colors, Calibre, Size and Treatment. Note the difference from Variant Information above: Frame Color there is the name the manufacturer gives the colour, while Frame Colors here is the ARShades colour classification used by the filters — one product colour can map to more than one of them.

When a variant has no colour classification yet, the block reads No frame colors assigned or No lens colors assigned.

Size Details

Field	Description
Bridge Size	Width of the bridge.
Lens Width	Width of the lens — the measurement also used as the Calibre.
Lens Height	Height of the lens.
Temple Length	Length of the temples.

Additional Information

Field	Description
Status	The lifecycle state of the variant. The Library lists published variants, so this normally reads Published.
Last Update	Date and time of the most recent change, in DD/MM/YYYY HH:MM format.