Products

Product Information Widget + Title & Slug

(1) Title

(2) Slug : urls must be unique, so two products can not have the same slug under a single collection. Products that use prefix size might also need the size in the slug. ex. 20-oz-stemless-wine & 18-oz-stemless-wine

(3) Size

(4) Prefix Size : prefixes the size before the title in the collection card component.

(5) Collection Image : selects the product to be displayed in collection card component used in the pairs well section of the product template.

(6) Product Type Image : selects the product to be displayed in collection card component used in the product type template.

Product Images Widget

(7) Color Selection : selects the default product color used to select images and set default color url query parameter.

(8) Color Removal : removes color row.

(9) Add Color Images : add one or multiple (command + click) images.

(10) Change/Swap Image

(11) Remove Image

(12) Image Index : First image from left to right. Images can be drag and dropped to change the order (index).

Featured Image Widget

(13) Featured Image : optional image, if not selected the collection featured image will be used. Displayed at the top of the product template.

Recommended width is 2880 px, and minimum height is 382 px. Template uses parallax effect when scrolling.

Color Options Widget

(14) Color Options : the colors used in the collection are highlighted. Select all colors available to the product. Selecting colors also adds them to the product images widget (shown above).

Product Type Widget

(15) Product Type : select the product type the product should be in. Used when (6) product type image is selected.

Product Attributes Widget

(16) Product Collection

(17) Sort Order : used to control the display order of products when displayed in the collection template and product template.

Slug Widget

(18) Slug