News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

problem with products per row

Started by joxxko, September 17, 2017, 20:29:52 PM

Previous topic - Next topic

joxxko

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  :-[ :-[

jenkinhill

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
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

George Guebelli

#2
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
George Guebelli

GJC Web Design

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
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

George Guebelli

where can I adjust the width to see if that is the issue?

lingeriemart.com

select any category from the main menu
George Guebelli

conchi

I have the same issue with protestar template and safari browser. ¿Did you get a solution for this?

Thanks in advance

Studio 42

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.