Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - PureMart (SKU# FLEX-00010)

TOPIC: Checkout as guest / register popup on cart

Checkout as guest / register popup on cart 11 years 3 months ago #1652

Hi there, apologies if this has already been covered!

I need to increase the length of the popup boxes for Guest checkout and register on the cart. This is because it's impossible to get to the 'Save' button when viewing the site on an ipad / tablet (everything else looks great).

Ideally i'd like the entire section, without scroll bars to load so it works on not just desktop but tablets too.

Could you point me to the code?

Thanks in advance!

Neil
The topic has been locked.

Checkout as guest / register popup on cart 11 years 3 months ago #1656

The topic has been locked.

Checkout as guest / register popup on cart 11 years 3 months ago #1795

if you decide to increase the sizes of lightbox, then you would also need to make those value changes in the CSS file as well, for this purpose, have the "firebug" plugin in your firefox, investigate the element to see which CSS rule you need to make edits to make things look better.

The CSS seems to be written into a .PHP file and Safari Developer does not show the PHP file. Any idea where this lies? (I've tried adding this to the flexibledesign CSS file but it doesn't work.

#facebox .content {
display: block !important;
height: 480px !important;
overflow: auto;
width: 560px !important;
}

I understand that this may effect lower res screens but my client is keen for this to work on tablets - with the 'one page' feature. Looking at the analytical data so far I think the risk is worth taking.
The topic has been locked.

Checkout as guest / register popup on cart 11 years 2 months ago #1807

Hi,

That values are added by the PHP of the Core files actually,but no worry there is a way to override those values for the "cart" page.

You can follow my steps to increase the "height" value of facebox popup for the "registration" forms. Lets assume you can want to increase the height from 480px to 580px;

1- Open this PHP file:
ROOt/templates/<yourjoomlatemplate>/html/com_virtuemart/user/login.php

2- At the 38th line (right after: JHTML::_ ( 'behavior.modal' );)
add these lines below to apply a new CSS declaration in the shopping cart page:
$document = JFactory::getDocument();
$document->addStyleDeclaration('#facebox .content {height: 580px !important; }');

As you can notice, in this new CSS rule declaration, the height value is 580px (originally it was 480px), by this codes, you are actually overriding the 480px by 580px. (the rest will remain the same as original, if you want to override any others, then include them to this new decleration. For instance, you might want to change the width as well, then add your declaration should include the width as well, for instance: $document->addStyleDeclaration('#facebox .content {height: 580px !important;width:660px !important; }'); got it? (just don't forget to include the !important parameter to the end for each CSS rule you are overriding.)

3- You manually change the height value of the facebox, but you should also do the same change in the LINKs TAG's as well. For this purpose, look at the 172nd and 178th lines, and find this expression (in both lines):

rev="iframe|480|560"

(the first value represents the height, while the second one represents the width value of the facebox) change it with this:

rev="iframe|580|560"

got it?

From now on, the height of the lightbox will become 580px (rather than 480px). So depends on what you want, you can change make this 580px to any value you would like.


Regards.
Forum Support.
The topic has been locked.

Checkout as guest / register popup on cart 11 years 2 months ago #1856

Thanks for your reply and this has worked, to a degree. I'm 50% there.
$document->addStyleDeclaration('#facebox .content {height: 580px !important;width:660px !important; }');

This code above is an override for both box sizes... however... each box should be a different height.

E.g this works great on the Guest popup as the height is bang on 580px, however the height for the registered popup is 755px

Any ideas?

Thanks in advance
Neil
The topic has been locked.

Checkout as guest / register popup on cart 11 years 2 months ago #1867

Hi,

I understand what you are saying.
Now forget about what i have told you previously, i will provide you a new patch.

1- First of all; remove this line that i have told you add to
ROOt/templates/<yourjoomlatemplate>/html/com_virtuemart/user/login.php
$document->addStyleDeclaration('#facebox .content {height: 580px !important;width:660px !important; }');

2- I am sending you a PHP file to your email (check your email box: This email address is being protected from spambots. You need JavaScript enabled to view it. ). Overwrite it with the one you have in your server. The detailed instruction is in the email message.

3- look at the 172nd and 178th lines in ROOt/templates/<yourjoomlatemplate>/html/com_virtuemart/user/login.php file , and change them to


rev="iframe|580|560"

for "Checkout as Guest" link. and change it to

rev="iframe|755|560"

for "Register and Checkout" link.

So all in all, (after you overwrite the PHP file that i have just emailed you), you don't need any manual CSS Declaration. What ever value you type in REV tag, will be taken. And those values can be different for each link.

Regards.
The topic has been locked.

Checkout as guest / register popup on cart 11 years 2 months ago #1882

SOLVED!!

I've applied the patch and it's worked a treat!! Many thanks for all of your help - it's much appreciated!!

Neil
The topic has been locked.

Checkout as guest / register popup on cart 11 years 2 months ago #1892

Your welcome.
I am glad things get worked well.

Regards.
Case solved. Topic is closed.
The topic has been locked.
Time to create page: 0.138 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo