CS-Cart

Custom Category Block

Custom Category Block: ​This addon helps to create a custom block for categories at Your CS-Cart store and the show subcategories with icons.

The Custom Category Block add-on for CS-Cart lets you create category blocks and place them on different pages of your store, including the homepage, category pages, and product pages. You choose which categories to display and control how the block behaves, adjusting settings such as the number of items shown at a time, scrolling speed, and pause delay between scrolls. This gives you a simple way to organize and highlight categories so shoppers can find and browse products more easily. It is intended for CS-Cart store owners who want to feature selected categories in a clean, configurable layout without custom development.

Custom Category Block Addon for CS-Cart allows users to add custom category blocks on different pages like homepage, product page, categories page, etc. Users can easily create and customize this block by selecting the categories you want to display and adjusting settings like scrolling speed, pause delay, and the number of items, etc. 

This addon helps organize and showcase your products effectively, offering a clean and engaging shopping experience for your customers. Simply create the category block, and display it on the desired pages of your store.

Features:

  • Customizable Block Creation: Easily create custom category blocks for different pages like homepage, categories page, product page, etc.
  • Easy Category Selection: Choose which categories you want to display in the custom category block.
  • Item Visibility: Control how many items are visible at a time in the category block
  • Scrolling Options: Adjust the scrolling speed and set how long the block pauses between each scroll.
  • Item Visibility: Control how many items are visible at a time in the category block.
  • CS-Cart Support info: The addon is well integrated with CS-Cart Multi-Vendor and can be used with its standard, Plus, and Ultimate Versions.

Installation: 

 How to install Addon 

  https://store.ecarter.co/blogs...

How to addon works

  • Open the addon.

Custom Category Block — illustration 1

  • Go to the layout to add a new custom category block.

Custom Category Block — illustration 2

  • Switch on the Homepage tab.

Custom Category Block — illustration 3

  • Click on the (+) Add block.
Custom Category Block — illustration 4
  • Switch on the Create New Block.
  • Choose the custom category block.
Custom Category Block — illustration 5
  • Custom Category page will be open.
  • Name: Enter the name of the custom category block.
  • Template: Select custom category block template. 
  • Click on the Settings.
  • Do not scroll automatically: Enable this setting to stop automatic scrolling in the block.
  • Scroll per page: Check this box to scroll through items one page at a time instead of continuously.
  • Speed: Set the scrolling speed here.
  • Pause Delay(in seconds): Define how long the scrolling pauses between each scroll (in seconds).
  • Item Quantity: Sets how many items are visible at a time in the block.
  • Thumbnail width in scroller: Sets the width of category thumbnail images in the scrolling block.
  • Outside Navigation: Enable this setting.
Custom Category Block — illustration 6
  • Switch on the content tab.
  • Filling: select filling manually.
  • Click on the Add categories and select the categories.
  • Click on the Create button.

Custom Category Block — illustration 7

  • Here you see the created block.

Custom Category Block — illustration 8

Show Custom Category Block on Storefront(HomePage)

Custom Category Block — illustration 9

  • Switch on the Products Tab.
Custom Category Block — illustration 10
  • Switch on Create New Block.
  • Open the custom category block.

Custom Category Block — illustration 11

  • Name: Enter the name of the block.
  • Template: Select custom category block template. 
  • Click on the Settings.
  • As these settings are already explained earlier, you can refer to the previous homepage block section for detailed information.
Custom Category Block — illustration 12
  • Switch on the content tab.
  • Filling: select filling manually.
  • Click on the Add categories and select the categories.
  • Click on the Create button.
Custom Category Block — illustration 13
  • Here you see the created block.

Custom Category Block — illustration 14

Show Custom Category Block on Storefront(Product Page)

Custom Category Block — illustration 15

  •  Switch on the Categories Tab.
Custom Category Block — illustration 16
  • Switch on Create New Block.
  • Open the custom category block.
Custom Category Block — illustration 17
  • Name: Enter the name of the block.
  • Template: Select custom category block template. 
  • Click on the Settings.
  • As these settings are already explained earlier, you can refer to the previous homepage block section for detailed information.

Custom Category Block — illustration 18

  • Switch on the content tab.
  • Filling: select filling manually.
  • Click on the Add categories and select the categories.
  • Click on the Create button.

Custom Category Block — illustration 19

Show Custom Category Block on Storefront(Categories Page)

Custom Category Block — illustration 20

                                              

Tutorial Link:

Addon-Version:

Version-1.0

Supported Versions:

CS-Cart, CS-Cart Multivendor 4.8.x, 4.9.x,4.10x,4.11x,4.12,4.13x, 4.14x, 4.15x, 4.16x, 4.17x, 4.18x

Support:

This app is developed and published by Ecarter Technologies Pvt. Ltd., a CS-Cart developer. You are guaranteed quality add-ons.

Frequently asked questions

What can I customize in the Custom Category Block?

You select which categories appear in the block and set how many items are visible at a time. You can also adjust the scrolling speed and how long the block pauses between each scroll.

Which pages can I display the category block on?

You can add the block to different pages of your store, such as the homepage, category pages, and product pages. You create the block once and then place it on whichever pages you want.

Does it work with CS-Cart Multi-Vendor?

Yes. The add-on is integrated with CS-Cart Multi-Vendor and works with its standard, Plus, and Ultimate versions.

How do I set it up?

After installing the add-on, open it and go to the layout to add a new custom category block, then enable it on the pages you want (for example, the homepage). Installation instructions are available on the Ecarter store blog.

N
Nisha Gaur · Technical Content Writer, Ecarter Technologies

Nisha Gaur is a Technical Content Writer at Ecarter Technologies. She writes technical documentation, tutorials and buying guides covering CS-Cart, Magento, Shopify and eCommerce development.

Talk to our team