News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

missing scrollbar on shopping cart

Started by katw, September 09, 2013, 13:41:34 PM

Previous topic - Next topic

katw

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

Maxim Pishnyak

Did you use Firebug (FAQs in Template forum section)?

Also url to a live web site could help.
You can support Community by voting for Project on the JED
https://extensions.joomla.org/extension/virtuemart/#reviews
Join us at
https://twitter.com/virtuemart

katw

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;">

jenkinhill

<body style........   Then it is a problem in your Joomla template and not in VirtueMart.
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

katw

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

katw

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

jenkinhill

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;
}
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

katw

#7
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;
}

jenkinhill

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.
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

katw

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

katw

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!

jenkinhill

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.
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

katw

so true... thanks for all your assistance it did help to finally find the issue though  ;D