Category Products

This section is dedicated to showcasing a particular category and presenting the products within that category. It enables users to conveniently browse through the products directly from the homepage.

How to enable Category Product section?

To enable first navigate to your Page Builder (how to launch Page Builder?)

When using the Page Builder, locate and select the Category Products tab. The maximum number of category product sections that can be displayed is 4, which are labeled as the First, Second, Third, and Fourth Categories.

Look for the textfield labeled Category id in each section and enter the ID of the desired category you want to display.

To disable each section, simply leave the Category id textfield for that particular section empty.

How to find category ID?

To locate your category ID, follow these steps:

  1. Access your Bigcommerce web store admin panel.

  2. Navigate to the Products menu and select Product Categories.

  3. Select the name of a parent category or subcategory.

  4. Once the category page loads, examine the URL to find the category ID number.

Display styles options

This feature provides you with the option to choose between a slider or a multi-row grid view for displaying your category products.

The carousel view allows for a dynamic and visually engaging presentation, enabling customers to scroll through the products horizontally.

On the other hand, the multi-row grid view offers a structured layout with rows and columns, allowing for a comprehensive display of multiple products within each category.

With these versatile display options, you can customize the appearance of your category products section to suit your website's design and enhance the browsing experience for your customers.

How to upload icon

To assign an icon image, the first step is to upload the image to the image manager in the admin panel. (How to upload using image manager?)

After uploading the image, select the link labeled View Full Size under desired image. Then, in the browser address bar, copy the image name located between "/uploaded_images/" and the "?" symbol.

Ex: /product_images/uploaded_images/banner_image1.png?t=1606861987&

Once copied go back to the theme editor and paste in the textfield labeled image link and save.

Recommended images size 35px x 30px

How to change Category title?

In this section, e-commerce merchants have the ability to customize the title text according to their preferences. To set the desired title, enter the appropriate value into the Header settings textfield.

To disable this settings, leave the textfield blank.

Last updated