Forums / Templates, Stylesheets, Page Layout / Move update button in shopping cart

Move update button in shopping cart

Locked

Views: 2,290

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
16 Apr 2008, 5:34 PM
#1
helpme avatar

helpme

Totally Zenned

Join Date:
Apr 2007
Posts:
632
Plugin Contributions:
0

Move update button in shopping cart

How do I move my update button by the zip code on the shopping cart. For some reason it is far right and I want it next to the zip code box.

I know I did this in my 1.3.7 cart, but for the life of me can't remember how I did it and I can not find it anywhere in the forum either.
Thanks for your help!

16 Apr 2008, 10:52 PM
#2
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Move update button in shopping cart

This is being subjected to the style classes .buttonrow and .forward .

In the stylesheet, .forward is given a property of "float" and a value of "right" , and as other elements are dependant on this style, it would be unwise to change that value to "left" just to satisfy this instance of the selector.

It would be better to edit the core file. As your cart is a "blend" of shopping cart and shipping estimator, I'm not sure what file you need to edit, but you need to find the DIV in which the button sits, and where you see .forward, change it to .back (The selector ".buttonRow" will appear just before it.)

16 Apr 2008, 10:52 PM
#3
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,186
Plugin Contributions:
0

Re: Move update button in shopping cart

helpme:

How do I move my update button by the zip code on the shopping cart. For some reason it is far right and I want it next to the zip code box.

I know I did this in my 1.3.7 cart, but for the life of me can't remember how I did it and I can not find it anywhere in the forum either.
Thanks for your help!
H,includes/ templates/ your-own_template/ css/ stylesheet.css/ This is what I view, You will half to seperate the .forward declaration from the sheet...
.forward, #shoppingCartDefault #PPECbutton {stylesheet.css (line 719)
float:right;
} Change to:
#shoppingCartDefault #PPECbutton {float:right;} Then, add the new declaration to the sheet right below the above.
.forward {float: left;}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

16 Apr 2008, 11:02 PM
#4
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Move update button in shopping cart

haredo:

H,includes/ templates/ your-own_template/ css/ stylesheet.css/ This is what I view, You will half to seperate the .forward declaration from the sheet...
.forward, #shoppingCartDefault #PPECbutton {stylesheet.css (line 719)
float:right;
} Change to:
#shoppingCartDefault #PPECbutton {float:right;} Then, add the new declaration to the sheet right below the above.
.forward {float: left;}

This was my initial thought, Haredo, but the .forward selector is used quite often through the site.

What about a PAGE-SPECIFIC custom Stylesheet? Create a stylesheet for shopping cart where you can declare .forward to float left?

(But as the poster's cart is a BLEND of shopping cart and shipping estimator, what is this new page called - is it still shopping cart?