Instruction Ajax Filter for Opencart3.0


Download and install


  1. Download the plugin archive from the Shop Pinta store and save it on your computer.

  2. In the admin panel of your website, select Extensions (1) > Installer (2).

  3. In the Upload your extensions block, click the Upload button (3).




  1. In the opened window select the plugin archive᠎ (1) and click the Open button (2).




  1. Clear the cache (recommended). In the Modifications subcategory (1), select the checkbox (2) for the plugin and click the Clear (3) and the Refresh (4) buttons.




  1. Go to the Extensions subcategory (1). In the Extension List, select Modules type (2).




  1. Find the Ajax Filter plugin and click the Install button.




  1. To configure the plugin, click the Edit button.






Plugin page


The plugin page consists᠎ of:


  1. The Settings tab.




  1. The Filters tab.




  1. The Design tab.




  1. The SEO tab.




The Settings tab includes:


  1. The Status field (1) - to enable / disable the plugin (position Enabled / Disabled).

  2. The Location field (2) - to select the filter location on the website page.




Examples of the filter location on the website pages:






  1. The Show the "Drop filter" button field - to enable / disable the display of the Clear all button (position Enabled / Disabled). Using it, you can cancel the parameters selected for the filter and choose others.




Displaying on the website:




  1. The Show number of products field - to enable / disable the display of the product number corresponding to the filter options (position Enabled / Disabled).




Displaying on the website:




  1. The Attribute delimiter field - to enter a character as a delimiter (1). This character uses in a product attribute and allows you to divide the attribute in the filter into several characteristics.




Use the specified attribute delimiter (1) for product attribute texts (2) - Catalog > Products > Edit > Attribute tab.




Displaying on the website:




The Filters tab includes:


  1. The brand block - to add product filtering by the manufacturer (position Enabled / Disabled).




Displaying on the website:




  1. The Product Options block - to add filtering by product options.




Displaying on the website:




  1. The Product attributes block - to add filtering by product attributes.




Displaying on the website:




The Design tab allows you to select the color theme of the filter. To do this, select a standard color in the Themes field.



There are all standard filter styles (optional):




You can also use a filter color that differs from the standard themes.

To do this, in the Themes field (1) select the Custom option. Next, in the Custom color field (2) that appears, select the desired color (3).




The SEO tab consists of:


  1. The Save filter url field (1) - to save the history of filter URL requests (position Enabled᠎ / Disabled).

  2. The instructions for correctly displaying the SEO URL of your website (2).

  3. The history of the filter URL requests as a table with the filter parameters:

  • product options (3),

  • number of requests (4),

  • SEO name᠎ (5),

  • the Edit button (6) - to edit SEO data,

  • the Delete button (7) - to delete data from the table.




To edit the SEO data for the filter page, click the Edit button.




The SEO Editing page consists of fields:


  1. SEO name - to enter the SEO name of the filter page.

  2. Page title - to enter the title of the filter page.

  3. Meta title page - to enter a meta tag for the filter page title.

  4. Meta description - to enter a meta tag for the filter page description.

  5. Meta keywords - to enter a meta tag for the filter page keywords.

  6. Page description - to enter the description of the filter page.




Displaying on the website:




After editing, save the settings by clicking the Save button.




The plugin is downloaded and installed.


Now customers can use a convenient and quick filter for sorting and searching products on your website.






VIDEO INSTRUCTION