> 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](https://940736139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5W1lOLsBsZnXap8X6J%2Fuploads%2Fgit-blob-b47c89068b7f9cd7b4fce1c75bd8331a30330999%2Fae-tpl-cards-grid.webp?alt=media)

**Top list**

![Top list template](https://940736139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5W1lOLsBsZnXap8X6J%2Fuploads%2Fgit-blob-106d909bd3b13f06b4a21a90b3224805b0be993a%2Fae-tpl-top-list.webp?alt=media)

**Product card**

![Product card template](https://940736139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5W1lOLsBsZnXap8X6J%2Fuploads%2Fgit-blob-a3014fae3c518be44e415f3c30459e7b533ee618%2Fae-tpl-product-card.webp?alt=media)

**Inline pick**

![Inline pick template](https://940736139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5W1lOLsBsZnXap8X6J%2Fuploads%2Fgit-blob-27a5843add9381b484f26811d11d2e749a1f1fe7%2Fae-tpl-inline-pick.webp?alt=media)

**Price comparison**

![Price comparison template](https://940736139-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5W1lOLsBsZnXap8X6J%2Fuploads%2Fgit-blob-9fce240095709dd97e30bee31b7643651e3fd82d%2Fae-tpl-price-comparison.webp?alt=media)

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