how to make the products listing image bigger and align to center

-- HikaShop version -- : 5.0.4
-- Joomla version -- : 3.0.12
-- PHP version -- : 7.4
-- Browser(s) name and version -- : google chrome

Hi：

Now the images looks not weel, too small and not clear,
so i want to them bigger like 400px width ,now they are 200px,at the same time need them to align to center ,now seems like left.
need you help,
thank you very much.

Hi,

Edit the settings of your menu item via the Joomla menu manager.
There, under the "products options" tab, you can change the size of the thumbnails.

when i set the image width to 400px ,but the images exceed the border ,so how can i set the border size bigger.
i changed the pane height, not work.

thank you very much.

Hi,

On the same settings page, you can enter "0" in the "margin" setting to reduce the margin on each side of each product from 10 px to 0px. Also, you can reduce the number of columns of the listing. If you have less columns, you'll have more width for each product.

Hello, Nicholas. You've probably already been pummeled with this question. But could you please give me an example in the form of a picture where these settings are. I can't figure out what to do for the second day...

Thank you very much.

hi：
now i can change the images bigger.
but can i set it to align to center? now they align to left and looks not well.
thank you very much.

Hi,

@lightning :
I would recommend reading this documentation first:
www.hikashop.com/support/documentation/3...splay-front-end.html
Here, we explain how to create products listings and how to configure them.
While the screenshots were made on Joomla 3 and we need to update them for Joomla 5, the interfaces are roughly the same.

@lechong1 :
I'm not sure what you mean. The images look centered on the URL you had provided in your first message on this thread :
i.imgur.com/0yuhBW4.png
Are you talking about another website ? If so, what is the URL ?
Or are you talking about somewhere else on that website ?
Or maybe I didn't understand what you mean ?

www.open17.com/zoglab-selected
pls help see this page where the images are not the center.

Hi,

You've configured the thumbnails of this listing to be 200*200 maximum. However, the area available for the images is bigger.
So, via the Joomla menu manager, edit the menu item displaying the products listing on this page (menu item with the alias "zoglab-selected") and increase the thumbnails size under the Products options tab. For example, to 300*300. And it should then display properly.

hi：
can i change the thumbnails maximum?and where to change it ,thank you very much.

hi:
i already leave them empty in configeration page.
i have a question that will this change generate more thumbnail images on server?

thank you very much .

Hi,

Via the Joomla menu manager, edit the menu item displaying the products listing on this page (menu item with the alias "zoglab-selected") and increase the thumbnails size under the Products options tab.

HikaShop will generate thumbnails when necessary. So if you configure a new size of thumbnails for a menu item, HikaShop will have to generate the corresponding thumbnails. Now, that also means that the old thumbnails won't be used anymore. If you're short on space, you can delete the thumbnails under the images/com_hikashop/upload/thumbnails/ folder. HikaShop will automatically recreate the one it needs when necessary.

hi:
if i leave them empty in the configeration of thumbnails image.
does it mean that it will not generate thumbnails?

Hi,

I'm not sure what you mean.
HikaShop will use the thumbnails size settings of the menu item first and foremost.
So if you leave the thumbnails size settings of the HikaShop configuration empty, while they are set in the menu item, HikaShop will still generate the thumbnails, and vice versa.
It's only if you leave both settings empty that HikaShop won't generate thumbnails since it won't know the size you want.