Center the product image in listing

  • Posts: 97
  • Thank you received: 1
  • Hikashop Essential
2 weeks 15 hours ago #360332

-- url of the page with the problem -- : goldfieldfireworks.com/
-- HikaShop version -- : 5.0.3
-- Joomla version -- : 4.4.3
-- PHP version -- : 8.1.27
-- Browser(s) name and version -- : Firefox 78.15.0esr

Please see the attached screen shot. In a listing of products, the product thumbnail is not vertically centered. I have circled the first product image to illustrate. How can I make it so the product image is vertically centered?
Thank you for your help.

Attachments:

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

  • Posts: 81563
  • Thank you received: 13071
  • MODERATOR
2 weeks 11 hours ago #360334

Hi,

That's because you've turned off the "force size" setting of the HikaShop configuration and the "Image scale mode" setting is set to "keep ratio" and you have thumbnail dimensions for a square and your product image is not a square and it's not possible to vertical align an image in a clean way in CSS while keeping everything dynamic and responsive with the constraints we have.

The simplest is to just activate back the "force size" setting.

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

  • Posts: 97
  • Thank you received: 1
  • Hikashop Essential
2 weeks 10 hours ago #360346

Thank you Nicolas

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

Time to create page: 0.063 seconds
Powered by Kunena Forum