VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: katw on September 09, 2013, 13:41:34 PM

Title: missing scrollbar on shopping cart
Post by: katw on September 09, 2013, 13:41:34 PM
Hi if anyone can assist with this as it is the only thing holding up the online store I am creating.
The scroll bar is missing on the shopping cart, I have checked the css and all relevant css files have the overflow marked as auto.
vm  2.0.22b
Joomla! 2.5.11
Please assist
Title: Re: missing scrollbar on shopping cart
Post by: Maxim Pishnyak on September 12, 2013, 22:34:05 PM
Did you use Firebug (FAQs in Template forum section)?

Also url to a live web site could help.
Title: Re: missing scrollbar on shopping cart
Post by: katw on October 01, 2013, 16:11:53 PM
Yes but am not really familiar on the navigation of firebug.
the issue is the overflow is hidden, but cannot work out where to find the file that this is in.
<body style="-moz-user-select: none; cursor: default; padding: 0px; margin: 0px; overflow: hidden;">
Title: Re: missing scrollbar on shopping cart
Post by: jenkinhill on October 01, 2013, 17:09:45 PM
<body style........   Then it is a problem in your Joomla template and not in VirtueMart.
Title: Re: missing scrollbar on shopping cart
Post by: katw on October 02, 2013, 03:33:43 AM
That is weird then have checked the joomla template and this is not in the code as well as the scrollbars only go missing on the registration and checkout pages of virtuemart which led me to think it was virtuemart  as all other pages on the site have the scrollbars
Title: Re: missing scrollbar on shopping cart
Post by: katw on October 02, 2013, 10:01:35 AM
Well couldn't get anywhere with firebug so reverted to firefox development tools. and this is what I have discovered:
At first glance I thought perhaps the jenkinhill might have found the issue, however not the case  :'( 
using firefox developer tool and tracing to the template.css and change the overflow hidden to overflow scroll in this section it however this gives only the bar without navigational scrolls.
#art-main
{
position: relative;
z-index: 0;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor:default;
overflow:hidden;
}
Further investigation and usage of the Rules panel of firefox developer tools shows that .

If I change the element inline contents showing in the rules of the firefox developer as such:
From this :
element {
padding: 0px;
margin: 0px;
overflow: hidden;
}

To this:
element {
padding: 0px;
margin: 0px;
overflow: scroll;
}

then the complete scrollbar returns..
The only issue is that this is temporary as I cannot save changes in the rules on developer and I cannot find the file to permanently fix the issue

Here is the page url that is causing the issue:
https://smokingwheels.com.au/index.php/store/shop-login
Title: Re: missing scrollbar on shopping cart
Post by: jenkinhill on October 02, 2013, 10:47:13 AM
My first thought is that it is a wierd template. Then I see it is made with Artisteer so it is no wonder that you have problems. The generated Artisteer css does not include all the standard Joomla elements which often causes problems. That's why we specifically mention these templates in http://forum.virtuemart.net/index.php?topic=108212.0

Anyway, in  /templates/sw_gallery_pagev1/css/template.css  you will find what looks like the code to edit:

#art-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
Title: Re: missing scrollbar on shopping cart
Post by: katw on October 02, 2013, 12:23:54 PM
Hi,
Yes that is where I found it, however when changing the hidden to scroll, it gives the scrollbar without the navigational bar..
I have left it changed so hopefully you could take a look and let me know.
Even though I have changed the art-main overflow to scroll, I still receive this :
in the inspector:

<body style="-moz-user-select: none; cursor: default; padding: 0px; margin: 0px; overflow: hidden;">

and in the rules:

element {
padding: 0px;
margin: 0px;
overflow: hidden;
}
Title: Re: missing scrollbar on shopping cart
Post by: jenkinhill on October 02, 2013, 13:49:25 PM
Sorry, I gave up trying to fix Artisteer stuff a long time ago. The issue is nothing to do with VirtueMart so maybe you can ask on the Artisteer forum.

BTW you should update your VM version anyway as 2.0.22b and earlier versions have known security issues. VM 2.0.24 has the security fixes and also a code change to help make it work with gantry and some other templates.
Title: Re: missing scrollbar on shopping cart
Post by: katw on October 02, 2013, 14:44:48 PM
Well that puts a nice icing on the cake.. followed the instructions as per the forum on error invalid store token for upgrad and installed via the extensions installer on JM and now I can't access my frontend of my site I get the following error Fatal error: require() [function.require]: Failed opening required 'JPATH_VM_SITE/helpers/cart.php' (include_path='.:/usr/lib/php') in /home/adrena11/public_html/smokingwheels.com.au/plugins/system/bit_vm_change_shoppergroup/bit_vm_change_shoppergroup.php on line 35
Title: Re: missing scrollbar on shopping cart
Post by: katw on October 03, 2013, 12:36:17 PM
thanks for all your assistance JenkinHill, I received a very quick response from Aristeer in regards to this matter and the solution is as follows:

try to add to the end of template.css

body{overflow: scroll!important;}

or to Export CSS options in Artisteer


I tried adding the !important code and success!
Title: Re: missing scrollbar on shopping cart
Post by: jenkinhill on October 03, 2013, 15:02:06 PM
That stops the style getting overwritted by another page element - I'd guess an image gallery or slider could overwrire it otherwise. No easy way to pick that up with Firebug.
Title: Re: missing scrollbar on shopping cart
Post by: katw on October 04, 2013, 00:17:50 AM
so true... thanks for all your assistance it did help to finally find the issue though  ;D