Product Listing Boxes Look Misplaced

-- url of the page with the problem -- : barberfanatics.com/index.php/shop-store2/clippers-trimmers
-- HikaShop version -- : 2.6.3
-- Joomla version -- : 3.6.2

Hi, I am having issues with product grid display page on every category. Every time I go to a new product listing page, the boxes look misaligned and the "add to cart" button look cut off by the product boxes next row. How can I make those product listing boxes look solid and permanent that this doesn't happen again? I know when I refresh those pages again they look normal but I am getting frustrated to see this every time I go to a new product listing page.

barberfanatics.com/

Can you help?

Thank you!






Karen

Hi,

It can looks fine sometimes.
pasteboard.co/dJ6kbiqtp.png

In HikaShop listing we added a feature called "height consistency" which allow a script to set the same height to every cells in a same listing.
But even if the script is executed when the page has finish to load, if the images are not visible ; the height that the script will see won't be the final one and it will force a wrong height to every cells.

The idea is to deactivate that "consistency" feature.
See :
www.hikashop.com/forum/product-category-...-overlap.html#247215
www.hikashop.com/forum/product-category-...-overlap.html#247030
www.hikashop.com/forum/install-update/88...ing-divs.html#245105

Regards,

I cannot go to those URL you listed there. Can you make all your links show? It's very difficult to know what they are.

Thanks,
Karen

Hi,

These URLs works just fine. Please click on them from our forum and not from the email notification you received as the version of kunena we're using has a bug with the URLs in the email notifications.

Hi the product listing boxes issue still occurring after I followed the instruction you sent.

Is there a way you can access to the site and fix the bug?

Thanks,
Karen

Hello,

Yes, for this provide backend access references, use our Contact us form to sent these informations.

Awaiting news from you.

Regards

Can you be able to add the css code to set the product listing boxes consistent with the login I provided you?

Regards,
Karen

Hi,

No. And I don't know why Philip asked you a backend access ; we do not need any.

I saw that you removed the "consistency" from your listing and I cannot reproduce your issue anymore.

Regards,

How do I make all the product boxes aligned properly?

Hi,

Most elements are already explained in my previous message

In HikaShop listing we added a feature called "height consistency" which allow a script to set the same height to every cells in a same listing.
But even if the script is executed when the page has finish to load, if the images are not visible ; the height that the script will see won't be the final one and it will force a wrong height to every cells.

You have, for an unknown reason, the "check consistency" processed while images are not visible yet.
Maybe there are some javascript ; maybe a special CSS rule.
But the missing gap you have in your screenshot really indicate that the check of the height has been made while the images are not visible.

Now you can see to replace in the "media/com_hikashop/js/hikashop.js" file By to not do the check consitency just after the page is load but 500ms after that.. (or more waiting time).

Regards,