$37.00

Cheaper together

Specify options
$37.00
$30.00
+
Specify options
$39.00
$32.00
+
Specify options
$9.00
$6.00
=
Total list price $85.00
Price for all $68.00

CS-Cart “Filter by images” add-on allows to sort products by images making the process of choosing products easier, faster and more visual. Giving a possibility to sort by colour, shape, texture,etc. such add-on will be irreplaceable for the stores that have a great choice of products. Besides, Filter by images is added only on those categories which products have such feature, so it does not overload the filter block.

Features:

  • Ability to sort products by images;
  • Ability to sort by colour, shape, texture, etc.;
  • Filter is added only on those categories which products have such feature;
  • Ability to choose several features and features' variants for one product;
  • Ability to show image on Feature tab and Product list;
  • newAbility to set size of filter-images individually for each filter;
  • newUser-friendly visual appearance of inactive filter;
  • newAbility to hide checkboxes and place filter-imades horizontally.
  • newAbility to select the necessary color for border of all filter-images and for chosen ones.


Compatibility:

This add-on works correctly in Internet Explorer, Mozilla Firefox, Safari, Google Chrome and Opera latest browser versions.

The add-on is compatible with CS-Cart and Multi-Vendor 4.4.x - 4.9.2 versions.

Notes:

One license of the add-on is valid for only one CS-Cart installation. In order to use the add-on on another CS-Cart installation, it is necessary to buy one more license.

  1. Download the installation package from the order page.
  2. Extract it to the temporary folder.
  3. Use the “installation and documentation.txt” file for the following instruction.

Add-on’s settings

  1. License key – paste the license key that you can find on your order detailed page (the ‘Download’ button).
  2. Disable filter checkboxes – check this setting in order not to show checkboxes for filters. In this case filters will be displayed horizontally.
  3. Image border color - select the necessary color for border of all filter-images except chosen ones.
  4. Image border color of chosen item - select the necessary color for border of all chosen filter-images.

How to create a new filter

  1. After the add-on's installation go to Administration panel -> Products -> Features -> click the "+" button and choose Add feature.
  2. On the appeared window it is necessary to specify the following settings:
    • Name
    • Type - choose the "Brand/Manufacturer" type
    • Show on the Features tab
    • Show in product list
    • Show in product header
  3. Click the "Create" button.
  4. Choose your feature from the list and click to its name. The previous window will be appeared.
  5. Then choose the "Variants" tab and add necessary images as variants (do not forget to enter their names).
  6. Click the "Save" button.
  7. After that go to Products -> choose the necessary product -> Features -> tick the necessary features.
  8. Click the "Save" button.
  9. Then go to Products -> Filters -> click the "+" button and choose Add filter.
  10. On the appeared window it is necessary to specify the following settings:
    • Name
    • Filter by - choose the created feature from the list
    • Tick the "Use filter by images" checkbox
  11. After you check the "Use filter by images" checkbox the following settings are appeared:
    • Image width (px) – specify width for filter-images (only for this filter)
    • Image height (px) – specify height for filter-images (only for this filter)
  12. Click the "Create" button.

How to set the image width and height

  1. Go to Add-ons -> Manage add-ons
  2. Choose the "Filter by images" add-on from the list, click the gear opposite to its name and choose Settings.
  3. On the appeared window specify the width and height of the image in px.
  4. Click the "Save" button.
I have installed this module to my store and I like it! Now I can set filters by color, shape and even more. Really useful module, thank you CS-Market.
Write a review