For the complete documentation index, see llms.txt. This page is also available as Markdown.

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

Top list

Top list template

Product card

Product card template

Inline pick

Inline pick template

Price comparison

Price comparison template

Want a layout of your own? See Custom output templates.

Last updated