Product

The values of `product` inside `smootify-product` or `smootify-variant` or `box-item`.

v2.0 beta

Open .md

On this page

At a glance
Where it can go
Values

At a glance

product="url"

Put it on: A Text link.
Does: Gets the product page's link, and the product title when the link holds only text.

product="link"

Put it on: A Link block that wraps the image or the whole card.
Does: Gets the link only.

variant="image"

Put it on: An Image.
Does: Shows the image of the card's variant. Bound to the CMS Image field too, the CMS image shows until the product loads.

product="specific-image"

Put it on: An Image.
Does: One image by position: index="0" is the first, index="1" the second. Without index, the second image, such as a picture shown on hover.

product="min-price"product="max-price"

Shows: The lowest and the highest variant price.
Here: $29 (S) and $39 (XL).

product="min-available-price"

Shows: The price of the cheapest variant that can be bought.
Here: $32: S is sold out, so M.

product="min-compare-at-price"product="max-compare-at-price"

Shows: The lowest and the highest crossed-out price among the variants on sale. Hidden when none is on sale.
Here: $39 (S) and $45 (M).

condition="variable-price"condition="fixed-price"

Shows: variable-price: only when the variants have different prices. fixed-price: only when they all cost the same.
Here: The prices differ, so "From" shows.

Where it can go

Inside any of: smootify-product, smootify-variant, box-item.
On text.

Values

Attribute and value	What it is	Notes
`product="title"`	Title	—
`product="vendor"`	Vendor	On a link, it goes to the vendor; on text, link
`product="description"`	Description	on rich, container
`product="url"`	Link	The title too, when empty; on link
`product="link"`	Link only	on link; inside smootify-product
`product="specific-image"`	Image by position	index counts from 0: 0 is the first image, and without it the second; on image, lightbox; set together with index=“1”
`product="first-collection"`	First collection	on text, link
`product="collections"`	Collections	One copy per collection; on text, link, container; inside smootify-product
`product="category"`	Category	inside smootify-product
`product="type"`	Type	inside smootify-product
`product="tags"`	Tags	One copy per tag; exclude takes a list; on text; inside smootify-product
`product="option-values"`	Option values	One copy per value of the option; on container, text, button, link; inside smootify-product; set together with data-option=“1”
`product="stock"`	Stock	Every variant together; inside smootify-product
`product="published-at"`	Published on	inside smootify-product
`product="created-at"`	Created on	inside smootify-product
`product="min-price"`	Lowest price	inside smootify-product
`product="min-available-price"`	Lowest available price	inside smootify-product
`product="max-price"`	Highest price	inside smootify-product
`product="min-compare-at-price"`	Lowest compare-at price	inside smootify-product
`product="max-compare-at-price"`	Highest compare-at price	inside smootify-product
`product="gallery"`	Gallery	Holds the gallery parts; on container; inside smootify-product
`product="images"`	Images (deprecated: use Gallery)	One copy per image; on image, link, lightbox, container; inside smootify-product; deprecated: use [product=“gallery”]
`product="media"`	Media (deprecated: use Gallery)	One copy per image, video or model; on image, link, lightbox, container; inside smootify-product; deprecated: use [product=“gallery”]
`product="video"`	First video	on container, lightbox, video; inside smootify-product
`product="videos"`	Videos	One copy each; on container, lightbox, video; inside smootify-product
`product="external-video"`	First YouTube or Vimeo	on youtube, lightbox, container; inside smootify-product
`product="external-videos"`	YouTube and Vimeo videos	One copy each; on youtube, lightbox, container; inside smootify-product
`product="model"`	3D model	on container; inside smootify-product; also read as models
`index="0 is the first"`	Image number, from 0	on image; with [product=“specific-image”]
`exclude="tag,other tag"`	Leave out	A comma list; spaces around the values are ignored; on text, link, container; with [product=“tags”], [product=“collections”], [product=“first-collection”]
`data-option="1"`	Option number	on container, text, button, link; inside smootify-product; with [product=“option-values”]
`data-option-name="Color, Colour"`	Option name	The first of the names the product has; on container, text, button, link; inside smootify-product; with [product=“option-values”]