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.
19 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
frederickgragg
16 Posts
frederickgragg posted this 13 September 2024

Unlock your potential with the Salesforce Nonprofit Cloud Consultant Certification! This prestigious credential is designed for professionals committed to transforming nonprofit organizations through Salesforce’s powerful solutions. The exam validates your expertise in configuring Salesforce Nonprofit Cloud to meet the unique needs of charitable organizations. It covers key areas including donor management, fundraising strategies, and program management, ensuring you have the skills to drive impactful change.

Prepare for the Salesforce Nonprofit-Cloud-Consultant Certification Exam with confidence by mastering essential concepts, including data management, reporting, and best practices tailored for nonprofits. Whether you're an aspiring consultant or looking to enhance your current skills, this certification will set you apart in the competitive job market. Showcase your ability to deliver tailored solutions that help nonprofits thrive, and join a community of experts dedicated to making a difference. Start your journey to certification today and become a pivotal player in the nonprofit sector’s digital transformation.

Unlock your potential with the Salesforce Nonprofit Cloud Consultant Certification! This prestigious credential is designed for professionals committed to transforming nonprofit organizations through Salesforce’s powerful solutions. The exam validates your expertise in configuring Salesforce Nonprofit Cloud to meet the unique needs of charitable organizations. It covers key areas including donor management, fundraising strategies, and program management, ensuring you have the skills to drive impactful change. Prepare for the [Salesforce Nonprofit-Cloud-Consultant Certification Exam][1] with confidence by mastering essential concepts, including data management, reporting, and best practices tailored for nonprofits. Whether you're an aspiring consultant or looking to enhance your current skills, this certification will set you apart in the competitive job market. Showcase your ability to deliver tailored solutions that help nonprofits thrive, and join a community of experts dedicated to making a difference. Start your journey to certification today and become a pivotal player in the nonprofit sector’s digital transformation. [1]: https://www.certsboard.com/Nonprofit-Cloud-Consultant-dumps.html
eja.ge.r.m
79 Posts
eja.ge.r.m posted this 04 June 2025

Keamanan dan kenyamanan pengguna juga menjadi salah satu keunggulan HP777 APK. Banyak versi aplikasi ini menyediakan sistem keamanan yang terjamin, dengan enkripsi data yang kuat serta perlindungan terhadap akun pengguna. Selain itu, pengguna juga biasanya diberikan kemudahan dalam melakukan deposit dan penarikan dana melalui berbagai metode pembayaran lokal Cara instal HP777 APK, yang membuat proses transaksi menjadi lebih cepat dan efisien.

Keamanan dan kenyamanan pengguna juga menjadi salah satu keunggulan HP777 APK. Banyak versi aplikasi ini menyediakan sistem keamanan yang terjamin, dengan enkripsi data yang kuat serta perlindungan terhadap akun pengguna. Selain itu, pengguna juga biasanya diberikan kemudahan dalam melakukan deposit dan penarikan dana melalui berbagai metode pembayaran lokal [Cara instal HP777 APK][1], yang membuat proses transaksi menjadi lebih cepat dan efisien. [1]: https://hp777apk.net/
sebome2989
1 Posts
sebome2989 posted this 04 June 2025

Organizing categories on a mobile device is such a game-changer for staying efficient—it’s like giving your screen a tidy little brain of its own. Whether it's apps, files, or even browser bookmarks, having clear categories can save so much time. It reminds me of kuka soitti, where labeling and identifying calls helps keep things orderly and stress-free. Do you prefer creating categories manually or letting your device sort things automatically? https://kukasoittie.fi/

Organizing categories on a mobile device is such a game-changer for staying efficient—it’s like giving your screen a tidy little brain of its own. Whether it's apps, files, or even browser bookmarks, having clear categories can save so much time. It reminds me of *kuka soitti*, where labeling and identifying calls helps keep things orderly and stress-free. Do you prefer creating categories manually or letting your device sort things automatically? https://kukasoittie.fi/
orionstar7772
1 Posts
orionstar7772 posted this 23 June 2025

Yeah, I have run into the same kind of layout issue before, super frustrating on mobile. When I was setting up Orion Stars, I had to tweak the CSS to get things looking right with fewer items per row. Sometimes it's just a small setting hiding in the template that does the trick.

Yeah, I have run into the same kind of layout issue before, super frustrating on mobile. When I was setting up [Orion Stars][1], I had to tweak the CSS to get things looking right with fewer items per row. Sometimes it's just a small setting hiding in the template that does the trick. [1]: https://orionstar777.net/
indiaeasysource
1 Posts
indiaeasysource posted this 23 June 2025

Yeah, I have run into the same kind of layout issue before, super frustrating on mobile. When I was setting up Orion Stars, I had to tweak the CSS to get things looking right with fewer items per row. Sometimes it's just a small setting hiding in the template that does the trick.

Yeah, I have run into the same kind of layout issue before, super frustrating on mobile. When I was setting up Orion Stars, I had to tweak the CSS to get things looking right with fewer items per row. Sometimes it's just a small setting hiding in the template that does the trick.
winlucky5828
1 Posts
winlucky5828 posted this 16 August 2025

Looks like the slider settings won’t affect the VirtueMart category layout on mobile. You’ll need to tweak it with some CSS instead. Try using media queries to set the product width, like 50% for two per row or 100% for one per row—this usually does the trick.
If you're into games try out this top trending earning game! https://luckywinpk.com/

Looks like the slider settings won’t affect the VirtueMart category layout on mobile. You’ll need to tweak it with some CSS instead. Try using media queries to set the product width, like 50% for two per row or 100% for one per row—this usually does the trick. If you're into games try out this top trending earning game! https://luckywinpk.com/
a.m5553838
1 Posts
a.m5553838 posted this 13 October 2025

Great thread on mobile category display! As someone who also builds content around games and user experience, I wondered if any of you drives simulation fans. If you enjoy realistic driving and open-world exploration, check out my site featuring Car Simulator 2 Mod APK — with unlimited money, unlocked cars, the latest update, and smooth mobile compatibility. https://carsimulator2modapk.games/

Great thread on mobile category display! As someone who also builds content around games and user experience, I wondered if any of you drives simulation fans. If you enjoy realistic driving and open-world exploration, check out my site featuring Car Simulator 2 Mod APK — with unlimited money, unlocked cars, the latest update, and smooth mobile compatibility. https://carsimulator2modapk.games/
megaspinsweeps
1 Posts
megaspinsweeps posted this 4 weeks ago

It seems like your VirtueMart mobile layout isn’t updating even after changing the slider settings. You may need to tweak the CSS or responsive layout options in your theme. On a side note, if you enjoy mobile gaming, the MegaSpin 777 APK is worth checking out, it’s smooth, fun, and perfectly optimized for phones.

It seems like your VirtueMart mobile layout isn’t updating even after changing the slider settings. You may need to tweak the CSS or responsive layout options in your theme. On a side note, if you enjoy mobile gaming, the [MegaSpin 777][1] APK is worth checking out, it’s smooth, fun, and perfectly optimized for phones. [1]: https://megaspinsweeps.download/
Abbas Khan
115 Posts
Abbas Khan posted this 2 days ago

We obtain Calgary prayer times from internationally respected Islamic bodies, guaranteeing precision and authenticity. Our data is based on standards set by prominent organizations like Maghrib Time Calgary the Islamic Society of North America (ISNA), Umm Al-Qura, Muslim World League (MWL), and the Egyptian General Authority of Survey.

We obtain Calgary prayer times from internationally respected Islamic bodies, guaranteeing precision and authenticity. Our data is based on standards set by prominent organizations like **[Maghrib Time Calgary][1]** the Islamic Society of North America (ISNA), Umm Al-Qura, Muslim World League (MWL), and the Egyptian General Authority of Survey. [1]: https://calgaryprayertimes.com/maghrib-time-calgary-sunset-prayer/
You must log in or register to leave comments