# Product listings

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](https://github.com/fluorescent/kb-ira/blob/main/products/readme/theme-retirement.md).
{% endhint %}

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

Go to **Theme settings > Product listings** to customize the appearance of product cards and choose to show additional elements, like swatches and[ Quick shop](/ira/theme-styles/quick-shop.md) for adding products directly to the cart.

## Change product card styles

Choose to show a **secondary image on hover** and variant swatches on product cards.

| Setting                    | Description                                                                                                                            |
| -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
| Show second image on hover | Display the second product image when hovered over.                                                                                    |
| Show swatches              | Display variant swatches on the product cards. Learn more about [setting up variant swatches](/ira/product-pages/variant-swatches.md). |

## Quick shop

The **Quick shop** button appears on products across your site and lets customers add products directly to their cart.

To disable this feature, go to **Theme settings > Cart** and uncheck the **Enable quick shop** option.

## Currency format

By default, prices are shown with a currency symbol without the currency code. Currency codes are three-letter labels that designate the country or region of the currency. For example, the Canadian and American dollar have the currency codes CDN and USD.

To display currency codes next to all prices, open the Currency Format tab in Theme settings and check the Include currency code in price option.

{% hint style="info" %}
The currency format setting also applies to prices on product pages and in search results.
{% endhint %}

<br>

***

> **Related links**
>
> [Theme settings](/ira/theme-styles/theme-settings.md)\
> [Product badges](#product-badges)\
> [Swatches](/ira/product-pages/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/ira/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.