Product Listing Boxes Look Misplaced

  • Posts: 31
  • Thank you received: 0
8 years 6 months ago #248538

-- 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

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 26204
  • Thank you received: 4032
  • MODERATOR
8 years 6 months ago #248558

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,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 31
  • Thank you received: 0
8 years 6 months ago #248581

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

Please Log in or Create an account to join the conversation.

  • Posts: 83401
  • Thank you received: 13494
  • MODERATOR
8 years 6 months ago #248584

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.

Please Log in or Create an account to join the conversation.

  • Posts: 31
  • Thank you received: 0
8 years 6 months ago #249148

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





Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 4816
  • Thank you received: 653
  • MODERATOR
8 years 6 months ago #249167

Hello,

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

Awaiting news from you.

Regards

Last edit: 8 years 6 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 31
  • Thank you received: 0
8 years 6 months ago #249505

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

Regards,
Karen

Please Log in or Create an account to join the conversation.

  • Posts: 26204
  • Thank you received: 4032
  • MODERATOR
8 years 6 months ago #249507

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,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 31
  • Thank you received: 0
8 years 5 months ago #250348

How do I make all the product boxes aligned properly?




Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 26204
  • Thank you received: 4032
  • MODERATOR
8 years 5 months ago #250358

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
window.hikashop.ready(function(){
	if(window.hikaVotes && typeOf(initVote) == 'function')
		initVote();
	window.hikashop.checkConsistency();
});
By
window.hikashop.ready(function(){
	if(window.hikaVotes && typeOf(initVote) == 'function')
		initVote();
	setTimeout(function(){ window.hikashop.checkConsistency() }, 500);
});
to not do the check consitency just after the page is load but 500ms after that.. (or more waiting time).

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

Time to create page: 0.108 seconds
Powered by Kunena Forum