Forum Support

Shape 5
October 25, 2021, 02:01:53 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Virtuemart Issue  (Read 773 times)
altonf
Jr. Member
**
Offline Offline

Posts: 72



« on: June 01, 2017, 03:19:01 PM »

Using virtuemart on Modern Flavor all seems well until you checkout, in portrait mode on the phone. Right half of the checkout page is behind the right column. Works in landscape mode well. I removed the items from the right column and it still only shows half the checkout page. I went to Virtuemart forum and Mr Grumpy Jenkins Hill says not them virtue mart checkout is responsive, use a different template. Also I see a lot of "responsive plugins one page checkouts" So I know this is an issue. Do you have any suggestions or best way to go? Or being this is an older template can I use a newer third party CSS?

Also please see attached images Shipping and Payment on the checkout page on the phone is not missing, actually says payments and shipping not setup? Works on all other devices just fine?

Joomla 3.7.2
Virtuemart 3.2.1
Modern Flavor 1.0

As always Thanks
Alton
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: June 02, 2017, 06:06:20 AM »

Hello,

That is an issue with their extension. They use a table on the checkout screen, which is not good for responsive designs. Please post a url to where this occurs an I can see if there's an easy work around.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
altonf
Jr. Member
**
Offline Offline

Posts: 72



« Reply #2 on: June 02, 2017, 07:43:43 AM »

Thanks Mike,

Sorry forgot to send the link: http://grannyskitchencookbooks.com Thanks for the help

Alton
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: June 03, 2017, 06:50:15 AM »

Hello,

I don't have any iPhone to test on, but they are showing on my Android. It might be because of a width issue, so you can try the following at the bottom of template.css:

#cart-view select {
max-width:40% !important;
}

However, you will still have layout issues. As I stated above they use a table for their checkout process; and a table can never be responsive. It can only become smaller and smaller, but it will never allow enough space to show all the options in a continual row. That's the problem, they need to be using divs and if they have to use a table only use that for the product area, not items like payment information. Right now your cart and products totals are off screen because there is no room left to display them with their layout.

If that's a problem there are third part extensions that override and improve the checkout process like this one that might work better:

https://www.virtueplanet.com/extensions/vp-one-page-checkout

https://extensions.joomla.org/extension/vp-one-page-checkout-for-virtuemart/
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
altonf
Jr. Member
**
Offline Offline

Posts: 72



« Reply #4 on: June 05, 2017, 09:04:15 AM »

Thanks Mike, I had been I balling that extension will pick it up today.

The code worked on making the cart layout right but still too wide.

Thanks
Alton
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.