Can not see the cart quantity arrows in IE7. It seems the sizes for the buttons are too small.
The quantity up/down arrows worked in 1283 with IE (and workes with Firefox2). Use the default template.
VM: 1.1, Build 1367
Joomla! 1.5.0, PHP: 5.2.3, Apache 2.2.4, MySQL: 5.0.45
Thanks for the greatest component
Hi Ludde,
Believe it or not - I solved this issue less than five minutes ago. It's a simple matter of adjusting the CSS. Typical IE7 never plays nicely.
.quantity_box_button {
width:10px;
height:10px;
background-repeat: no-repeat;
background-position: center;
border:1px solid #000;
}
In fact - you can make the border 0px wide and it will still work - but your up/down buttons will look a bit odd.
HTH.
I have a similar problem, started when i updated on the 18th, my buttons appear as standard buttons instead of the arrows in both IE7 and FF2, i tried tracking down that code but cat find it in the CSS files.
Could you pleas assist.
I included an image of what my add to cart container looks like.
Thanks
[attachment cleanup by admin]
After updating to the 18th April nightly the arrows not eh quantity buttons disappeared and i cannot find the file that actually calls for them.
All i get now is standard html buttons, in IE and FF
Some assistance will be awesome
Thanks
attached image of what buttons are looking like
[attachment cleanup by admin]
To narrow down the problem, try using default template.
I had the same sort of buttons so maybe it's the same issue.
You should find the css code in components\com_virtuemart\themes\default\theme.css (change default to be the name of your theme). Search for .quantity_box_button, in the default theme it's on line 55.
Then edit the border property as in the previous post. Lastly, edit the width and height if necessary. Changing one thing at a time will help you isolate the problem.
HTH - Let me know.
I'm using the default theme and got the same problem /w the quantity button. It's now solved by using the solution of codebunny, thanks codebunny..
Still alot of other layout problem involving IE7. Alot of work to do :-(
got this problem too: http://forum.virtuemart.net/index.php?topic=39965.0
No problem... I'd like to see a solution to displaying this correctly in Opera!
has anyone been able to fix this problem?
I tried the above fix but didn't work, even to tried to call the arows by providing the whole web address but no luck!
Seems such a little problem would've thought that a fix would have been put out for it, seems to spoil the shopping cart when something like this happens
I am developing a site I am working on on an IP address since I don't have the clients domain name yet. I had the missing up and down arrows also. Using the Firefox web developer tool bar had it show me the missing images and it showed the path for the missing images as:
http://xxx.xxx.xxx.xxx/themes/default/images/down_small.gif
when it should be:
http://xxx.xxx.xxx.xxx/~CLIENTACCOUNTNAME/themes/default/images/down_small.gif
I checked the config in Virtuemart and it has the IP/URL correct as:
http://xxx.xxx.xxx.xxx/~CLIENTACCOUNTNAME/
Strange. I'm not sure if it is VM or Joomla causing it to drop the account name from the link to the image but I thought I'd point this out in case someone else is having the same issue.
Ok, I got this one figured out. It is a style issue, the background images that you call have to be inside your VM template folder. Edit your theme.css file and add these lines with the gif file names that you are using.
.quantity_box_button{
width:15px;
height:15px;
background-repeat: no-repeat;
background-position: center;
border:1px solid #000;
}
.quantity_box_button_up{
background-image:url( images/up_small.gif );
border:#0099CC 0px solid;
}
.quantity_box_button_down{
background-image:url( images/down_small.gif );
border:#0099CC 0px solid;
}
Tried all the different possibilities to increase the arrow buttons, no luck any ideas. My arrow buttons look extremely small and they look like two little dots. When I save as image, and increase the image size on illustrator they look like arrows...any way...any other ideas on making the arrow buttons larger in ie7?
try setting the background-color of the .quantity_box_button css class, this worked for me
I believe I have tried all the above options. Below is the code from my theme.css file.
.quantity_box_button{
width:15px;
height:15px;
background-repeat: no-repeat;
background-position: center;
border:0px solid #000;
}
.quantity_box_button_up{
background-image:url( images/up_small.gif );
border:#0099CC 0px solid;
}
.quantity_box_button_down{
background-image:url( images/down_small.gif );
border:#0099CC 0px solid;
}
According to the above code the buttons should be square but they show up as a vertical rectangle in IE but show up square in Google Chrome and FireFox. None of the changes I made in the css file made any difference what so ever when viewing with IE. I didn't check with the other two browsers while I was making changes, didn't think to until after :-[
Any help would be greatly appreciated.
Been trying a bunch of changes and still nothing. Whenever I make a change to the "theme.css" file I check for any effect in IE or FF but nothing. Any assistance would be greatly appreciated as we need to get this fixed right away.
Hello, can anyone help me with this similar issue? The up-down arrows are not displaying properly. I have tried all the solution listed here. My site is www.customfootballshirt.com. I have attached a screenshot as well. Please help!
[attachment cleanup by admin]
Hello??? anyone to help me please??? in urgent needs!!
Hi
I think this might help, it works for me
Put this code in your template CSS file located in: templates/YOUR_TEMPLATE/css/
Be sure to upload the images first to the folder: templates/YOUR_TEMPLATE/images/
.quantity_box_button_up {
background-image: url('../images/up_small.gif');
background-repeat:no-repeat;
background-position:center;
width:19px;
height:15px;
border:1px;
}
.quantity_box_button_down {
background-image: url('../images/down_small.gif');
background-repeat:no-repeat;
background-position:center;
width:19px;
height:15px;
border:1px;
}
I hope it will work for you too
SOLVED! After hours of searching and tinkering I finally found the solution to the missing quantity arrow problem! PM me for the answer....
Just kidding!!! It has nothing to do with the theme.css file, although some of you say that it has helped. As soon as I changed the permissions of the components folder in the administrator area and the component area from 777 to 755 all my problems were solved! The missing arrows appeared on the product description page and the save, apply, cancel buttons started working in the admin area. Search no longer and fix your permissions! :) I hope this helps all who were pulling their hair out over this problem. I took me 5 hours to come up with this solution. You're welcome!
Warning: this topic has not been posted in for at least 120 days.
Unless you're sure you want to reply, please consider starting a new topic. <<< Pfft
Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou Thankyou
I couldn't figure out what the problem was and here it is - Thankyou