AbanteCart Community

Shopping Cart Operations => Support => General Support => Topic started by: user88 on May 22, 2018, 06:26:45 PM

Title: Misaligned related products images
Post by: user88 on May 22, 2018, 06:26:45 PM

Hi,

In the process of testing and reviewing my site, I clicked on the 'related products' tag of various products and noticed that while some images and titles display ok, some don't. See images.

No clue what makes the difference. I tried changing the product name and image of the related product showing the problem to see if this would fix anything but it didn't.

Any thoughts?

Title: Re: Misaligned related products images
Post by: eCommerce Core on May 23, 2018, 06:33:55 AM

This can be due to title length or broken HTML tag. Can you share link to your site? I can check HTML.

Title: Re: Misaligned related products images
Post by: user88 on May 23, 2018, 01:41:42 PM

Thanks,

The link to my site is www.bluestarway.com/increase4all/

Title: Re: Misaligned related products images
Post by: user88 on June 03, 2018, 05:47:39 PM

I looked around and did a temp fix.

Went to style.css and added a text-align: center under ul.side_prd_list li.related_product {

Then went to pages/product/product.tpl and added <br> between the code to insert the related image and before the code to insert related product name

While doing this noticed that this section will also show the rating for the product. So I tested it and never figured out how to get the stars to center align, so I removed this line.

Not center aligning related products doesn't look good for my website. Maybe I changed the thumbnail sizes of products too small or something, but even with center alignment, there is a slight misalignment between the image and title / price. Seems like the center for the image is different than the center for the title and price so they look slightly off. Looks better than before, but not quite there.

Any thoughts would be appreciated.