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

Need Help with stlying Virtue Mart

Started by Dosadon, March 20, 2012, 13:00:08 PM

Previous topic - Next topic

Dosadon

Hello, I need help styling my virtuemart

I'm using:
Joomla 2.5
Rocket theme template, Ionosphere

I'm having a hell of a time figuring out how to style the site :-/. Here is where I'm at. I read the thread about over Topic: NO MORE THEME. 2.0 uses VIEWS http://forum.virtuemart.net/index.php?topic=90935.0 And i started out trying to move just the CSS folder to YOUR_TEMPLATE/html/com_virtuemart/css/vmsite-ltr.css . Now I also moved the default php like the thread said to, but here is my problem: When i use Firebug to inspect my css There is hardly any css that i can even edit because most of the styling is overwritten by Gantry.css. Which is due to the Rocket themes template i Have I think.

I have attached a picture of what it looks like now
And a picture of how I want it styled. Which is with the description, and price floated to the right. Which I believe is close to the default view, but my rocket theme template must be messing that up. Because as soon as i change the width of the price box div thats float left, it falls right into place. Anyways any help on this would be greatly appreciated. Get me pointed in the right direction.


Also is there any good tutorials on styling for virtuemart 2? Because I will want to eventually style the category view, and front page of the store view also.

And are there any Thems that I can download that wont affect my regular template? Or is that one of the downfalls of virtuemart 2? If that is possible Can anyone provide some good links? P.S. I know there not called themes now.


Thanks,
Don










[attachment cleanup by admin]

hollywooood

You simply put your virtuemart.css file in your template css folder, add this line in the head of your index.php file <link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/virtuemart.css" type="text/css" /> and then uncheck "Using the VirtueMart CSS" from the virtuemart admin>configuration>template page.

That's it!
Joomla 2.5.4
Virtuemart 2.0.6
PHP 5.2.17
MySQL 5.5.21-55
APACHE 2.2.22

Dosadon

I put the code you gave me the default.php file. And I got this error message

Parse error: syntax error, unexpected '<' in /templates/rt_ionosphere/html/com_virtuemart/productdetails/default.php on line 25

Was there something else I'm supposed to do? Now you said to put this in the index.php. I put it in the default.php is this the correct php page?

Thanks, Don

hollywooood

it doesn't go in the default.php file so take it out and place it in your templates index.php file under the other stylesheet link(s).  Don't forget to uncheck virtuemart css in the virtuemart configuration....



Joomla 2.5.4
Virtuemart 2.0.6
PHP 5.2.17
MySQL 5.5.21-55
APACHE 2.2.22

Dosadon

Ok I took it out of the default.php and put it into my templates index.php But it seems to have no affect. Attached is a snip it of where i put it in the index.php.

And i unchecked using the virtumart css. When using firebug I'm still seeing most of the css is being controled by Gantry

Thanks for the Help
-Don

[attachment cleanup by admin]

hollywooood

I assume you have your template selected for the default template?  If so, try taking out the php code in the link to your style sheet and use the actual URL.  See what happens this way..
Joomla 2.5.4
Virtuemart 2.0.6
PHP 5.2.17
MySQL 5.5.21-55
APACHE 2.2.22

Dosadon

I'm marking this one as solved.

I guess what i needed to do was change the default.php As soon as i changed the width in that file my add to cart button floated left like i wanted. Then the other thing i changed in the default php was instead of having the details for the project clear, i floated it right. That nested it up under the cart and looks more like the example for virtue mart. Thanks for helping me tho Hollywooood!

Don