> For the complete documentation index, see [llms.txt](https://gatame.gitbook.io/highstreet/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gatame.gitbook.io/highstreet/theme-settings/products.md).

# Products

These settings apply to product pages and product cards throughout the store.

#### Products per row on desktop

How many products to show per row on desktop.

#### Products per row on mobile

How many products to show per row on mobile.

#### **Image aspect ratio**

The ratio that product images are rendered at. You can use focal points to define the most important part of an image, ensuring that the primary focus area is displayed even if the image is cropped.

[Setting a focal point on an image](https://help.shopify.com/en/manual/online-store/images/theme-images#setting-a-focal-point-on-an-image)

#### **Show second image on hover**

Shows the second image when a user hovers over a product card, if available. Only works on devices that support hovering.

#### **Show vendor labels**

Renders the product's vendor if it is available.

[Managing vendor information](https://help.shopify.com/en/manual/products/managing-vendor-info)

#### **Show 'By' in vendor labels**

Adds 'By' before the vendor name in vendor labels.

#### **Show unit prices**

Renders the unit price for the product, if available. This is especially useful for products that are sold in varying quantities or weights.

[Displaying unit prices](https://help.shopify.com/en/manual/products/details/product-pricing/unit-pricing)

#### **Show ratings**

This setting renders product ratings, if available, on the product page or card. It provides social proof and helps customers make informed purchase decisions.

#### Show swatches in product cards

Renders product swatches in product cards, if available. Requires the use of Category metafields.

[Category metafields](https://help.shopify.com/en/manual/custom-data/metafields/category-metafields)

#### **Option picker style**

How product options are rendered in the product form. Products with swatches will always be rendered as pills.

* **Pills**
  * This option is used when displaying variations of a product like size or color in a visually appealing pill format.
* **Dropdowns**
  * This is an alternative to pills and is typically used when there are multiple variations.

#### Only show product options with multiple values

Only renders product options with multiple values in product forms.

#### Show swatches in product form options

Renders product option swatches in product form options, if available. Requires the use of Category metafields.

[Category metafields](https://help.shopify.com/en/manual/custom-data/metafields/category-metafields)

#### Low inventory threshold

The value at which the inventory level for a variant is shown to be low.

#### **Show inventory count**

Shows the product inventory count where available.

#### Thumbnail clicks scroll to gallery

Scroll to the product gallery when a thumbnail is clicked.

#### Require full page load to use product form

Disables the product form until the page has fully loaded.

### Size chart

Use the namespace and key to reference a metafield. Format: 'namespace.key'. [Parts of a metafield definition](https://help.shopify.com/en/manual/custom-data/metafields/metafield-definitions/metafield-definition-parts)

#### Size chart target option labels

Comma separated target option labels in priority order. The first label with available options will be used, for example; 'Size'.

#### Size chart metafield namespace and key

The namespace and key for the metafield. Leave blank to omit.

### Available options

#### Show available options in product cards

Renders available product options in product cards, if available.

#### Available target option labels

Comma separated target option labels in priority order. The first label with available options will be used, for example; 'Size, Color, Material'.

#### Available options action

What action is taken when a user clicks on an available option.

### New products

#### Enable new products

This feature shows labels for new products in the main navigation menus and on product cards.

#### New products expiry

How many days after a product is published is it considered new.

### Saved products

#### Enable saved products

This feature uses local storage to allow users to save items to their saved products.

### Metaobjects

Use the type to reference a metaobject. Format: 'type'. [Referencing metaobjects](https://help.shopify.com/en/manual/custom-data/metaobjects/referencing-metaobjects)

#### Product tags metaobject type

The type for the metaobject. Leave blank to omit.

### Metafields

Use the namespace and key to reference a metafield. Format: 'namespace.key'. [Parts of a metafield definition](https://help.shopify.com/en/manual/custom-data/metafields/metafield-definitions/metafield-definition-parts)

#### Subtitle metafield namespace and key

The namespace and key for the metafield. Leave blank to omit.