Modify the Confirm Order link

[RFIDBob]

Team,


Is there any way to customize the "Confirm Order" link at the bottom of the shopping cart to a button? I have looked at all the PHP files in /components/com_virtuemart/views/cart/tmpl/default.php and am not able to read the code to know what needs to be modified to include a button.

Any Ideas? I am running Joomla 2.5 and VM 2.0.6

Thanks

[RFIDBob]

Here is a screen shot

[attachment cleanup by admin]

[srajca]

Looks like a CSS issue to me, try using Firebug...

[RFIDBob]

What is firebug and where do i get it?

[srajca]

Firebug is an add-on for Firefox, I think Chrome has something similar. What it does it lets you examine the code - html, css and make edits on a live site, to see the effects, and then later on you can add those effects/additions to your sit.
http://getfirebug.com/downloads
there are also some tutorials on Joomla site on how to use it. Take a look here;
http://docs.joomla.org/Tutorial:Using_Firebug_With_Your_Joomla_Website

[RFIDBob]

Great,

Thanks for the tips. Firebug what an awesome tool!!!! Using the tool I was able to see exactly what was going on, except its a little tricky because the html shown in Firebug is rendered from PHP. Specifically its the components/com_virtuemart/views/cart/tmpl/default.php

I added the following line of code in this file on line 146

   <span>I Agree To The </span><a href='http://www.argowireless.com/index.php/terms-of-service'; target='_blank'>Terms of Service</a><br><br>

After this is the Checkout Link. On line # 147 the following code is shown:

<?php
         }
         echo $this->checkout_link_html;
         $text = JText::_('COM_VIRTUEMART_ORDER_CONFIRM_MNU');
         ?>


So this checkout_link_html I am assuming is the method that contains the HTML code for the "Check Out Now" link. I am able to edit this with Firebug and change all the parameters I like including font, size, color, background image, etc..  Does anyone know where I can modify this code in the back-end from normal text to <H1> or to possibly insert a link to a custom image I can create that would say "Check Out". I just need to know where that is stored at.

Here is a screen shot of my current progress on the live site.

Thanks for all your awesome help so far.


[attachment cleanup by admin]

[srajca]

If I understand your question correctly, then I am assuming you would like to insert the changes you made in the front end with firebug in the backend so that it stays there permanently. Am I correct? If that is the case, then all you have to do is lookup the css file and apply the changes there. All you have to do is hover on the template name in Firebug - on your right and it will show you the path to the css file. And in there you can make the changes you need in order to match the desired one you entered in firebug.

Or if you would like to create a <h1> you can just insert it in the code. Try this for example
<h1>
<?php
         }
         echo $this->checkout_link_html;
         $text = JText::_('COM_VIRTUEMART_ORDER_CONFIRM_MNU');
         ?>
</h1>
I think it should work.
Let me know

[RFIDBob]

Excellent... That worked perfectly. Thanks for all your tips and help.

-bob

[srajca]

Perfect, I'm glad I was able to help.