---
title: Choose the product card
summary: One product card for every product list of the store, Editorial, Detailed or Flush, chosen in the LanternWP panel.
url: https://lanternwp.com/docs/product-cards
updated: 2026-10-28
---

# Choose the product card

Every product list of the theme shows the same card: the shop and its categories, search results, related products under a product, and the product rows on the home page. You choose it once for the whole store.

- **Editorial**: the picture with the sale and sold-out badges, the rating, the name and the price (Common Goods, Voltline, Halden).
- **Detailed**: a bordered card with the name, the rating, the first three attributes in each product's order, the price, the stock and an add to cart button (Kilowatt). The attributes are those set to **Visible on the product page** in the product's **Product data → Attributes**; drag them there to change which three show.
- **Flush**: the picture to the edges of the card, then the name and the price on one line (Tessel). With LanternWP Companion's swatches, the colors and their number show under them.

## Change the card

1. Go to **Appearance → LanternWP** and, under **Colors, fonts and spacing**, select **LanternWP panel**. In the editor, the panel also opens from the **LanternWP** button in the top bar.
2. Under **Product cards**, choose **Editorial**, **Detailed** or **Flush**. The lists in the editor change at once.
3. Select **Save**.

The card is part of your store's look, saved with **Styles**: Undo takes it back before you save, and the revisions in **Styles** after. Importing a demo, or choosing a demo's style in **Styles → Browse styles**, sets the demo's card.

## A list's settings

Select a product list in the editor, then its settings: **Product card** says which card the list shows and where it is set; in the Site Editor, **Open the LanternWP panel** opens the panel where you change it. In place of **Columns**, which a list with the store card does not use, the settings say how many products stand in a row and where that is set: **Product grid** in the panel for the home page's rows and related products, three to a row beside the filters for the catalog ([Shape, labels and spacing](shape-and-spacing.md)). A section added from a pattern opens its settings after **Edit pattern**.

A **Product Collection** you add from the inserter comes with the store card too.

## Related products

Under a product, one row of products: as many as **Products per row on wide screens**, two rows of two on phones. A product with cross-sells (**Product data → Linked Products → Cross-sells**) shows them as **Frequently bought together**; others show products from its categories and tags as **You may also like**.