Categories on mobile device

mmp
44 Posts
mmp posted this 09 September 2015

How can I change the categories view of virtuemart homepage on a mobile device. I've tried on the slider options in the template, but changing the mobile columns here had no effect. See this link from a cellphone for example.
http://mmponline.co.za/onlineshop.html
I need to be able to make rhis view to show eg. only 1 or 2 products per row.

How can I change the categories view of virtuemart homepage on a mobile device. I've tried on the slider options in the template, but changing the mobile columns here had no effect. See this link from a cellphone for example. http://mmponline.co.za/onlineshop.html I need to be able to make rhis view to show eg. only 1 or 2 products per row.
Vote to pay developers attention to this features or issue.
10 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 10 September 2015

Hello,

Please try to configure the number of products in slide for the Phone view using Slider settings in Joomla backend:
1. Please go to Joomla administration >> Extensions >> Template Manager >> Styles >> [select your template] >> Product Slider.
2. In the Modules field choose the Slider.
3. Select "Phone" and set the number of products like this:

i52.png

Best regards,
Nettie,
BillionDigital Team

Hello, Please try to configure the number of products in slide for the Phone view using Slider settings in Joomla backend: 1. Please go to **Joomla administration** >> **Extensions** >> **Template Manager** >> **Styles** >> **[select your template]** >> **Product Slider**. 2. In the **Modules** field choose the Slider. 3. Select "Phone" and set the number of products like this: !i52.png! Best regards, Nettie, BillionDigital Team

Last edited 10 September 2015 by Support Team

mmp
44 Posts
mmp posted this 10 September 2015

I have no such position, as the categories are part of the Virtuemart front page, not part of a module. As far as I know, categories can only be added to a module position as a menu, not as product slider.

cat.JPG

I want that frontpage interface that shows as 4 to show on mobile device as less (2) in a row.

I have no such position, as the categories are part of the Virtuemart front page, not part of a module. As far as I know, categories can only be added to a module position as a menu, not as product slider. !cat.JPG! I want that frontpage interface that shows as 4 to show on mobile device as less (2) in a row.
Support Team
Support Team posted this 15 September 2015

Hello Stephan,
the number of categories comes from VirtueMart options >> Configuration >> Templates >> Shopfront settings section >> Default number of categories in a row:

CatNumber.png

Unfortunately there's no way to use different number of categories in a row for different screen sizes.

regards,
Aileen

Hello Stephan, the number of categories comes from VirtueMart options >> Configuration >> Templates >> Shopfront settings section >> Default number of categories in a row: !CatNumber.png! Unfortunately there's no way to use different number of categories in a row for different screen sizes. regards, Aileen
mmp
44 Posts
mmp posted this 15 September 2015

Then you should take your info of that Themler is fully responsive!

Then you should take your info of that Themler is fully responsive!
Support Team
Support Team posted this 16 September 2015

Hello Stephan,
we'll check what could be done about it and will let you know.

regards,
Aileen

Hello Stephan, we'll check what could be done about it and will let you know. regards, Aileen
mmp
44 Posts
mmp posted this 16 September 2015

Thanks. If Im right one can not disable that section to not show on mobile that would have helped already.

Thanks. If Im right one can not disable that section to not show on mobile that would have helped already.
Support Team
Support Team posted this 17 September 2015

Hello Stephan,
as workaround you may hide the categories in Phone mode with the help of media query. E.g.

@media screen and (max-width: 400px){
.separated-item-3, .bd-container-106{
display:none;
}
}

Add it to Settings >>Additional CSS

The next Themler update should include settings for Product Categories layout in responsive mode.

Regards,
Aileen

Hello Stephan, as workaround you may hide the categories in Phone mode with the help of media query. E.g. @media screen and (max-width: 400px){ .separated-item-3, .bd-container-106{ display:none; } } Add it to Settings >>Additional CSS The next Themler update should include settings for Product Categories layout in responsive mode. Regards, Aileen
mmp
44 Posts
mmp posted this 17 September 2015

Thanks. Works perfectly!

Thanks. Works perfectly!
margaret
15 Posts
margaret posted this 06 March 2017

Hi,
Just checking that this is now available.
I have a theme with three categories per row in Virtue mart, and not a google look on the mobile. Should be one category per tow. Can't see where I can make this change. Hiding them is not an option.

Thanks in advance

Hi, Just checking that this is now available. I have a theme with three categories per row in Virtue mart, and not a google look on the mobile. Should be one category per tow. Can't see where I can make this change. Hiding them is not an option. Thanks in advance
Support Team
Support Team posted this 06 March 2017

Hello Margaret,
please submit new private topic where provide direct link to the page which demonstrates the issue and access to the Joomla admin back end.

regards,
Aileen

Hello Margaret, please submit new private topic where provide direct link to the page which demonstrates the issue and access to the Joomla admin back end. regards, Aileen
You must log in or register to leave comments