Table products listing not responsive

Start
Prev
1
Next
End

maurilla
Topic Author
Offline

Posts: 4
Thank you received: 0

8 years 6 months ago #265597

Hi,
sorry, I know this question has already been done many times (such as in this post www.hikashop.com/forum/4-how-to/83223-responsive-tables.html ), but despite having tried everything I don’t understand what the problem is.
I have activated the bootstrap in configuration panel, checked css and php files with many overrides, and I tried also (if it were a template problem) to use protostar as the main template, but nothing happens.
On tablets and mobile the products info do not fit on tables view.
What should I do? Thanks in advance

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

nicolas
Away

Posts: 84426
Thank you received: 13723
MODERATOR

8 years 6 months ago #265604

Hi,

Can you provide a link to the page you're talking about so that we can analyse the situation ?

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

Masters
Offline

Posts: 24
Thank you received: 0

8 years 6 months ago #265697

I have the same problem, the categories look fine on the desktop but on mobile or tablet they go all bent out of shape. Tried everything I know.

Attachments:

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

maurilla
Topic Author
Offline

Posts: 4
Thank you received: 0

8 years 6 months ago #265718

Oh yes... sorry.
I had put the information when creating topic, but anyway...

Joomla 3.6.5
Hikashop 3.0.1
Firefox 52.0.1

route61music.com/Joomla3/index.php/catalogo

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

maurilla
Topic Author
Offline

Posts: 4
Thank you received: 0

8 years 6 months ago #265743

Ok, I seem to be able to sort it out with an override (maybe it might be useful for other users)

@media only screen and (max-width: 760px) {
table.hikashop_products_table thead{
		display: none;
	}
table.hikashop_products_table tbody, table.hikashop_products_table tr, table.hikashop_products_table td, table.hikashop_products_table tfoot {
		display: block;
	}
}

I still have to fix some things but it works ...

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

Philip
Offline

Posts: 4820
Thank you received: 654
MODERATOR

8 years 6 months ago #265726

Hello,

@maurilla : I just have a look, on your Url link, and first you have to know one point, tabular listing was never responsive on HikaShop.
From this, you have several solution :
- You have to add a tabular css command with an @media, see this tutorial and this sample example :

@media screen and (min-width: 480px) {
    table .hikashop_table_class {
        overflow-x:auto;
    }
}

Or you had some Css command in your frontend_css, like you do
Last, note that this feature is on our todolist, sorry for this answer...

@Masters : It seems that your display issue is different, I guess (without clue) that this issue is from your template.
Can you try, to process some test with default template (like protostar).
If that solve your issue see with your template creator, otherwise can you provide an Url link to see by ourself.

Regards

Last edit: 8 years 6 months ago by Philip.

The following user(s) said Thank You: maurilla

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