Forums

Hi Guys,

i am using Joomla 1.5 with VirtueMart. Its hard enough to explain my problem in german that way that everyone has the chance to understand it, but i'll try my best😉
It does not depend on what operating system or browser you use, i tested it on windows, os x, Linux. All with FireFox, IE (if available) and Opera.

OK, the problem is: If i visit a product detail page from my webshop i can see the description of the product, product image and so on. On the bottom of de detail page i should see
buttons for quantity and a button like "add to cart". I styled the buttons with CSS, they got background colors and images.

First time i visit a detail page, it is shown like attached screenshot one, there are 3 buttons, but without any label or background. If i do now add (blind, cause i know what the
empty buttons should do😉 ) a product to my shopping cart and go back do any other detail page, i can see now everything i styled with css. You can see that in Screenshot two.

I askes different people, in different communities... some guys say that it looked like the image from screenshot 2 directly on the first visit, but unfortunately this is really a small number of persons😟
Perhaps somone could help me or give me some advices how to solve this problem. I also checked the website with webdevelopment plugins for Firefox, it seems that the browser cant find a background-image path, although i typed in one in the css file.

You can find the website over her: [[>>url deleted : greyhead <<]]


Thanks a lot in advance,
Jan

Hi Jan,

I took a look at this late last night (too late to post my reply). I noticed a couple of things.

First it seems to look OK to me in FireFox - though I have never seen your Add to Basket graphic.

In the css you have the url strings quoted

.quantity_box_button_up {
    background-image: url( "themes/default/images/up_small.gif" );
}

whereas they should be unquoted.

And these images don't appear to exist. If I try to browse to [[>>url deleted : greyhead <<]] I get a 404 error. I think that the correct full path is [[>>url deleted : greyhead <<]]
So try this in your css

.quantity_box_button_up {
    background-image: url(components/com_virtuemart/themes/default/images/up_small.gif);
}

Bob

Hey Bob,

thanks for your reply, i replaced the image path with the correct one. Unfortunately this had no effect so far, i think.
I noticed an other problem on the detail site... you can see it on the screenshots below. First the buttons, and the second error
is the blue arrow and the position of the text next to the arrow.

Hi Jan,

Silly question but have you cleared your browser cache to force the css to reload?

Bob

Hey Bob,

this question is really indicated😉 However i already cleared my browser cache, and nothing changed.
Or dou you can see the arrows now?

Jan

Hi Jan,

No, it still looks exactly the same and the css is unchanged (I reloaded and cleared my cache too). There's a 'clever' virtuemart script loader being used here and I wonder if this is part of the problem

<link href=" [[>>url deleted : greyhead <<]]/components/com_virtuemart/fetchscript.php?gzip=0&subdir[0]=/themes/default&file[0]=theme.css&subdir[1]=/js/mootools&file[1]=mooPrompt.css" type="text/css" rel="stylesheet" />

Yes, it looks as though this is loading the same css classes as you are and these are taking precedence.

Do you have FireBug installed? - if not, then please get it. You'll see that the final styling for the buttons isn't from template.css

Bob

Hey Bob,

i already heard about this 'beautiful' script and cause of that i checked fetchscript.php as well as mooPrompt.css.
OK, my JS and PHP skills are very bad, but i didn't find anything which seems to be connected with my "button problem".

I now try to set VM up completely new, i just have to backup my DB. Perhaps i made some mistakes at the beginning while customizing
some relevant files from VM, i'm not shure... however this will be the better way to do it. I hope so at least😉
Thanks for your help,

Jan

Hey Bob,

i already heard about this 'beautiful' script and cause of that i checked fetchscript.php as well as mooPrompt.css.
OK, my JS and PHP skills are very bad, but i didn't find anything which seems to be connected with my "button problem".

Jan

Yes, this script will fetch a cached theme.css when GZIP is enabled within your Joomla core config settings (doesn't matter if you have Cache on or off). Turn off your GZIP Page Compression under "Server" tab in Joomla config.

I had the same problem:
I found this solutin:
http://www.joomlautah.net/blog/2010/06/14/11-virtuemart-theme-not-loading-js-and-css

I found another solution, I think this is the best and de correct one:
(is noy mine, the link is : http://forum.virtuemart.net/index.php?topic=79221.0 )
So, thanks to Ignacio

Hi Banquet,

I found the solution. "components" and "com_virtuemart" must have 755 and "components/com_virtuemart/fetchscript.php" must be set to 644 permission codes.

I tought that by giving a 777 would "cover" more ground for permissions but it turns out that 755 is the only one that works (at least on my server).

For the top developers this might be obvious but this information is not on the installation manual and is mandatory for the fetchscript to work. I know many users face the same problem.

thanks for your attention

Ignacio