Form overlaps User positions.

SkyBright · **Joined:** Sun Oct 19, 2008 6:11 am **Posts:** 14

Virtuemart 'New? Please Provide your billing information' when going through the virtuemart checkout overlaps the User positions as shown in the menu.

I Dont know if this is a Ja Purity thing or Virtuemart thing, It think it may be more of a virtuemart problem, but any suggesstions/help would be very appreciated.

Bjorg · **Joined:** Tue Jul 07, 2009 4:45 am **Posts:** 614

Post URL please.

SkyBright · **Joined:** Sun Oct 19, 2008 6:11 am **Posts:** 14

http://www.optionsinverell.com.au/

Just noticed that this is an IE8 issue. The page is fine in Firefox/Chrome/Safari.

Just did a bit more testing and running the site in compatibility mode in IE8 fixes the problem (along with some minor problems with auto width).

I there a fix for this, as my client runs on IE8, no compatibility mode, so she is always seeing the issue.

Bjorg · **Joined:** Tue Jul 07, 2009 4:45 am **Posts:** 614

It is not the template itself, it is the javascript accordion which has a fixed height to 125.

Good luck!

Code:

<script type="text/javascript">Window.onDomReady(function() {    // get accordion elements  myStretch = $$( '.toggler' );  myStretcher = $$( '.stretcher' );    // Create the accordion  myAccordion = new Fx.Accordion(myStretch, myStretcher,    {    /*fixedHeight: 125,*/    opacity : true,    display: 0   });  });</script>
Window.onDomReady(function() {
   
   // get accordion elements
   myStretch = $$( '.toggler' );
   myStretcher = $$( '.stretcher' );
   
   // Create the accordion
   myAccordion = new Fx.Accordion(myStretch, myStretcher, 
      {
         /*fixedHeight: 125,*/
         opacity : true,
         display: 0
      });

});

<SCRIPT type=text/javascript>
Window.onDomReady(function() {
   
   // get accordion elements
   myStretch = $$( '.toggler' );
   myStretcher = $$( '.stretcher' );
   
   // Create the accordion
   myAccordion = new Fx.Accordion(myStretch, myStretcher, 
      {
         /*fixedHeight: 125,*/
         opacity : true,
         display: 0
      });

});
</SCRIPT>
Page source:
<script type="text/javascript">
Window.onDomReady(function() {
   
   // get accordion elements
   myStretch = $$( '.toggler' );
   myStretcher = $$( '.stretcher' );
   
   // Create the accordion
   myAccordion = new Fx.Accordion(myStretch, myStretcher, 
      {
         /*fixedHeight: 125,*/
         opacity : true,
         display: 0
      });

});
</script>

SkyBright · **Joined:** Sun Oct 19, 2008 6:11 am **Posts:** 14

Compatibility mode is the problem in IE8.

Something in the Java Script is not displaying the login menu correctly I guess, though I am only a little familiar with java-script, so don't know what it is.

I attempted to change the fixedHeight up to 700 but no luck in login_registration.tpl.php:

Code:

/*fixedHeight: 700,*/

If anyone knows how I can just remove the 2nd option from the accordion and have it say 'register below' (as there is a registration button below).

I guess this is a virtuemart accordion problem, so I have moved the post to here

http://forum.virtuemart.net/index.php?t ... #msg206892

Bjorg · **Joined:** Tue Jul 07, 2009 4:45 am **Posts:** 614

Thank you for the update!

Good luck!

Joomla! Discussion Forums

Form overlaps User positions.

Quick reply

Who is online