How to display products list well on mobile?

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
9 years 1 month ago #236566

-- HikaShop version -- : 2.6.2
-- Joomla version -- : 3.5.1
-- PHP version -- : 5.5.7
-- Error-message(debug-mod must be tuned on) -- : display not well on mobile phone

Please refer to the pictures in attachment.
Main problem is on mobile screen the images of products are too big. and the border is too long and narrow.
How to fix it?you know mobile display support is very important now.

Thank you very much.

Attachments:

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

  • Posts: 83779
  • Thank you received: 13566
  • MODERATOR
9 years 1 month ago #236576

Hi,

Please turn on the "use bootstrap design" setting of the HikaShop configuration and that should do it.

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

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
9 years 1 month ago #236858

Dear Nicolas:
I contacted with responisvizer and give link www.open17.com/fluegas as sample,
they returned to me with codes below.I added into responisvizer css,it works for this category mobile view..

#hikashop_category_information_menu_818 .hikashop_product_image_subdiv {
width: auto;
}

but my site has many categories,
So could you help give me the general css code for all categories,Thank you very much.

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

  • Posts: 13201
  • Thank you received: 2322
9 years 4 weeks ago #236860

Hi,

To apply this css property on all categories, you can use this one instead:

.hikashop_category_information .hikashop_product_image_subdiv {
width: auto;
}

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

  • Posts: 103
  • Thank you received: 1
  • Hikashop Essential
9 years 3 weeks ago #237283

Thank you Xavier,it is solved for categories.
Could you help give me the similar codes for product detail page's main image for example at url: www.open17.com/fluegas/48-testo-350
I need the image attachment to be auto-sized.
Thank you very much.

Attachments:
Last edit: 9 years 3 weeks ago by lechong1. Reason: explain attachmetn

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

  • Posts: 83779
  • Thank you received: 13566
  • MODERATOR
9 years 3 weeks ago #237302

Hi,

I think that such CSS should do it:
.hikashop_product_main_image_subdiv{ width: auto !important; }

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

  • Posts: 9
  • Thank you received: 0
7 years 5 months ago #283387

Hello! I would like my appearance of product list to be 3 columns in the screen. I once have followed the CSS settings "width: auto (!important);" inside this forum discussion; I however fail to have such result layout on mobile devices as how I wished ultimately. Is there still anything else wrong with that? Thank you very much!

Attachments:

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
7 years 5 months ago #283395

Hello,

This topic is pretty old, and maybe the root issue is different.
So can you provide an Url link to see this by ourself ?

Regards

Last edit: 7 years 5 months ago by Philip.

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

Time to create page: 0.099 seconds
Powered by Kunena Forum