Brands listing

The brand listing page template is used to render the list of all of the available brands in the store. This template shows the list of the alphabet characters, which represent the first characters of each available brand. Then comes the list of the brands' logos for the chosen letter. The developer has complete control over the appearance of this page.

Example

Variables

BrandsListingPage

page

object

optional

title

string

optional

Title of the page. May include html tags

slug

string

optional

Meaningful unique identifier that is readable by users. Slug are predifned valued in which each page has a list of allowed values. Below are the allowed values for this page.

Example:

brands.index

brands

array[object (Brand) {8}]

optional

Brands grouped by char, ex:{b:[{'name':'brand1',...},...]}

number

required

A unique identifier assigned to a specific brand.

name

string

required

The label given to a particular company, to identify its products in the market. 🌐 Support multi-language

description

string

required

A brief summary of a company, highlighting key attributes, values, and offerings to convey its identity and purpose. 🌐 Support multi-language

banner

string

required

A text or URL linking to a banner file, used as a visual identifier for a brand on a webpage or platform.

logo

string

required

A text-based representation or URL link that directs to the logo file.

ar_char

string

required

Brand represented in Arabic characters.

en_char

string

required

Brand represented in English characters.

metadata

object

required

Title

string

optional

Title of the brand lisitng.

Components

The category page includes the Breadcrumbs component. Breadcrumbs are a set of links that indicate the current page and its "ancestors" leading back to the site's homepage.

Hooks

The brand listing page template calls for the following hooks in order to inject extra information:

Usage

This page receives the object brands which is a collection grouped by character, for example:

{a:[{'name':'Apple',...}, b:[{'name':'Beek',...},...]}

Each character is for a group of brands that start with that character. Using nested _for-loop statements, the developer can retrive the list of the characters, and for each character, the internal loop can retriv the list of the brands.
For example, brands with the letter "a", would display the brands which names start with the letter "a" such as Apple,Armani, etc...

The object page here is used to show the current page deatiles, for example: the page title:

Example#

Variables#

Components#

Hooks#

Usage#

Example

Variables

Components

Hooks

Usage