Overview
Default theme implementation selects between the following template variations in order to render product list view:
| Template variation | Condition | Notes |
|---|---|---|
| searchrez | When keyword search is used | Note that this can be global search without category selection. Custom template for category search can be set on product type search template variation. |
| products | Category product lister including filtered navigation and category search. | Custom template for category search can be set on product type search template variation. |
Product lister page
Annotations
| Element | Template | Configurations1 | Content include2 | Description |
|---|---|---|---|---|
| C.1 Product pod | Products view | Product or SKU image "IMAGE0". Category level image size attributes are "PRODUCT_IMAGE_WIDTH" and "PRODUCT_IMAGE_HEIGHT". Shop level image size attributes are "SHOP_PRODUCT_IMAGE_WIDTH" and "SHOP_PRODUCT_IMAGE_HEIGHT". | Displays individual product items. This view is fully responsive, so size settings only influence the quality of the image | |
| C.1.1 Product pod tax | Products view | "SHOP_PRODUCT_ENABLE_PRICE_TAX_INFO" - flag to display tax or not "SHOP_PRODUCT_ENABLE_PRICE_TAX_INFO_SHOW_NET" - flag to who net or gross prices "SHOP_PRODUCT_ENABLE_PRICE_TAX_INFO_SHOW_AMOUNT" - flag to show either percentage or amount of tax | Displaying tax information is configured at shop level | |
| F.1 Footer | Standard footer | This component is described in Home page documentation | ||
| H.1 Header | Standard header | This component is described in Home page documentation | ||
| M.1 Breadcrumbs | Breadcrumbs | Automatically resolves current breadcrumbs path depending on the URI | ||
| M.2 Category navigation | Top categories | Displays current menu depending on current category selected. For leaf category menu highlights its position, for categories with sub categories its menu is displayed. | ||
| M.3 Price facet | Price product filter | Category "navigation by price" flag and "price tiers". | Price facet is calculated for products within a category. Not visible on global search | |
| M.4 Attribute facets | Attribute product filter | Category "navigation by attributes" flag and "product type". Product type "navigation" flag, "navigation type" and "ranges" for ranged values. | Attribute facets are calculated for products within a category. Not visible on global search | |
| M.5 Brand facet | Brand product filter | Category "navigation by brand" flag. | Brand facet is calculated for products within a category. Not visible on global search | |
| M.6 Sort options | Product sorter | Category level sort fields "CATEGORY_SORT_OPTIONS". Shop level sort fields "SHOP_CATEGORY_SORT_OPTIONS". | Renders sorting options available to current category | |
| M.7 Pagination options | Products per page list view | Category level sort fields "CATEGORY_ITEMS_PER_PAGE". Shop level sort fields "SHOP_CATEGORY_ITEMS_PER_PAGE". | Renders pagination options available to current category | |
| M.8 Pagination | URL paging navigator | Automatically renders page numbers available for given search results | ||
| P.1 Featured products | This component is described in Home page documentation | |||
| P.2 Product tabs | This component is described in Home page documentation |
1Configurations refer to shop and category custom attributes that define behaviour of components
2Content include refers to shop URI suffix for content. For example if shop has code "SHOP10" and content include is specified as "custom_content" then URI of the content include that will be rendered is "SHOP10_custom_content"