Skip to content

Catalog home

basket-add#

Display the "add to basket" button for each product item in the catalog home component

client/html/catalog/home/basket-add =
  • Default:
  • Type: boolean - True to display the button, false to hide it
  • Since: 2020.10

Enables the button for adding products to the basket for the listed products. This works for all type of products, even for selection products with product variants and product bundles. By default, also optional attributes are displayed if they have been associated to a product.

See also:

  • client/html/catalog/lists/basket-add
  • client/html/catalog/detail/basket-add
  • client/html/basket/related/basket-add
  • client/html/catalog/product/basket-add

cache#

Enables or disables caching only for the catalog home component

client/html/catalog/home/cache = 1
  • Default: 1
  • Type: boolean - True to enable caching, false to disable

Disable caching for components can be useful if you would have too much entries to cache or if the component contains non-cacheable parts that can't be replaced using the modifyBody() and modifyHeader() methods.

See also:

  • client/html/catalog/detail/cache
  • client/html/catalog/filter/cache
  • client/html/catalog/stage/cache
  • client/html/catalog/list/cache

decorators#

excludes#

Excludes decorators added by the "common" option from the catalog home html client

client/html/catalog/home/decorators/excludes = Array
(
)
  • Default: Array
  • Type: array - List of decorator names
  • Since: 2020.10

Decorators extend the functionality of a class by adding new aspects (e.g. log what is currently done), executing the methods of the underlying class only in certain conditions (e.g. only for logged in users) or modify what is returned to the caller.

This option allows you to remove a decorator added via "client/html/common/decorators/default" before they are wrapped around the html client.

 client/html/catalog/home/decorators/excludes = array( 'decorator1' )

This would remove the decorator named "decorator1" from the list of common decorators ("\Aimeos\Client\Html\Common\Decorator*") added via "client/html/common/decorators/default" to the html client.

See also:

  • client/html/common/decorators/default
  • client/html/catalog/home/decorators/global
  • client/html/catalog/home/decorators/local

global#

Adds a list of globally available decorators only to the catalog home html client

client/html/catalog/home/decorators/global = Array
(
)
  • Default: Array
  • Type: array - List of decorator names
  • Since: 2020.10

Decorators extend the functionality of a class by adding new aspects (e.g. log what is currently done), executing the methods of the underlying class only in certain conditions (e.g. only for logged in users) or modify what is returned to the caller.

This option allows you to wrap global decorators ("\Aimeos\Client\Html\Common\Decorator*") around the html client.

 client/html/catalog/home/decorators/global = array( 'decorator1' )

This would add the decorator named "decorator1" defined by "\Aimeos\Client\Html\Common\Decorator\Decorator1" only to the html client.

See also:

  • client/html/common/decorators/default
  • client/html/catalog/home/decorators/excludes
  • client/html/catalog/home/decorators/local

local#

Adds a list of local decorators only to the catalog home html client

client/html/catalog/home/decorators/local = Array
(
)
  • Default: Array
  • Type: array - List of decorator names
  • Since: 2020.10

Decorators extend the functionality of a class by adding new aspects (e.g. log what is currently done), executing the methods of the underlying class only in certain conditions (e.g. only for logged in users) or modify what is returned to the caller.

This option allows you to wrap local decorators ("\Aimeos\Client\Html\Catalog\Decorator*") around the html client.

 client/html/catalog/home/decorators/local = array( 'decorator2' )

This would add the decorator named "decorator2" defined by "\Aimeos\Client\Html\Catalog\Decorator\Decorator2" only to the html client.

See also:

  • client/html/common/decorators/default
  • client/html/catalog/home/decorators/excludes
  • client/html/catalog/home/decorators/global

domains#

A list of domain names whose items should be available in the catalog home view template

client/html/catalog/home/domains = Array
(
    [0] => media
    [1] => media/property
    [2] => price
    [3] => text
    [product] => Array
        (
            [0] => promotion
        )

)
  • Default: Array
  • Type: array - List of domain names
  • Since: 2020.10

The templates rendering home lists usually add the images, prices and texts associated to each home item. If you want to display additional content like the home attributes, you can configure your own list of domains (attribute, media, price, home, text, etc. are domains) whose items are fetched from the storage. Please keep in mind that the more domains you add to the configuration, the more time is required for fetching the content!

This configuration option overwrites the "client/html/catalog/domains" option that allows to configure the domain names of the items fetched for all catalog related data.

See also:

  • client/html/catalog/domains
  • client/html/catalog/detail/domains
  • client/html/catalog/stage/domains
  • client/html/catalog/lists/domains

imageset-sizes#

Size hints for loading the appropriate catalog home image sizes

client/html/catalog/home/imageset-sizes =
  • Default:
  • Type: string - HTML image "sizes" attribute
  • Since: 2021.04

Modern browsers can load images of different sizes depending on their viewport size. This is also known as serving "responsive images" because on small smartphone screens, only small images are loaded while full width images are loaded on large desktop screens.

A responsive image contains additional "srcset" and "sizes" attributes:

 <img src="img.jpg"
    srcset="img-small.jpg 240w, img-large.jpg 720w"
    sizes="(max-width: 320px) 240px, 720px"
 >

The images and their width in the "srcset" attribute are automatically added based on the sizes of the generated preview images. The value of the "sizes" attribute can't be determined by Aimeos because it depends on the used frontend theme and the size of the images defined in the CSS file. This config setting adds the required value for the "sizes" attribute.

It's value consists of one or more comma separated rules with - an optional CSS media query for the view port size - the (max) width the image will be displayed within this viewport size

Rules without a media query are independent of the view port size and must be always at last because the rules are evaluated from left to right and the first matching rule is used.

The above example tells the browser: - Up to 320px view port width use img-small.jpg - Above 320px view port width use img-large.jpg

For more information about the "sizes" attribute of the "img" HTML tag read: {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-sizes}

See also:

  • client/html/common/imageset-sizes

name#

Class name of the used catalog home client implementation

client/html/catalog/home/name = Standard
  • Default: Standard
  • Type: string - Last part of the class name
  • Since: 2019.06

Each default HTML client can be replace by an alternative imlementation. To use this implementation, you have to set the last part of the class name as configuration value so the client factory knows which class it has to instantiate.

For example, if the name of the default class is

 \Aimeos\Client\Html\Catalog\Home\Standard

and you want to replace it with your own version named

 \Aimeos\Client\Html\Catalog\Home\Myhome

then you have to set the this configuration option:

 client/html/catalog/home/name = Myhome

The value is the last part of your own class name and it's case sensitive, so take care that the configuration value is exactly named like the last part of the class name.

The allowed characters of the class name are A-Z, a-z and 0-9. No other characters are possible! You should always start the last part of the class name with an upper case character and continue only with lower case characters or numbers. Avoid chamel case names like "MyHome"!

stock#

enable#

Enables or disables displaying product stock levels in product list views

client/html/catalog/home/stock/enable =
  • Default:
  • Type: boolean - Value of "1" to display stock levels, "0" to disable displaying them
  • Since: 2020.10

This configuration option allows shop owners to display product stock levels for each product in list views or to disable fetching product stock information.

The stock information is fetched via AJAX and inserted via Javascript. This allows to cache product items by leaving out such highly dynamic content like stock levels which changes with each order.

See also:

  • client/html/catalog/detail/stock/enable
  • client/html/catalog/stock/url/target
  • client/html/catalog/stock/url/controller
  • client/html/catalog/stock/url/action
  • client/html/catalog/stock/url/config

subparts#

List of HTML sub-clients rendered within the catalog home section

client/html/catalog/home/subparts = Array
(
)
  • Default: Array
  • Type: array - List of sub-client names
  • Since: 2020.10

The output of the frontend is composed of the code generated by the HTML clients. Each HTML client can consist of serveral (or none) sub-clients that are responsible for rendering certain sub-parts of the output. The sub-clients can contain HTML clients themselves and therefore a hierarchical tree of HTML clients is composed. Each HTML client creates the output that is placed inside the container of its parent.

At first, always the HTML code generated by the parent is printed, then the HTML code of its sub-clients. The order of the HTML sub-clients determines the order of the output of these sub-clients inside the parent container. If the configured list of clients is

 array( "subclient1", "subclient2" )

you can easily change the order of the output by reordering the subparts:

 client/html/<clients>/subparts = array( "subclient1", "subclient2" )

You can also remove one or more parts if they shouldn't be rendered:

 client/html/<clients>/subparts = array( "subclient1" )

As the clients only generates structural HTML, the layout defined via CSS should support adding, removing or reordering content by a fluid like design.

template-body#

Relative path to the HTML body template of the catalog home client.

client/html/catalog/home/template-body = catalog/home/body-standard
  • Default: catalog/home/body-standard
  • Type: string - Relative path to the template creating code for the HTML page body
  • Since: 2020.10

The template file contains the HTML code and processing instructions to generate the result shown in the body of the frontend. The configuration string is the path to the template file relative to the templates directory (usually in client/html/templates).

You can overwrite the template file configuration in extensions and provide alternative templates. These alternative templates should be named like the default one but with the string "standard" replaced by an unique name. You may use the name of your project for this. If you've implemented an alternative client class as well, "standard" should be replaced by the name of the new class.

See also:

  • client/html/catalog/home/template-header

template-header#

Relative path to the HTML header template of the catalog home client.

client/html/catalog/home/template-header = catalog/home/header-standard
  • Default: catalog/home/header-standard
  • Type: string - Relative path to the template creating code for the HTML page head
  • Since: 2020.10

The template file contains the HTML code and processing instructions to generate the HTML code that is inserted into the HTML page header of the rendered page in the frontend. The configuration string is the path to the template file relative to the templates directory (usually in client/html/templates).

You can overwrite the template file configuration in extensions and provide alternative templates. These alternative templates should be named like the default one but with the string "standard" replaced by an unique name. You may use the name of your project for this. If you've implemented an alternative client class as well, "standard" should be replaced by the name of the new class.

See also:

  • client/html/catalog/home/template-body

url#

action#

client/html/catalog/home/url/action = home
  • Default: home

config#

client/html/catalog/home/url/config = Array
(
)
  • Default: Array

controller#

client/html/catalog/home/url/controller = catalog
  • Default: catalog

target#

client/html/catalog/home/url/target =
  • Default:

Comments

Become an Aimeos Partner

Aimeos partners are first-class specialists in creating or hosting your Aimeos e-commerce project. They have proven their expertise by building top level e-commerce applications using Aimeos.

Our partners