This template is the same as the one that BigCommerce brings by default in its Cornerstone theme.

Scaffolding adds the "no image" variant for when you don't want to display category image on the page, but you want to load the category image to be used in other resources like Mega menu or Colorful menu.

This template is the same as the one that BigCommerce brings by default in its Cornerstone theme with the addition that shows Colorful menu for the category, there is a version with image of the category and another one that does not show it.

In those categories that you want to display Colorful menu, just choose one of the two variants of this template. If you want to display CFM in all (or almost all) categories, the most practical thing to do is to change the default template for all categories.

This template, added by Scaffolding, allows you to list products assigned to a category but grouped by subcategory.

This enables you to showcase featured products from each subcategory, inviting users to explore more products within those subcategories.

For instance, under a 'Fashion' category, you can highlight products for Women and Men separately, encouraging users to browse these specific subcategories.

The displayed products are those assigned to the respective category, similar to standard BigCommerce navigation. The difference lies in their grouping by subcategories.

This region is located immediately after the featured product feed.

Top bar regions are located at the extreme top of the site. They are ideal for placing text messages, which without being intrusive, have a lot of visibility.

For example, to advertise free shipping on purchases above a certain value.

There are 3 Top Bar regions:

1. The first one is global for the whole site
2. The second is also global, but it is not shown in the home page, to edit this region, you must be in any page except the home page (otherwise, it does not appear)
3. The third one is only shown on the page in question
4. 

For the home page, there are two regions, one above the carousel and one below.

If the carousel is not active, the Below carousel region is shown below and Above carousel.

Header bottom regions are located at the bottom of the header, just above the Colorfun Menu if active and the page content.

There are 3 Header bottom regions:

1. Header bottom global: it is global, it is shown in the whole site
2. Header bottom No global home, it is shown in all the site except the home page, to edit it you have to click on a page other than the home page
3. The third one, it is only shown on the page in question

Bottom bar regions are located at the extreme bottom of the page.

There are 2 Bottom Bar regions:

1. The first is only displayed on the page in question
2. The second is global for the whole site

This region is located immediately above the featured product feed.

This region is located immediately after the new product feed.

This region is located immediately after the popular product feed.

On the category pages, just below the site header, before the Colorful menu and the page content, there are two regions:

1. The first is global for the entire site
2. The second is only displayed in the category in question

ToDo: screenshot when the region name has been corrected

It is located below the sidebar (on the left side of the screen) on desktop and before the product listing on mobile.

Two regions are available at the end of the content:

1. The first is only displayed in the category in question
2. The second is global for all categories

Scaffolding incorporates the possibility of adding in the product page, a local tab (only visible in the product in question) or global, shown as a tab in all products, through the Product tab regions.

These are special regions because once a widget is added and the changes are saved, these regions become product tabs.

To set the tab name, the name must be entered in the first Layout of the region.

In the example, My new tab is the name of the first Layout of the Product tab region:

So after clicking Save, the My new tab will appear:

Two things to note:

1. To edit the content of the region, since it is inside a tab, click on Preview, click on the tab in question and then go back to Design by clicking on the Design button
2. To delete the tab, all layouts must be deleted, leaving the region empty. When saved, the tab will be deleted.

On the product page, at the end of the description, you have a local scope region, i.e. it is only visible on the product to which you are adding the widget to the region.

When adding a product to the shopping cart, the cart is pre-displayed in a non-intrusive way, both on Desktop and Mobile.

If you start the product description with a list of bullets, these will be repositioned when displaying the product next to or below the product images.

Example:

Bullets listed at the beginning of the description, are repositioned:

ToDo: Confirm that the background image parsing is working

If the name of a custom field begins with the underscore character (_), it will not be displayed on the product page.

This is usually used when using custom fields whose functionality is to operate with it and is not intended to be shown to the customer.

For example, suppose we want to highlight products by displaying a badge over the product image:

We could add to the products we want to highlight, a custom field named _badge and assign as value the name of the image we want to display (the image must be uploaded with Image manager), example:

On desktop, clicking on a product image opens a pop-up window to view enlarged images.