Create Twig Index Template

create-twig-index-template

Read @.ai/Component/Twig/CONTEXT.md for template conventions (layout, flash messages, routes, form themes).

1. Index template

Create src/PrestaShopBundle/Resources/views/Admin/{Section}/{Domain}/index.html.twig:

{% extends '@PrestaShop/Admin/layout.html.twig' %}

{% block content %}
  {% include '@PrestaShop/Admin/Common/Grid/grid_panel.html.twig' with {grid: grid} %}
{% endblock %}

{% block page_header_toolbar %}
  
    
      {{ 'Add new'|trans({}, 'Admin.Actions') }}
    
  
{% endblock %}

The grid variable is passed from the controller's indexAction via the grid presenter.

Reference: src/PrestaShopBundle/Resources/views/Admin/Improve/International/Tax/index.html.twig (simple), src/PrestaShopBundle/Resources/views/Admin/Sell/Catalog/Manufacturer/index.html.twig (two grids)

2. Custom grid column rendering (only if needed)

Most grids work with default column rendering. Only add custom blocks when a column needs domain-specific HTML:

• Override via {% block column_{column_id}_content %} in the grid panel include
• Common case: image thumbnail, custom badge, formatted compound value
• Leave default columns alone — only override what's necessary

Rules

Conventions (layout extension, path() for routes, flash messages auto-handling, toolbar buttons) are in [Twig/CONTEXT.md](../../CONTEXT.md). Skill-specific reminder:

• The grid variable name must match what the controller passes to render()

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: jeffsenso
• Source: jeffsenso/prestashop-skills
• License: MIT

Install and usage instructions live in the source repository linked above.