Interface StorefrontHotspot

A product shown in an image: a point on the original image (0–1 from the top-left corner).

interface StorefrontHotspot {
    id: string;
    label: string | null;
    productId: string;
    sku: string;
    x: number;
    y: number;
}

Properties

id: string

label: string | null

Optional text instead of the product name

productId: string

sku: string

Name, price and stock come from products.getBatchByIds / getBatch.

x: number

Share of the image width from the left edge, 0–1

y: number

Share of the image height from the top edge, 0–1