Hi everyone i am new in virtuemart and joomla. I try to make my first shop, i set 3 products per row. If i use default template for joomla its fine(one product have 30% width) but if i use template what i have on my website one product have 100% width and evry product is in new row. You can see on picture here https://drive.google.com/file/d/0B61n1So7YEwVbTNrUktWTnJfSzA/view?usp=sharing can i set width of 1 product manualy for 300px an then have 3 per row with my template ? sorry for low english :-[ :-[
Start here http://forum.virtuemart.net/index.php?topic=128401.0
Your other template may not be suitable fopr the version of VirtueMart you use or may require different configuration. http://forum.virtuemart.net/index.php?topic=108212.0
I have a similar issue when using Safari Browser.
In the VM Configuration, I have set "Show products of the selected category" to YES and 3; Default number of products in a row: 3
But in Safari, it shows 2 on one row and then 1 on next row. See image attached.
What do I have to do to get Safari to show 3 products across?
www.lingeriemart.com
PHP Built On Linux lingeriemart2 2.6.32-573.7.1.el6.x86_64 #1 SMP Thu Sep 10 13:42:16 EDT 2015 x86_64
Database Version 5.6.38
Database Collation utf8_general_ci
Database Connection Collation utf8mb4_general_ci
PHP Version 5.6.32
Web Server Apache/2.2.15 (Red Hat)
WebServer to PHP Interface apache2handler
Joomla! Version Joomla! 3.8.2 Stable [ Amani ] 7-November-2017 15:00 GMT
Joomla! Platform Version Joomla Platform 13.1.0 Stable [ Curiosity ] 24-Apr-2013 00:00 GMT
User Agent Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0
VirtueMart 3.2.6
supply a live url and hopefully someone with a Mac can have a look
normally the width is slightly out so the last element has to fold
where can I adjust the width to see if that is the issue?
lingeriemart.com
select any category from the main menu
I have the same issue with protestar template and safari browser. ¿Did you get a solution for this?
Thanks in advance
You should use a Bootstrap 3 compatible template and override Virtuemart rules.
Virtuemart css responsive rules only work for protostar or beez template but fails in many other templates.
With bootstrap 3, you can set row rules by devices types using .col-xs- .col-sm- .col-md- .col-lg-
Eg. col-sm-2 col-md-3 col-lg-4 so you have 2 col on mobile+tablet,3 columns on desktop and 4 columns for big screens.
The main problem in VM rules is because choosen dropdown, it force min-width to 230px(if i remember right), and this breaks any templates if you display more then 3 column and having a left or right main column.
A solution, if you cannot change your template, is to remove this min-width set by Virtuemart, this is not needed if you have no choosen options in the category view.