> For the complete documentation index, see [llms.txt](https://ae-docs.keywordrush.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ae-docs.keywordrush.com/displaying-products/templates.md).

# Templates

A template controls how your products look on the page — a grid of cards, a single detailed product, a price-comparison list, and so on.

## Choosing a template

* **On the storefront** — pick a template on the storefront edit screen, or in the Storefront block's settings.
* **Per placement** — override it for a single shortcode with the `template` attribute:

```
[affegg id=10 template=cards]
```

Use a template's **id** — the short name in parentheses in the list below (e.g. `cards`). The full `egg_`-prefixed name shown on the storefront screen (e.g. `egg_cards`) works too.

## Built-in templates

* **Cards grid** (`cards`) — products shown as cards in a responsive grid.
* **Product card** (`item`) — one product in detail: image, price, features and description.
* **Price comparison** (`price_compare`) — the same product across several merchants, sorted by price.
* **Product box** (`product_box`) — a compact single-product box.
* **Inline pick** (`pick`) — a small inline recommendation, handy mid-article.
* **Top list** (`top_list`) — products shown as a list.

A set of older **legacy** templates — Slider (`carousel`), Grid (`grid_3cols`), List (`list`), Masonry (`masonry_3cols`), Tile (`tile_3cols`), and the full / short price-comparison layouts (`price_comparison_full` / `price_comparison_short`) — is still available for existing sites; they appear after the current ones in the picker.

## What they look like

**Cards grid**

![Cards grid template](/files/GDm8soP6gnDvLu7mSvK6)

**Top list**

![Top list template](/files/bYtZgTesmd6xGxBYXFMT)

**Product card**

![Product card template](/files/lx0jmYOAYE10jhyze2Ql)

**Inline pick**

![Inline pick template](/files/uotr5cvEnj3XEcjpHppk)

**Price comparison**

![Price comparison template](/files/JYk4dO207CcIAvkplsDN)

Want a layout of your own? See [Custom output templates](/displaying-products/customtemplates.md).
