Virtuemart Category Layout Problem After Helix III Update
Develop Athens SA
Hi,
After updating to latest Helix III our category view in VM shows only one product per row and does not respond to any VM config change.
We did the following to try and pin-point the problem:
- Changed the template default to protostar and everything works fine (regarding products in a row).
- Renamed com_virtuemart in helix html folder to check if any of our overrides caused this but no change.
- Turned on Compress css in helix Template settings and category view works (the rest of our css does not)
- altered VM css using the following: div.product { max-width: 33%; } which does show 3 products in a row but is a temporary remedy since it does not allow for VM template config settings to be used (if we select 4 products in a row from within VM config we get 3 in a row and one below them).
Any help will be greatly appreciated.
Thanks!
Rashida Rahman
Accepted AnswerHi there!
Sorry for your issue.
Please use the following code in your custom CSS:
.vm-col-3 {
width: 33.333%;
}Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Hope this will solve the issue for now!
Best Regards
Develop Athens SA
Accepted AnswerThank you Rashida.
Will there be an official fix for this in the next release or should we keep this code even for future updates?
Rashida Rahman
Accepted AnswerYou are welcome!
Actually, Helix3 got a update to make the framework compatible with the Joomla 4 and as you can understand there are so many changes to adapt the new version. VirtueMart is not compatible with Joomla 4 yet. Once it gets compatibility update too, then it needs to be tested again.
It's hard to say why column width is not working as it should now. But custom CSS doesn't overriden with updates. However, keeping full site backup is always important.
Best Regards