Flag This Hub

virtuemart change shopping cart logo

By


See all 9 photos

Introduction

If you use Joomla, the very best CMS for your web development, and you install virtuemart, the best ecommerce plugin available then you will come across the problem of having the virtuemart logo showing as your cart with a link to the virtuemart site. Web publishers and ecommerce site owners want something a bit more professional, here is a guide how to remove the virtuemart link and logo, and change the shopping cart logo to a different logo of your choice.

Ok first step is to log into your FTP program, and connect to your website ftp server. A great piece of free software i would recmmend to do this with is filezilla, click here.

Once you have installed filezilla, just enter your details for your webserver, and connect.

Once you are logged into the root of your website:

  • Go to the specific domain your joomla website is installed to (domain.com)
  • Browse to the location:
  • /components/com_virtuemart/themes/default/templates/common/minicart.tpl.php
  • copy this file to your local drive, and make a copy backup.
  • Now edit the file with notepad
  • Find the line:

 

 

<a href=”http://virtuemart.net/” target=”_blank”>
<img src=”<?php echo $mm_action_url ?>components/com_virtuemart/shop_image/ps_image/menu_logo.gif” alt=”VirtueMart” width=”80″ border=”0″ /></a>

The first line : <a href=”http://virtuemart.net/” target=”_blank”>

Is the part that is the link. You can change this to be your website, or you can remove the link altogether.

Now to change the image for the shopping cart you have to work with this line:

<img src=”<?php echo $mm_action_url ?>components/com_virtuemart/shop_image/ps_image/menu_logo.gif” alt=”VirtueMart” width=”80″ border=”0″ />

If you want to replace the virtuemart image only, then the easiest to do this is just name your new cart logo that you plan to upload the same as the one that is there already. menu_logo.gif

When you upload your new cart logo it will overwrite the existing virtuemart cart logo, and your new logo will show now instead.

Remember to change your alternative image tag if you want to.

Sample Cart Images

Shopping cart logo 1
Shopping cart logo 1
Shopping cart logo 2
Shopping cart logo 2
Shopping cart logo 3
Shopping cart logo 3
Shopping cart logo 4
Shopping cart logo 4
Shopping cart logo 5
Shopping cart logo 5

photoshop

Adobe Photoshop Elements 10
Amazon Price: $63.99
List Price: $99.99
Adobe Photoshop CS6
Amazon Price: $670.00
List Price: $699.00

Comments

auntypizza 2 years ago

Thanks for this tip Colin. Spot on.

Keerthi 2 years ago

This is what exactly I am looking for... Thanks a ton..

Mary 24 months ago

I've been trying to figure out how to do this for a while, thanks for the help!

Justin 18 months ago

Nice one! Thanks... Had been bugging me for a while....

Karen 18 months ago

This saved me time having to find it on my own -Thanks!

Emil 13 months ago

Thx Alot for this, but for me it took a while for the cart to update. But THX :D

Matt 9 months ago

Thanks a lot, been looking for it for a long time.

Arturin 9 months ago

As I can center the logo?

Thank you

Mario Mercieca 8 months ago

I still need to centre the cart in the left menu. Thanks

harvey06 7 months ago

hi! i personnally have an issue. i have the same lines of codes you mention here, and even without touching anything the cart image doesnt show :-( if the cart is empty, it will just write "your cart is currently empty" i'd like to see the image even if you don't have any url attached to it. i really dont know what is wrong. i've spent hours searching. the image is there in the rite folder and all. please give some ideas on what i could check to see what is wrong here :) thanks in advance !

Jan 5 months ago

Very useful info. Thanks

Submit a Comment
Members and Guests

Sign in or sign up and post using a hubpages account.



    Like this Hub?
    Please wait working