# Create a grid image of products — Product Templates

Botize method — `producttemplates.products_grid_image` (action).

Given a list of products, draws them in a grid on a single image (photo, old price crossed out and price) using the chosen design. Made for a daily top or deals post.

This is an action: it runs as a step of a task. Several can be chained.

## Fields you set

The field's internal name, its type and the values it accepts. These fields accept `{{...}}` tags from earlier steps.

- `mb_switch` *(boolean)* — Rules
- `products` *(string)* — Products. The list (array tag) of products from a previous step. Up to 9 are drawn.
- `design` *(string, one of: "price_pill" = Photo, crossed-out price and price pill; "corner_tag" = Large photo with a price tag in the corner; "title_price" = Photo, title and price; "discount_badge" = Photo with discount badge and price)* — Design
- `raw_image_key` *(string)* — Image URL key. Name of the key in each product (e.g. price), or a template such as {{price}} €.
- `raw_price_key` *(string)* — Price key. Name of the key in each product (e.g. price), or a template such as {{price}} €.
- `raw_list_price_key` *(string)* — Old price key. Name of the key in each product (e.g. price), or a template such as {{price}} €. Only shown when higher than the price.
- `raw_currency_key` *(string)* — Currency key. Key of the currency in each product, or the currency itself (EUR, USD…). Numeric prices are formatted with it.
- `raw_title_key` *(string)* — Title key. Name of the key in each product (e.g. price), or a template such as {{price}} €. Only for designs that show the title.
- `header_text` *(string)* — Header text
- `footer_text` *(string)* — Footer text
- `logo_url` *(string)* — Logo URL. Shown at the left of the header.
- `color` *(string)* — Main color. #RRGGBB for header, footer and price pills.
- `size` *(string, one of: "1080x1080" = Square (1080x1080); "1080x1350" = Portrait (1080x1350))* — Size

It also accepts repeatable field groups, with these prefixes: `mb_filters_*`. These are composite components (buttons, filters, keyboards); the trailing number is set by the user as they are added.

## Output variables

Data this step makes available. Reference them in later steps with the double-brace tag.

- `{{new_image_url}}` *(text)* — Image URL
- `{{total_products}}` *(decimal)* — Products in the image

## This app

Every trigger and action for Product Templates: https://botize.com/en/app/producttemplates.md

## How to build this

An AI assistant (Claude, ChatGPT, Cursor…) can create and edit these tasks in the user's account through the Botize MCP connector, included in every plan:

    https://webhook.botize.es/mcp

- Connection guide: https://botize.com/en/mcp
- Agent map: https://botize.com/llms.txt
- New account: https://botize.com/en/join (500 free operations, no card)

---
Machine-readable summary for AI assistants. Human version: https://botize.com/en/method/producttemplates/products_grid_image