CS-Cart "Floating blocks" add-on allows the administrator to make the following blocks floating:
- Product filters
- Custom menu (Menu)
- Top menu (Categories)
- Search (Search field template)
- Breadcrumbs
- Cart content
Floating blocks are not fixed in a position and they will drift on the page as you scroll the page down. As a result, customers will have a possibility to use the block in any moment of the page browsing.

This is a useful add-on when you have pages with lots of content and you want some block to stay in view all the time.
Please notice! Try not to make two blocks floating if they are located in one line horizontally (like standard Search and Cart content blocks) because they can drift non-synchronous. If you want to make two blocks floating which are located in one line horizontally, it will be necessary to custom modify the spacing.
Compatibility:
This add-on works correctly in Internet Explorer, Mozilla Firefox, Safari, Google Chrome, and Opera latest browser versions.
The add-on is currently compatible with CS-Cart Pro 3.0.x, CS-Cart Multi-Vendor 3.0.x, CS-Cart Ultimate 3.0.x, CS-Cart 4.x.x.
Notes:
1. We offer free installation of this add-on for the default CS-Cart versions (that don't have any serious file changes and additional modules). Otherwise, the installation may require an additional charge.
2. After the payment is confirmed, you will be able to download the add-on from the order details page.
Please remember that we can make any changes in this add-on due to your demands.
Please, feel free to contact us if you have any questions about this add-on.
How to make a Product filters block floating
- After the add-on installation go to Design -> Blocks.
- Choose the necessary location.
- Choose or create the necessary Grid.
- Add a block. Click the Create New Block tab and choose Product filters.
- Fill out the necessary fields such as Name, etc.
- Click the Block settings tab and tick the Floating menu checkbox.
- Save.
If you have already created the Product filters block before the add-on installation, just go to the Block options, and tick the Floating menu checkbox in the Block settings tab.

How to make a Menu block floating
1. After the add-on installation go to Design -> Blocks.
2. Choose the necessary location.
3. Choose or create the necessary Grid.
4. Add a block. Click the Create New Block tab and choose Menu.
5. Fill out the necessary fields such as Name, etc.
6. Click the Block settings tab and tick the Floating menu checkbox.
7. Save.
If you have already created the Menu block before the add-on installation, just go to the Block options, and tick the Floating menu checkbox in the Block settings tab.
How to make a standard Top menu block floating
1. After the add-on installation go to Design -> Blocks.
2. Choose the necessary location.
3. Choose or create the necessary Grid.
4. Add a block. Click the Create New Block tab and choose Categories.
5. Fill out the necessary fields such as Name, etc.
6. Click the Block settings tab and tick the Floating menu checkbox.
7. Save.
If you have already created the Categories block (standard Top menu) before the add-on installation, just go to the Block options, and tick the Floating menu checkbox in the Block settings tab.
How to make a Breadcrumbs block floating
1. After the add-on installation go to Design -> Blocks.
2. Choose the necessary location.
3. Choose or create the necessary Grid.
4. Add a block. Click the Create New Block tab and choose Breadcrumbs.
5. Fill out the necessary fields such as Name, etc.
6. Click the Block settings tab and tick the Floating menu checkbox.
7. Save.
If you have already created the Breadcrumbs block before the add-on installation, just go to the Block options, and tick the Floating menu checkbox in the Block settings tab.
How to make a Search block floating
1. After the add-on installation go to Design -> Blocks.
2. Choose the necessary location.
3. Choose or create the necessary Grid.
4. Add a block. Click the Create New Block tab and choose Template.
5. Enter the Name.
6. In the Template field choose the Search field.
7. Click the Block settings tab and tick the Floating menu checkbox.
8. Save.
If you have already created the Template block with the Search field template before the add-on installation, just go to the Block options, and tick the Floating menu checkbox in the Block settings tab.
How to make a Cart content block floating
1. After the add-on installation go to Design -> Blocks.
2. Choose the necessary location.
3. Choose or create the necessary Grid.
4. Add a block. Click the Create New Block tab and choose Cart content.
5. Fill out the necessary fields such as Name, etc.
6. Click the Block settings tab and tick the Floating menu checkbox.
7. Save.
If you have already created the Cart content block before the add-on installation, just go to the Block options, and tick the Floating menu checkbox in the Block settings tab.
Please note! Several blocks can be floating at the same time.
But, please, try not to make two blocks floating if they are located in one line horizontally (like standard Search and Cart content blocks) because they can drift non-synchronous.
If you want to make two blocks floating which are located in one line horizontally, it will be necessary to custom modify the spacing.
Installation instruction
1. Download the archive with the Floating blocks add-on.
2. Unpack the archive's content and upload files to your server in the root directory with the installed CS-Cart.
3. Log into the administration panel of your store, go to the Administration -> Add-ons page.
4. In the list of add-ons find the Floating blocks add-on and click Install opposite to its name.
5. That's all, the add-on is installed. Choose Active status.