New to VirtureMart, question about VM front end.

[terrychen]

Hello, I am Terry. I am new to VM, and the current VM installed on my website is 2.0.14.

I have been searching solutions for VM front end quite a while, but I am kinda confused about what I am actually looking for. The template? The theme, or what configuration should I make changes to accomplish what I would like my VM to be like.

So for example, if I want to make 'My shopping Cart' front end design from Figure A to change to Figure 2. What should I really do? change VM template? Joomla Template? Theme configuration? Please be more specific, since I am new to VM and joomla. Thank you very much!

[bytelord]

Hello,

You must have some knowledge on PHP, CSS, HTML, Javscript to make the templates as you whish. VM2 uses the same template system as joomla, so if you are familiar there will no be issues.

Always firebug to examine you site code and css styling: https://forum.virtuemart.net/index.php?topic=102850.0

Template Overrides:
Creating Template overrides: https://forum.virtuemart.net/index.php?topic=98505.0
Template System: https://dev.virtuemart.net/projects/virtuemart/wiki/Hints_for_the_use_of_the_template_system

If you take a better look under Templates & Layouts section you will find a ton of information regarding overrides and other people solutions.

cart page: http://forum.virtuemart.net/index.php?topic=106459.0

Regards

[terrychen]

Thank you bytelord,

I watched some tutorials about firebug, and it is really a good tool to help me find which CSS file to adjust.

On the left side of the firebug interface, it shows the HTML. And that HTML file is also something I want to adjust.

I was searching for the HTML file, but couldn't find it. All I found are php files.

Can anyone help me with this?

Thanks.

[jenkinhill]

There are no HTML files - the HTML is generated by the php view files, so it is those you have to override.

For instance the checkout page is generated mainly from the php template file at joomla_root/components/com_virtuemart/views/cart/tmpl/default.php

[terrychen]

Thank you jenkinhill,

I was trying to figure out this

<a href="<?php echo $this->continue_link; ?>">

For my understanding, this displays a link with text "Continue Shopping". If I want to change that text "Continue Shopping" to an image.

Do I have to edit 'continue_link'? And where do I find it?

Thank you.

[bytelord]

Hello,

continue_link is generated on the core, so you could use str_replace to relace the html output and change it to an image link.
http://php.net/manual/en/function.str-replace.php

Regards