> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/cornerstone/products/product-listings.md).

# 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="https://github.com/fluorescent/kb-cornerstone/tree/main/products/product-listings/broken-reference/README.md"><strong>Quick view</strong></a></td><td>Let customers view popup with product details and buy button.</td><td><a href="https://github.com/fluorescent/kb-cornerstone/tree/main/products/product-listings/broken-reference/README.md">https://github.com/fluorescent/kb-cornerstone/tree/main/products/product-listings/broken-reference/README.md</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>

\\

***

> **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](https://github.com/fluorescent/kb-cornerstone/tree/main/products/product-listings/broken-reference/README.md)\
> [Quick add](/cornerstone/products/quick-shop.md)\
> [Swatches](/cornerstone/product-pages/variant-options/variant-swatches.md)