ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Business and Employment»
  • E-Commerce & How to Make Money Online

google checkout only payment option in virtuemart

Updated on March 19, 2011

Virtuemart V 1.1.7a With Joomla 1.5

Ok it took me a long time to figure out how to remove the shopping cart checkout link in virtuemart, and display only the option to pay with google checkout. I use the OSE google checkout module, which i must say is the best way to integrate the option to have google payments on your virtuemart site. Its a commercial module, but to buy it will cost you about 4-5 of working at burger-king wages, and save you loads of time.

Ok, when your customer adds their product to the shopping cart, and they then go to the view cart page, you will have your google checkout button appearing there. The problem is that if you want the google checkout to be the only option, its difficult. There will always be a link showing for the manuel checkout procedure. I searched every file in virtuemart for the actual link and after still not being able to find it, i finally settled on this rather excellent workaround. I call it excellent as it saved me from jumping off a tall building.

Go to your ftp program and load up the location:

your-website-name/components/com_virtuemart/themes/THEME THAT YOU ARE USING/

There will be a file called theme.css

Copy the file locally, and create a backup,

Now open the file, and search for the lines:

.continue_link, .checkout_link {
	margin: 2px;
	padding: 2px 0px 2px 40px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12em;
	width: 40%;
.checkout_link {
	margin-left: 40px;
	background: url( 'images/forward.png' ) no-repeat left;
.continue_link {
	background: url( 'images/back.png' ) no-repeat left;

Just delete all that code and replace it with the following code:

.continue_link, .checkout_link {
	color: #FFFFFF
	vertical-align: left;
	font-size: 0.001em;
	width: 40%;

All that is happening here is that you are reducing the text to a very small size, shifting it to the far side of the page, and also making it the same color as the page itself. If you don't have a white background then just change the color to your template color specifically.

This might not be a "clean" way of dealing with this problem, but i checked over 200 posts of various search terms, and i couldn't find an exact way of fixing this, and this way works perfect anyway. The link is to small for someone to mistakenly click on, and now your google checkout button will be shown on the checkout page as the only payment method.  


    0 of 8192 characters used
    Post Comment

    • profile image

      Chris 5 years ago

      Thanks!! I scoured the internet for hours looking for how to do this before I wound up here, worked like a charm!!

      One thing I did differently was use the CSS comments /* and */ to disable the code, rather than deleting completely. I figure that it would be easier to revert the changes that way.

    • profile image

      jason lee 6 years ago

      awesome!! and funny...

      now if only i could get that google checkout plugin for virtuemart without paying for it!!

      i would be able to make it worth your while...

      email me!