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 modify() method.

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 = 
  • 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 = 
  • 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 = 
  • 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] => catalog
    [1] => media
    [2] => media/property
    [3] => price
    [4] => supplier
    [5] => text
    [product] => Array
        (
            [0] => promotion
        )

)
  • Default:
    Array
    (
        [0] => catalog
        [1] => media
        [2] => media/property
        [3] => price
        [4] => supplier
        [5] => text
        [product] => Array
            (
                [0] => promotion
            )
    
    )
    
  • 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 = 
  • 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 = 
  • 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 = 1
  • Default: 1
  • 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

template-body#

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

client/html/catalog/home/template-body = catalog/home/body
  • Default: catalog/home/body
  • 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 templates/client/html).

You can overwrite the template file configuration in extensions and provide alternative templates. These alternative templates should be named like the default one but suffixed by an unique name. You may use the name of your project for this. If you've implemented an alternative client class as well, it should be suffixed 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
  • Default: catalog/home/header
  • 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 templates/client/html).

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

See also:

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

url#

action#

Name of the action that should create the output

client/html/catalog/home/url/action = home
  • Default: home
  • Type: string - Name of the action
  • Since: 2020.10

In Model-View-Controller (MVC) applications, actions are the methods of a controller that create parts of the output displayed in the generated HTML page. Action names are usually alpha-numeric.

See also:

  • client/html/catalog/home/url/target
  • client/html/catalog/home/url/controller
  • client/html/catalog/home/url/config
  • client/html/catalog/home/url/filter

config#

Associative list of configuration options used for generating the URL

client/html/catalog/home/url/config = Array
(
)
  • Default:
    Array
    (
    )
    
  • Type: string - Associative list of configuration options
  • Since: 2020.10

You can specify additional options as key/value pairs used when generating the URLs, like

 client/html/<clientname>/url/config = array( 'absoluteUri' => true )

The available key/value pairs depend on the application that embeds the e-commerce framework. This is because the infrastructure of the application is used for generating the URLs. The full list of available config options is referenced in the "see also" section of this page.

See also:

  • client/html/catalog/home/url/target
  • client/html/catalog/home/url/controller
  • client/html/catalog/home/url/action
  • client/html/catalog/home/url/filter

controller#

Name of the controller whose action should be called

client/html/catalog/home/url/controller = Catalog
  • Default: Catalog
  • Type: string - Name of the controller
  • Since: 2020.10

In Model-View-Controller (MVC) applications, the controller contains the methods that create parts of the output displayed in the generated HTML page. Controller names are usually alpha-numeric.

See also:

  • client/html/catalog/home/url/target
  • client/html/catalog/home/url/action
  • client/html/catalog/home/url/config
  • client/html/catalog/home/url/filter

filter#

Removes parameters for the detail page before generating the URL

client/html/catalog/home/url/filter = Array
(
)
  • Default:
    Array
    (
    )
    
  • Type: array - List of parameter names to remove
  • Since: 2022.10

This setting removes the listed parameters from the URLs. Keep care to remove no required parameters!

See also:

  • client/html/catalog/home/url/target
  • client/html/catalog/home/url/controller
  • client/html/catalog/home/url/action
  • client/html/catalog/home/url/config

target#

Destination of the URL where the controller specified in the URL is known

client/html/catalog/home/url/target = 
  • Type: string - Destination of the URL
  • Since: 2020.10

The destination can be a page ID like in a content management system or the module of a software development framework. This "target" must contain or know the controller that should be called by the generated URL.

See also:

  • client/html/catalog/home/url/controller
  • client/html/catalog/home/url/action
  • client/html/catalog/home/url/config
  • client/html/catalog/home/url/filter

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.