Home Page
OverviewClayConfigurationContent ModelsHome Page
Home Page

Customizing the Home Page

You can customize the Home Page through custom fields in a content block. Once created, you specify it in the config file via homePageContentBlockHandle. The Home Page will then display multiple sections of custom fields, separated by a separator.

Editing the Clay Home Page

Supported Content Models

The content models supported are as follows:

Banner Category

This model displays a page-wide banner featuring a category. If it's the first block on a page, it's treated specially. It can also be placed as a non-first block, but in this case, it will have padding.

Clay Banner Category

The fields are as follows:

  • Category - Determines the category link.
  • Image - Specifies the image to display.
  • Title - Sets the title text to display.
  • Subtitle - Sets the subtitle text to display.
  • Button Label - Specifies the button label text.
  • Background Word - Determines the background text, usually a single word.
  • Background Color - Sets the background color.
  • Background Word Color - Sets the color of the Background Word (supports alpha).

Editing Clay Banner Category

Popular Category

This model displays a set of clickable category links in a row. It supports any number of fields in a block, but it's best to provide at least five.

Popular Category

The fields are as follows:

  • Category - Determines the category link.
  • Image - Specifies the image to display.
  • Title - Sets the title text to display.
  • Subtitle - Sets the subtitle text to display.

Editing Popular Category

Category Grid

This model displays three categories with buttons in a special grid layout. It requires exactly three fields in a block.

Category Grid

The fields are as follows:

  • Category - Determines the category button link.
  • Image - Specifies the image to display.
  • Title - Sets the title text to display.
  • Subtitle - Sets the subtitle text to display.
  • Button Label - Specifies the button label text.

Editing Category Grid

Category Row

This model displays a few products from a single selected category, with a customizable title.

Category Row

The fields are as follows:

  • Category - Determines the category from which to display products.
  • Title - Sets the title of the section.

Editing Category Row

Category Link

This model displays a set of links to categories as large images. The design is optimal for three links, but any number of fields in a block is supported.

Category Link

The fields are as follows:

  • Category - Determines the category link.
  • Image - Specifies the image to display.
  • Title - Sets the title text to display.

Editing Category Link

PREVIOUS
Content Models
NEXT
Category Page