Showcasing product catalog on your Instant Site

To showcase your online store’s products or categories on your Instant Site, you can use a set of dedicated product catalog sections. You have the option to add any number of sections on a site page. For example, if you want to showcase several core store categories on your homepage and add individual product categories to other pages.

For each of the catalog sections, you can customize its title and design, including layout, fonts, colors, and even adding colorful stickers to some sections.

Adding catalog sections to your site

You can add as many product catalog sections as you want to any page of your website. Currently, there are three types of sections available:

• The Product Collection section with various layouts that can contain products from any store category.
• The Category Showcase section to list any store categories or all the root categories of your catalog.
• The Logo Gallery section with a list of images that you can use to showcase the brands you sell.
• The Root Categories section that showcases all the root categories of your catalog (legacy).
• The Featured Products section that has all the items you specify as featured products (legacy).

To add a product catalog section on Instant Site:

1. From your Ecwid admin, go to Website → Edit Site.
2. In the Page dropdown at the top, select the page where you want to add a catalog section.
3. Click Add Section.
4. Scroll down to Products.
5. Choose the section you like:
   
6. On the opened block settings page, make changes on the Content tab. For example, you can choose a product category you want to display in this block, tweak its name on your site, or add a sticker.

That’s it. Depending on what section you have chosen to add, the section name in the menu will be Product Collection, Category Showcase, or Logo Gallery:

Designing catalog sections

In the Instant Site editor, you can set layout for your catalog sections, customize their background color, text fonts, sizes, styles, and more.

To change the look of your catalog sections:

1. From your Ecwid admin, go to Website → Edit Site.
2. In the Page dropdown at the top, select the page.
3. Click on the product catalog section.
4. Make the necessary changes on the Design tab.
5. Click Publish.

If you need to make changes to the products and their details, you have to do it from the Products page of your store admin. Learn more about editing product details → To make changes to your store’s look as it appears via a direct link ending with /products (for example, mystore.com/products), see Designing your Ecwid storefront →

Deleting catalog sections from your site

You can delete catalog sections from the homepage or any other page of your site. That can be useful if you want to create a landing page without the store section or the “About us” site that tells your brand story, but instead of shopping online, you offer the audience to visit your offline store.

To delete a catalog section from your site:

1. From your Ecwid admin, go to Website → Edit Site.
2. In the Page dropdown at the top, select the page.
3. Click on the product catalog section.
4. Click Delete section at the bottom of the page.
5. Click Publish.

You can always add product catalog sections back to any page of your site.