# 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 sizes in product cards Renders available product sizes in product cards, if available. #### Available sizes action What action is taken when a user clicks on an available size. * **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. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://gatame.gitbook.io/highstreet/theme-settings/products.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.