Firebug - CSS and HTML

[ahtaylor1]

I use firebug to locate any styles which require changing and find it really helpful but my question is this


I work my way through the HTML (Left pane) to locate the styles in my page - but how do I know where the HTML is located?

Reason for the question is that when I edit the html in firebug I finally achieve how I wanted my page to look (i was changing the layout of my product details page).  But how do I find the relevant file to make my changes in permanently - not just in firebug!!!  FIrebug tells you which file the css is in but where is the file with the html in?

Hope this question makes sense!

[jenkinhill]

The HTML is generated by the template/view files. eg for product details the files are in components/com_virtuemart/views/productdetails/tmpl/  Use any edited files as overrides.

http://docs.virtuemart.net/tutorials/33-templating-layouts.html and http://www.ostraining.com/blog/joomla/overrides

[ahtaylor1]

Thanks for the info.

I was hoping there was another way of editing the HTML as you had already given me the details of the files in a previous post.

It is not that easy then to just move around the HTML which is what I was able to do when I edited my homepage - VM obviously not that straight forward!

When I look at the default.php file in the tmpl folder I dont see any HTML - just PHP.  How would I change the layout using this file?  Is it simply a matter of moving a block of PHP to a different place in order to change the look.  Sorry for the very basic questions but I am not sure how to edit the file to get the changes I want.

Thanks

[jenkinhill]

No it is not a simple case of moving blocks. If you don't understand the code you would be advised to get a developer to make the changes for you.

But I looked back over your previous messages and it sounds like you are already using a non-default layout. Maybe a commercial VM template or VM theme? If so then you are already using template overrides, and it is those you need to edit.
I have attached an image of the default product details layout, this is from VM2.5.4 but is the same default layout as used in earlier versions.

[attachment cleanup by admin]