How To: Arrange Categories on the Storefront Homepage

View from the storefront

You can arrange categories right on the storefront homepage. Using the Categories block you can create and add to the storefront the list of desired categories.

  1. In the Admin panel, go to Website → Themes → Layouts and select the Homepage tab.

  2. Click the + button in the required container and click Add block:

    Adding a block
  3. Open the Create New Block tab and in the opened window select Categories:

    Selecting the Categories block
  4. In the opened window, specify the name of the new block (e.g. Catalog), select Multi-column list for the Template and click the Create button.

  5. Click the gear icon on the created block:

    Click the gear icon to manage the block settings
  6. In the General tab select:

    • Multi-column list in the Template field (if you have not selected it in the previous step);
    • Footer general in the Wrapper field.
  7. Click the Settings link next to the Template field and enter the desired number of columns in the Number of columns in the objects list field.

  8. Specify the desired CSS-class in the User-defined CSS-class input field if necessary.

    General tab
  9. Open the Content tab and select Manually in the Filling select box. Click + Add categories to choose categories and select them via checkboxes, then click Save.

    Content tab
  10. Click the Save button.

Note

After the block is created or modified, make sure it is displayed correctly. Sometimes not all wrappers are suitable for a specific block type.