Automatically Populating Your Storefront Header with Featured Categories

This tutorial walks you through the process of setting up an automatically populated header section in your storefront. By utilizing the "Show on Home Page" option for featured categories, you can ensure that the categories displayed in the dropdown are dynamically updated. The steps include navigating the admin interface, editing category settings, and configuring the header's editable content to include an "Automatic Categories" element. By following these instructions, you can enhance the organization and visual appeal of your online store.

Example of Automatically Populated Categories

This screenshot shows an automatic categories header entry in the storefront. It shows dynamically generated category dropdowns where any category marked as "Show on home page" (shown later) will also be automatically populated within the header.

Featured Categories

This shows the featured categories section, where categories marked to "Show on Home Page" in the category setup page (shown later) are automatically displayed.

Click on Admin

Open the admin area to access backend settings for category management and customization.

Type "manage" in the search menu

Use the search function to locate the "Manage Categories" option quickly.

Click on Manage Categories

Access the manage categories section to view and edit the list of available categories.

Click on Edit

Select a specific category to edit its properties, including its visibility on the homepage. You can also create new categories from this page.

Click on Show on home page:

Enable this option to include the category in the featured categories section and the automatic header dropdown.

Type "ed" in the search menu

Search for "editable content" to quickly access the header customization section.

Click on Editable Content

Open the editable content section to modify elements of the storefront header (amongst other areas of your site).

Click on Edit next to the Header entry

Edit the header content to configure its layout and the elements it displays.

Click on Add Content

Add a new content element to the header, such as the automatic categories option.

Click on Header Item - Automatic Categories

Add the "Automatic Categories" header item to dynamically display featured categories.

Click on Save and Continue Edit

Save your changes to the header configuration to apply the updates.

Click on Public store

Navigate to the public-facing storefront to preview the updated header.

Review your new header entry

Open the dropdown in the header to confirm that it displays the correct featured categories.

Well done!

Create how-to guides like this in a snap. Get Tango now.