How to Use the Catalog Feature

The Catalog Feature allows you to easily display a listing of all your Products on your website page, or display Products under a specific Category, giving your visitors easy browsing and shopping without having to go to your actual Sitebeat Store.

Note: The Store option is only available for the Sitebeat eCommerce plan and will not appear on all other Sitebeat plans. If you want to set up an Online Store with complete SSL protection as well as easy setup and monitoring of Products and Orders, you will need to upgrade your current Sitebeat plan or purchase a new Sitebeat eCommerce plan.

Add the Catalog Feature on any website page in Sitebeat and customise it using the steps below:

  1. Log In to access the Sitebeat dashboard.
  2. Under My Sites, click the Edit Site option on the website or project card that you wish to manage.
  3. On the Sitebeat Editor, click Build from the left-side menu and click Online Store.
    Note: If you're using Sitebeat eCommerce but can't find the Online Store option, you may follow these steps first to get started with your Store:

    1. Click Store from the left-side menu on your Sitebeat Editor.
    2. Click on the Get Started button, then wait a few seconds for the Sitebeat Editor to add a Store page and Shopping Cart to your website.

    Once done, you can go back to Build. The Online Store option will now be available.
  4. Drag and drop the Catalog icon onto an available placeholder on your website, then hover your mouse pointer over it and click Edit.
  5. Under the Layout tab, customise the following options:
    Category Set the specific Category to show in your Catalog using the drop-down .

    If the option is greyed-out, this means that you haven't created any Category yet to choose from. Learn how to create a Product Category.
    On-Click Set the action to take once visitors Click on your Product.
    Products Per Row Set the number of Products to display per row.
    Total Rows Set the total number of rows you want for your Layout.
  6. On the same pop-up box, click on the View tab to customise the following options:
    SKU SKU, or Stock Keeping Unit, is the unique number assigned to each Product for Inventory Management.

    Set whether you want to Show or Hide your Product's SKU.
    Price We recommend showing the Product Price, however, you also have the option to Hide it here.
    Buy Now Button Choose whether you want to Show or Hide this button.
    Image Aspect Ratio Set the fixed Aspect Ratio to use in displaying your Product photos.
    Hover Effects When enabled, you may customise where to apply the effect and which effect to use.
  7. Click on the Design tab to customise the following options:
    Style Hover your pointer over the image under Style, then click Change Style. Select the option you want for your Catalog from the expanded list.
    Border Click on the box to the right of the Border option to select a Border Color and adjust its Opacity, then click Apply.

    Use the bar under Border to instantly adjust its thickness.
    Products Spacing Set the fixed distance between Products within your Catalog.

You’ve just customised the Catalog Feature on your Sitebeat website.

Other Actions:

  • To resize the Catalog Feature’s placeholder horizontally, hover your mouse pointer over its left or right edge and click the [↔] Arrow Icon that appears, then drag it sideways.
  • To move a Catalog Feature, hover your pointer over it and click the Moving Tool on its upper edge, then drag and drop it onto a different placeholder on your page.
  • To delete a Catalog Feature, hover your pointer over it and click the [x] Delete Icon on its top-right corner.
Was this helpful?
100% of people found this helpful.