Center the product image in listing

  • Posts: 97
  • Thank you received: 1
  • Hikashop Essential
8 months 3 days 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: 83007
  • Thank you received: 13398
  • MODERATOR
8 months 3 days 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
8 months 3 days ago #360346

Thank you Nicolas

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

Time to create page: 0.064 seconds
Powered by Kunena Forum