Skip to content
Sign in Get the free theme
Menu
Docs menu

Choose the product card

Applies to Theme 0.6.1 Updated 28 October 2026 View as Markdown

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

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.