VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: elleclouds on December 29, 2015, 15:40:33 PM

Title: mobile device shopping cart table size w/ pic
Post by: elleclouds on December 29, 2015, 15:40:33 PM
Using jooma 3.42/ VM 3.012

Is there any way to expand the mobile cart table to the full width of the screen.  At this point, the mobile device needs to be held in landscape to see the entire contents of table (order, price, tax, etc).  Is there an override to make it fully responsive so that customers can see the entire table without having to scroll horizontally?
Title: Re: mobile device shopping cart table size w/ pic
Post by: GJC Web Design on December 29, 2015, 16:28:14 PM
its your template...  the std isn't perfect but it is full width - on 360px it is too wide

to get it to display on portrait perfectly you need some clever templating as it is always too wide

but its possible by selectively showing columns, re-arranging elements and reducing spans etc



Title: Re: mobile device shopping cart table size w/ pic
Post by: elleclouds on December 29, 2015, 16:31:29 PM

Quote from: GJC Web Design on December 29, 2015, 16:28:14 PM
its your template...  the std isn't perfect but it is full width - on 360px it is too wide

to get it to display on portrait perfectly you need some clever templating as it is always too wide

but its possible by selectively showing columns, re-arranging elements and reducing spans etc

Any chance you know which file to alter or should I just use overrides.
Title: Re: mobile device shopping cart table size w/ pic
Post by: jenkinhill on December 29, 2015, 17:08:10 PM
Modifactions are usually best done using conditional mediaquery css and add the styles as css override.
Title: Re: mobile device shopping cart table size w/ pic
Post by: GJC Web Design on December 29, 2015, 20:49:05 PM
and always use over rides
Title: Re: mobile device shopping cart table size w/ pic
Post by: elleclouds on December 29, 2015, 21:24:50 PM
You two are great support on this board. Is there any documentation specifically about altering that table? I've never written any code but am willing to learn what is needed to achieve this. I can possibly inspect another site using VM and copy down items. Where do I start?
Title: Re: mobile device shopping cart table size w/ pic
Post by: GJC Web Design on December 29, 2015, 21:46:19 PM
it isn't at all VM.. it is normal media queries css ..

why your display is only 50% wide is your template..  once u get it to 100% you will find it is too wide and the above is needed..

You need to google some basic css tutorials etc

e.g.  http://www.w3schools.com/css/css3_mediaqueries.asp