• Priority: Medium
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 16.11.18, 19:16
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12873 - Compare products not working fully

We’ve just bought the Compare Products for Prestashop 1.7.
Following the documentation (http://compare.promokit.eu/documentation/#!/installation) we’ve added the hooks and can see the compare links on the product list, on the miniatures but not on the product page.
That hook ({hook h=’displayCompareButtonPP’ product_id=$product.id}) shows nothing, we’d like the link beside the cart like in the demo.


Furthermore we saw the autocompare for a second but can’t seem to get it now on the product page.

Plus we can’t seem to see the Quick Compare (it might be the same as autocompare).

Can you help?

Our URL (test site) is laos.smythsys.es/tienda
Theme is a Child Theme of the default Classic 1.7 theme.


This ticket does not depend on any other tickets.

Marek (marek) 06 Sep 2018, 23:38

Hi, David.
Please fill out all necessary fields in your profile https://support.promokit.eu/index.php?do=myprofile to access to your server through FTP I'll try to help you as soon as possible

David Gonzalo Smyth (smythsys) 06 Sep 2018, 23:50

Details filled in. Thanks. I'd appreciate if you sent us the changes because the client is thinking of changing the theme (sigh...) and we might have to do it on another.

Thanks in advance.

Marek (marek) 07 Sep 2018, 17:02

So, all works fine now http://take.ms/K0Jnw you only have to adjust your CSS

David Gonzalo Smyth (smythsys) 11 Oct 2018, 23:19

Marek, with your CSS adjustment we could see the arrows, but the size was just gigantic (like your screenshot).
We haven't been able to make it smaller,or beside the "Add to cart" button like the one in your demo. Can you give us a hint on how to manage that?
With such a big size it's not feasible and we've had to disable that hook.

Marek (marek) 12 Oct 2018, 11:18

Try to add this:

.svgic {
  display: inline-block;
  fill: currentColor;
  height: 20px;
  pointer-events: none;
  vertical-align: top;
  width: 20px;