Manual

User Guide for "Delayed Filters" Module

After installation, the module automatically activates and starts working on category pages with product filters.

Button Appearance Settings

1. Go to Menu → Modules → Delayed Filters → Settings

2. In the settings section, find the color customization options:

• "Button background color" — main color of the "Apply" button (default: #ff6a38)

• "First corner background color" — gradient color for the first corner (default: #e66800)

• "Second corner background color" — gradient color for the second corner (default: #994500)

• "Mobile panel background color" — panel color on mobile devices (default: #f7f7f7)

1. Use the color picker to select the colors that match your store design

2. Click "Save"

Result: The "Apply" button will display with the selected colors that harmonize with your store design.

Delay Time Settings

1. Go to Menu → Modules → Delayed Filters → Settings

2. In the settings section, find the "Delay time" option

3. Enter a value in milliseconds (default: 700 ms)

• Recommended value for fast internet: 500-700 ms

• Recommended value for slow internet: 800-1000 ms

1. Click "Save"

Result: When selecting filter characteristics, the "Apply" button will update with the specified delay, allowing customers to select multiple parameters in a row without premature updates.

Disabling the Module on Mobile Devices

1. Go to Menu → Modules → Delayed Filters → Settings

2. In the settings section, find the "Do not use in mobile version" option

3. Check the box if you want to disable the module on mobile devices

4. Click "Save"

Result: On mobile devices, filters will work in standard CS-Cart mode (with immediate application), while on desktop the module will continue to work with the "Apply" button.

How the Module Works

Without the module:

• Selecting a filter immediately updates the page

• Each selection triggers an AJAX request

With the module:

• Customer selects the desired filter parameters

• After selection, the "Apply" button appears

• Filters are applied only after clicking the button

• Multiple parameters can be selected in a row without reloading

Result: Site performance improves by reducing the number of AJAX requests, and customers can select all needed parameters at once before applying filters.