Customize product view¶
The built-in storefront offers a set of templates covering all functionalities of a shop, divided into smaller components.
To customize your shop, you can override either whole templates, or specific components.
The built-in templates belong to the
To override any of them, copy its directory structure in your template directory.
By default, the anonymous user does not have permissions to view products.
To change this, add the
Product/View Policy to the Anonymous Role.
Template customization example¶
As an example, to modify the template used to display the product price,
you need to override
To do it, create your own template in
1 2 3 4 5 6 7 8 9 10 11 12 13
This template adds a "price currently unavailable" label when a product does not have a price specified.
All the storefront templates are located in
The most important templates related to product rendering are:
||main catalog and category view|
||full-screen view of a single product|
Single product view¶
||image asset preview and thumbnail list|
||listing of product attributes|
||grid for presenting products in the catalog|
||panel with search filters|
||product image placeholder|
For templates related to general storefront layout, cart and checkout, see Customize storefront layout.