> 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

#### 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 available options in product cards

Renders available product options in product cards, if available.

#### Available options target label

The targeted label for the available options function, for example; 'Size', or 'Color'.

#### Available options action

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

* **Link to variant**
  * Navigates the user to the selected size.
* **Add to cart**
  * Adds the selected size to the cart.

#### 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.