can we set max number of items shown in COMPARE page?

Using the Compare template, the Compare page works fine if you only put 4-5 products in to compare, but if the customer selects a dozen products to compare the columns become ridiculously narrow and the page is pretty much unusable like that. We need to be able to set a maximum number of products it can display, or make columns a minimum width and then user could perhaps scroll across the page to see more.
When I try to edit the Compare element (front end or back end) a box opens that is titled Compare Settings but the box is completely empty – there is nothing at all I can change! Seems s something is missing that should be here.

Under theme settings I can add or remove fields to show, but no setting for columns.

Do you have any solution for this please? Or should I disable it and look for a compare plugin?

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following code snippet to the Custom CSS area for desktop only in Theme Settings to add the scroll

body .compare-value {
  flex: 1 0 20%;
}
body .woodmart-compare-table {
	overflow-x: auto;
}

WPBakery compare element doesn’t have any options. You can configure your compare settings in Dashboard -> Theme Settings -> Shop -> Compare.

Kind Regards

That worked! Thanks so much!

Great, you are welcome! Feel free to contact us if you have any questions.

[Author]

Posts