X-Cart forums

[GreatLakesVacuum]

Is there a simple way to substitute the "Add to cart" button onto the products list page instead of the buy it now button?

We like the look of it better and really don't need the buy it now functionality.

[cflsystems]

You can just modify the buy now language variable to say whatever you want. Also if you don't have the setting for "redirect to cart if product has option..." checked then cart will add to cart directly from products list pages

[GreatLakesVacuum]

Steve,

Good point on the functionality... for some reason I thought it took you right to the checkout page, but it does not! Very good.

What do you mean by modify the language variable? The button has no text on it at all? (where as it says Add to Cart on that button)

[GreatLakesVacuum]

Ok, so I ended up figuring out that the buy_now.tpl file calls a different version of the button it is in matrix view...so I changed that to be the same, and still call buy_now_list...

But it half worked, my text is there (you have to highlight it to see it) but the button did not resize to fit it?

Did I miss something? (obviously yes)

http://www.greatlakesvacuum.com/Vacuum-Oil/

[cflsystems]

This is just how that skin works. Modify the css

[totaltec]

Originally Posted by GreatLakesVacuum

What do you mean by modify the language variable? The button has no text on it at all? (where as it says Add to Cart on that button)

Steve is just telling you to simply change the label for Buy it Now to Add to Cart. No need to edit the templates. Just go to Content>Languages and then select your language from the drop down. In the filter box, type Buy it now or whatever the text is that you want to change.

[GreatLakesVacuum]

I think you guys misunderstood me.

The buy it now button doesn't even have text on it... it is a little square with a shopping cart image on it.

The Add to cart button is the same thing but with text next to it and the button is bigger (to accomodate the text)

So there is nothing to change in the language settings. I made the edit and got the add to cart to show up on the categories pages but i dont know how to make the blue button bigger.

[cflsystems]

Post #5 above. You need to modify the css classes for this button - there is width set for it

[totaltec]

Man you have bigger problems. If you visit a product page like this one http://www.greatlakesvacuum.com/GLV-F-Lube-Vacuum-Pump-Oil-5-Gallons.html and shrink the browser a little to accomadate a small monitor, the description and add to cart are off the screen. Well that is fine, but only if a scroll bar appears that allows you to scroll over to it. In his case it leaves a user with a small monitor or with a small window open no way to get to the button. Imagine what it does on a tablet or phone.

Back on topic, Steve is then also correct in telling you to edit the css.
You have this style definition in your css:
button.add-to-cart-button {
width: 33px !important;
}

Removing this will allow the button to fit the text.

Edit: Steve, you are too fast...

[cflsystems]

Not only small monitor - it is a problem on big monitors as well as the vertical scroll is missing so anything that falls below the page fold is hidden