> 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/eclipse/products/product-listings.md).

# Product listings

**Product listings** are products displayed on collection pages and in theme sections. Each product displays the product's image, title, and price, along with optional quick shopping features.

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><mark style="color:blue;"><strong>Product card details</strong></mark></td><td>Show vendor, swatches, and rating stars.</td><td><a href="/pages/x01s1vsbkaTmrz5vMCTM#product-card-details">/pages/x01s1vsbkaTmrz5vMCTM#product-card-details</a></td></tr><tr><td><mark style="color:blue;"><strong>Product image styles</strong></mark></td><td>Change image shape and show secondary image on hover.</td><td><a href="/pages/x01s1vsbkaTmrz5vMCTM#product-card-images">/pages/x01s1vsbkaTmrz5vMCTM#product-card-images</a></td></tr><tr><td><mark style="color:blue;"><strong>Product badges</strong></mark></td><td>Show sale, sold-out, and custom badges.</td><td><a href="/pages/lHkYr8Pi1m4nEvlL00o4">/pages/lHkYr8Pi1m4nEvlL00o4</a></td></tr><tr><td><mark style="color:blue;"><strong>Quick shopping</strong></mark></td><td>Show Quick view or Quick add button.</td><td><a href="/pages/8QM9MhSVD7IyUm1qmdWk">/pages/8QM9MhSVD7IyUm1qmdWk</a></td></tr></tbody></table>