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

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
7 months 3 days ago #361033

-- 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.

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
7 months 3 days ago #361037

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.

The following user(s) said Thank You: lechong1

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

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
7 months 2 days ago #361067

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.

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
7 months 2 days ago #361070

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.

The following user(s) said Thank You: lechong1

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

  • Posts: 6
  • Thank you received: 0
4 months 1 day ago #362738

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.

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

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
3 months 3 weeks ago #362799

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.

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
3 months 3 weeks ago #362801

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 ?

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

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
3 months 2 weeks ago #362877

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

Attachments:

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
3 months 2 weeks ago #362880

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.

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

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
3 months 2 weeks ago #362893

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

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

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
3 months 2 weeks ago #362894

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 .

Attachments:

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
3 months 2 weeks ago #362897

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.

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

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
3 months 2 weeks ago #362940

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

Last edit: 3 months 2 weeks ago by lechong1.

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
3 months 2 weeks ago #362942

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.

The following user(s) said Thank You: lechong1

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

Time to create page: 0.105 seconds
Powered by Kunena Forum