# Product listings

**Product listings** are grids or rows of products displayed on collection pages and in theme sections. Each product card displays the product's image, title, and price.

In your theme editor, go to **Theme settings > Product listings** to customize the style and features of product cards.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="/pages/eFooOs9jvkKSmzD5RgKz"><strong>Layout and style</strong></a></td><td>Customize the overall style and product images.</td><td><a href="/pages/eFooOs9jvkKSmzD5RgKz">/pages/eFooOs9jvkKSmzD5RgKz</a></td></tr><tr><td><a href="/pages/Lhs4O3TTMzc1NjvLYhGp"><strong>Product card details</strong></a></td><td>Show vendor, subtitles, swatches, stock level, prices, and discounts.</td><td><a href="/pages/Lhs4O3TTMzc1NjvLYhGp">/pages/Lhs4O3TTMzc1NjvLYhGp</a></td></tr><tr><td><a href="/pages/RCIKzuWhXQZ2v9iyFtdH"><strong>Badges</strong></a></td><td>Show sale, sold-out, new, and custom badges.</td><td><a href="/pages/RCIKzuWhXQZ2v9iyFtdH">/pages/RCIKzuWhXQZ2v9iyFtdH</a></td></tr><tr><td><a href="/pages/00mCbWVntWF5YcuLAnvZ"><strong>Quick view</strong></a></td><td>Let customers view popup with product details and buy button.</td><td><a href="/pages/00mCbWVntWF5YcuLAnvZ">/pages/00mCbWVntWF5YcuLAnvZ</a></td></tr><tr><td><a href="/pages/tIHXGEEMqO50gVowAHx2"><strong>Quick add</strong></a></td><td>Let customers add items directly to their cart.</td><td><a href="/pages/tIHXGEEMqO50gVowAHx2">/pages/tIHXGEEMqO50gVowAHx2</a></td></tr></tbody></table>

<br>

&#x20;

***

> **Related links**\
> [Product listing style](/cornerstone/products/product-listings/layout-and-style.md)\
> [Product card details](/cornerstone/products/product-listings/product-card-details.md)\
> [Product badges](#product-badges)\
> [Quick view](broken://pages/00mCbWVntWF5YcuLAnvZ)\
> [Quick add](/cornerstone/products/quick-shop.md)\
> [Swatches](/cornerstone/product-pages/variant-options/variant-swatches.md)


---

# 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://help.fluorescent.co/cornerstone/products/product-listings.md?ask=<question>
```

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.