Product listings

Theme retirement 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.

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 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.


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.

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.

The currency format setting also applies to prices on product pages and in search results.

Related links

Theme settings Product badges Swatches

Last updated