Virtuemart Support :: Topic: Buttons to change product view are not visible (1/1)

Welcome, Guest

TOPIC: Buttons to change product view are not visible

Buttons to change product view are not visible 11 years 3 months ago #1963

Peter Zajsek

Hi. I am using Pure Mart with joomla 2.5.8 and VM 2.0.16. The buttons to show products as ListView, GridView or MultiView are not visible. The buttons are there but not visible. Also when I hover to the picture the black box is shown instead of button to add item to chart or button to show details.

See attached picture.

Can you help me solve the problem.

Best regards
Peter

Attachments:

sort-not-visible.jpg (192KB)

Last Edit: 11 years 3 months ago by Peter Zajsek.

The topic has been locked.

Buttons to change product view are not visible 11 years 3 months ago #1969

Peter Zajsek

With FireBug I found that if I write /templates to the front of the url the images are shown:

a.switch_thumb1 {
background: url("/templates/yoo_micasa/html/com_virtuemart/assets/images/Flexible/switch_thumb1.png") no-repeat scroll 0 0 transparent;
}

The images are not shown on original without / in front of templates
a.switch_thumb1 {
background: url("templates/yoo_micasa/html/com_virtuemart/assets/images/Flexible/switch_thumb1.png") no-repeat scroll 0 0 transparent;
}

Can you help me solve the problem now?

Thanks.
Peter

The topic has been locked.

Buttons to change product view are not visible 11 years 3 months ago #1986

Support

Hi,

This kind of thing might happen if you use the CSS Compression function.
Somehow (i don't know why) in some joomla templates, CSS compression function compressed the CSS files stored them in the /cache/ folder but forget to fix the URL's of the images.

To fix this, open this CSS file:
ROOT/templates/<yourjoomlatemplate>/html/com_virtuemart/assets/css/flexibleVM2Global.css

and find this CSS rule:

a.switch_thumb1 {
	background: url(../images/Flexible/switch_thumb1.png) no-repeat 0px 0px;
}
 
a.switch_thumb2 {
	background: url(../images/Flexible/switch_thumb2.png) no-repeat 0px 0px;
}
a.switch_thumb3 {
	background: url(../images/Flexible/switch_thumb3.png) no-repeat 0px 0px;
}

This is so important, type the exact URL to those Image route. Like this:

a.switch_thumb1 {
	background: url(http://wwww.yourdomain.com/templates/<yourjoomlatemplate>/html/com_virtuemart/assets/images/Flexible/switch_thumb1.png) no-repeat 0px 0px;
}
 
a.switch_thumb2 {
	background: url(http://wwww.yourdomain.com/templates/<yourjoomlatemplate>/html/com_virtuemart/assets/images/Flexible/switch_thumb2.png) no-repeat 0px 0px;
}
a.switch_thumb3 {
	background: url(http://wwww.yourdomain.com/templates/<yourjoomlatemplate>/html/com_virtuemart/assets/images/Flexible/switch_thumb3.png) no-repeat 0px 0px;
}

Understand the change? Basically in above lines, you are going to replace www.yourdomain.com and /<yourjoomlatemplate>/ with yours.

So, the URL will be valid even though the CSS Compression is enabled, since they don't need to be rewritten.

Regards.
Forum Support.

Last Edit: 11 years 3 months ago by Support.

The topic has been locked.