Login

New to DJ-Extensions?

Additional elements - compare products

Contents

Additional elements - compare products

Compare products element allows rendering compare button for products.

Please make sure that compare option is enabled in the configuration of the DJ-Catalog2 component.

Compare products configuration

To configurate compare products go to DJ-Catalog2 component control panel - Options - Compare page and enable product compare.

Compare products options

  • margin top - choose an option for the top margin

  • position - choose between static, relative, or absolute

  • left - HTML's position property. Available when a position is not static

  • right - HTML's position property. Available when a position is not static

  • top - HTML's position property. Available when a position is not static

  • bottom - HTML's position property. Available when a position is not static

  • z index - choose between 1 and 3 values

  • width/height - Provide width and height for a compare products element

How does it work?

Go to your page, to the list of products and add a new item - compare products. Click it to edit the available options.

Make sure that compare is enabled on the displayed list of products. An option "add to compare" should appear under each product.

Add selected products to the comparison.

Click "compare selected" button.

Compared products view:

Video tutorial

© 2023 DJ-Extensions.com. All rights reserved.