Extended Сategory Block Documentation

A) Installationtop


  1. Download the add-on
  2. Go to Admin panel > Add-ons > Manage Add-ons
  3. Click on [+] to open upload modal window
  4. Please choose whatever is comfortable to you:
    Local: zip archive is saved on your computer
    Server: zip archive is uploaded on your server
    URL: you have a direct link to the zip archive
  5. After you selected the zip archive corresponding to your current version of CS-Cart please click Upload & install


  1. Open add-on settings page Admin panel > Add-ons > Manage Add-ons >
    [TH] Enhanced Category Page
  2. In Activation tab insert License key
  3. Save the settings and go back to Manage Add-ons page
  4. In same line with the name of the add-on, click Active
  5. Clear cache, choose Administration > Storage > Clear cache

Make sure that the add-on status is Active

That’s all, the add-on is installed

B) Add-on settingstop

The add-on has a few display options

  • Amazon – masonry view for categories with a large nesting 2nd level, example
  • eBay – masonry view for categories without images, example
  • Grid – grid view for categories with images, example
  • Default – recommended to use for storefronts where the add-on is not required

It is possible to set the number of columns (1-6). Значение завит так же от высоты самого большого блока и их количества.

C) Category page (Layout)top

The installation creates a category page layout

To edit it, go to Design > Layouts > Categories Page

The URL for this page index.php?dispatch=categories.catalog

E) Imagestop

The image size is set in Admin Panel > Settings > Icons

  • Icon width on the detailed category page
  • Icon height on a category page

On a demo:

  • Amazon 270×100
  • Grid 350×400

Images are uploading in category settings, default field – Images.

C) Change stylestop

Style files add-on should not be changed, this can lead to incorrect work of the add-on. If there was a need to redefine or add styles, please use Theme editor for this

  1. Go to Design > Themes
  2. Press Visual Editor in front of the currently active layout
  3. In the new tab, you will see your shop with Theme editor panel
  4. In CUSTOMIZE selector choose Custom CSS
  5. In textarea your can add your styles
  6. After editing save your changes by pressing Save and press [X] to close editor