- Posts: 4
- Thank you received: 0
Upgrade Changed Product Listing Alignment
14 years 2 weeks ago #64842
by cosmotr1
Upgrade Changed Product Listing Alignment was created by cosmotr1
I downloaded and installed Hikashop 1.6 Essential today after receiving an email, and it changed the Product alignment. Now all of the product images on the product listing pages are off to the right, and no longer centered.
50.6.94.3/index.php?option=com_hikashop&...-romance-&Itemid=201
For some reason, it did not mess up the regular category listing.
50.6.94.3/index.php?option=com_hikashop&...t=listing&Itemid=201
How can I fix this problem?
Thanks
50.6.94.3/index.php?option=com_hikashop&...-romance-&Itemid=201
For some reason, it did not mess up the regular category listing.
50.6.94.3/index.php?option=com_hikashop&...t=listing&Itemid=201
How can I fix this problem?
Thanks
Please Log in or Create an account to join the conversation.
Less
More
- Posts: 12953
- Thank you received: 1778
14 years 2 weeks ago #64855
by Mohamed Thelji
Replied by Mohamed Thelji on topic Re: Upgrade Changed Product Listing Alignment
Hello,
Can you set a different "Thumbnail width" through "Hikashop->System->Configuration->file/image" ?
Can you set a different "Thumbnail width" through "Hikashop->System->Configuration->file/image" ?
Please Log in or Create an account to join the conversation.
14 years 2 weeks ago #64884
by nicolas
Replied by nicolas on topic Re: Upgrade Changed Product Listing Alignment
Hi,
In your options, you have a thumbnails size of 100*300. So the system resize the thumbnails to fit in that box. And then there is now some additional CSS in order to handle the badges which fixes the width of the thumbnail area based on your settings.
If your thumbnails are all around 100*100, then you should set the thumbnails size to 100*100 and not 100*300.
That's why the images are shifted to the right as they are centered on 300px.
So you can fix that by setting up properly the size of the thumbnails.
But if you want a fast solution, you can just add that CSS:
.hikashop_product_image_subdiv{ width: auto !important; }
but note that the badges won't be aligned properly with that solution if you plan to use them in the future.
In your options, you have a thumbnails size of 100*300. So the system resize the thumbnails to fit in that box. And then there is now some additional CSS in order to handle the badges which fixes the width of the thumbnail area based on your settings.
If your thumbnails are all around 100*100, then you should set the thumbnails size to 100*100 and not 100*300.
That's why the images are shifted to the right as they are centered on 300px.
So you can fix that by setting up properly the size of the thumbnails.
But if you want a fast solution, you can just add that CSS:
.hikashop_product_image_subdiv{ width: auto !important; }
but note that the badges won't be aligned properly with that solution if you plan to use them in the future.
Please Log in or Create an account to join the conversation.
14 years 2 weeks ago #64926
by cosmotr1
Replied by cosmotr1 on topic Re: Upgrade Changed Product Listing Alignment
Thank you, it is fixed now. I played around with the width and height, and it's back to normal.

Good job!
Good job!
Please Log in or Create an account to join the conversation.
Time to create page: 0.168 seconds