Getting rid of the buy it now button
 

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.

Re: Getting rid of the buy it now button
 

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

Re: Getting rid of the buy it now button
 

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)

Re: Getting rid of the buy it now button
 

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/

Re: Getting rid of the buy it now button
 

This is just how that skin works. Modify the css

Re: Getting rid of the buy it now 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.

Re: Getting rid of the buy it now button
 

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.

Re: Getting rid of the buy it now button
 

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

Re: Getting rid of the buy it now button
 

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... :-)

Re: Getting rid of the buy it now button
 

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

Re: Getting rid of the buy it now button
 

Thank you for the more clear answer about where in the css that is. Sorry I didn't understand right away that you were referring to a defined button width.

As for the page width issues... I have been changing a lot of stuff and that is on my list of things to fix... the scrollbars being gone was something I was testing to fix a width issue. I have no intention of leaving it like that.

Thanks for the comments. I intend to have it working well on all monitor sizes (except maybe a phone, we do not have any traffic at all from phones)

Re: Getting rid of the buy it now button
 

I tried commenting that out Mike and it didn't work. I also tried to change the width to auto instead but it never seems to change?

Re: Getting rid of the buy it now button
 

It looks like you figured it out?

Re: Getting rid of the buy it now button
 

Nope... :(

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

You can see the blue image is still the buy it now size... the text for the add to cart is there but the blue image won't get bigger than the 33px... tried lots of things.

Re: Getting rid of the buy it now button
 

Very Odd, it is fixed for me in Chrome. What browser?

Edit: Looks like FF is the only one messed up now....

Re: Getting rid of the buy it now button
 

Okay, FireFox must have its own style sheet. Look in your skin directory for main.FF.css or altskin.FF.css and find this code:

Re: Getting rid of the buy it now button
 

Very good, I did not even think about browsers ugh... yes it works in IE too. So I need to modify something in the altskin_ff.css file now?

Darn your fast, thanks!!!!!!!

Re: Getting rid of the buy it now button
 

I commented out the 38px, and it works, thanks!

I think I fixed some of the width problems you guys were mentioning too... I didn't know enough when I started playing with it... I used firebug and found out the problem was coming from a 100% width in line2 in the header that made the page way wider than it needed to be... fixed that and turned the scrollbars back on and set a mid-width and everything seems to be better.

Re: Getting rid of the buy it now button
 

No Sweat. BTW, made you a quick video to demonstrate the tools/techniques I used to help with this: http://youtu.be/uwglIlzbf0A

Teach them how to fish!
Edit: Hah! I see you have the bug already, good. :-)

Re: Getting rid of the buy it now button
 

Thanks for the video... I forgot about Notepad++ ... I just started doing this stuff after a couple years away from it. I'll get it on Monday! I'm all up to speed with firebug though.

Thanks again!

Re: Getting rid of the buy it now button
 

Along this same topic, can you tell me how to get the Add To Cart button to "appear" on the same line as the quantity drop down?

I found each div in the tr class called quantity-row using firebug but I can't seem to figure out how to modify either of the divs to get them not to be on 2 lines vertically :(

Thanks!

Re: Getting rid of the buy it now button
 

Took a look and devised a fix. Video: http://youtu.be/mIGhsBmUFPE

Re: Getting rid of the buy it now button
 

Very helpful. I will be attempting that this morning as soon as I get done with 1.2GB of Creative Suite 6 updates.

Thank you, I will let you know. I do appreciate the zooming at the end of the video too, you are so helpful.

Re: Getting rid of the buy it now button
 

Mike... your fix helped me a lot. I actually had tweaked that area to center them on our products table and didn't realize that I had actually screwed up the product page when I did that.

I applied what you gave me and then changed it around a bunch till I got it how I wanted it (using some of the original code that I had shut off before that you couldn't see when editing it on your screen)

Of course getting this all perfect screwed up the products table page again. So I finally stopped being stupid and separated them in the css completely and the problem was solved!

Only one minor detail remains (and I'm not sure its video worthy) ... I have 2 faint vertical grey lines in front of Quantity label and after the selection box. Any idea what I should tweak to get rid of those?

EDIT: Fixed the lines. :)

Re: Getting rid of the buy it now button
 

Great! Glad to hear that you got it sorted out. I'm sure you are learning by leaps and bounds. Good luck man.

Re: Getting rid of the buy it now button
 

My next goal is to figure out how to offer two different versions of our site... one with X columns for screen (or window) sizes up to say like 1100px and another with X+1 columns for screen (or window) sizes over 1100px. Do you have any guidance on that? I posted about it a few months ago but never got any replies.

Re: Getting rid of the buy it now button
 

That is actually a great question. I have only recently gotten onboard with the current responsive trend. All my future site designs will most likely be responsive. Google bootstrap, and also take a look at Phil's Adapt template for X-cart.