News:

Looking for documentation? Take a look on our wiki

Main Menu

mobile device shopping cart table size w/ pic

Started by elleclouds, December 29, 2015, 15:40:33 PM

Previous topic - Next topic

elleclouds

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?

GJC Web Design

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



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

elleclouds


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.

jenkinhill

Modifactions are usually best done using conditional mediaquery css and add the styles as css override.
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

GJC Web Design

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

elleclouds

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?

GJC Web Design

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

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