Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Shopping cart - re-design ideas

Shopping cart - re-design ideas

Locked

Views: 1,141

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
17 Nov 2009, 5:31 PM
#1
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Shopping cart - re-design ideas

Hi,

I want to change the look of the shopping cart and can't find it shown on templates. Any pointers/ideas or any examples to look at?

How easy would this be to change this? i.e. border all the way round :huh:

Thanks

18 Nov 2009, 11:36 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Shopping cart - re-design ideas

We'll need more info. Do you mean the shopping cart sidebox? Please provide a link to your site, too.

18 Nov 2009, 3:25 PM
#3
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Shopping cart - re-design ideas

Hi,

Yeah sorry - http://www.ampmgraphicsprint.com/

You'll see it on the right. Just wondered if there are any examples of different looking carts?? Just want something edged and tidy , especially when there is something in it.

Hope thats clearer?
Thanks!

18 Nov 2009, 4:05 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Shopping cart - re-design ideas

I'm thinking I'd leave it like it is, maybe make the font size smaller so the text didn't wrap so much. It matches your Newsletter box and the boxes on the left so as to direct attention to your banner boxes on the right.

You could add a background image or color (or border) to #shoppingcartContent in the stylesheet.

Very nice job on the site design.

18 Nov 2009, 6:04 PM
#5
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Shopping cart - re-design ideas

Thank you :smile:

I'll have a play about a little like you suggested

19 Nov 2009, 11:07 AM
#6
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Shopping cart - re-design ideas

Is this possible and if so how!??

1 - I would like to have the Shopping Basket header right up to the cart content (full+empty) without effecting the other sections on the column. The reason being is that I want the header image and the background image of the content to flow so it looks like one main section. (no padding?)

2 - I want to add a light grey background to the cart contents (full+empty) but at the bottom add the payment icons (credit/visa etc) I can't just an one whole image with the icons at the bottom as this means it restricts the size and room for lots of items in the cart.

Do they make sense?

Any help with this. I've tried stuff but not worked it out. LINK

Thanks

19 Nov 2009, 11:43 AM
#7
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Shopping cart - re-design ideas

For the first, you should be able to add padding-top:0px; to #shoppingcartContent.

For the credit card images, the way I would do it would be to install this: http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=156 , place it under the shopping cart sidebox and remove the header and play with the margin-top until it looks like part of the shopping cart sidebox.

19 Nov 2009, 12:19 PM
#8
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Shopping cart - re-design ideas

Thanks for that.

I've installed that but its not looking right!? :huh:

What have I missed?! :blush:

19 Nov 2009, 12:26 PM
#9
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Shopping cart - re-design ideas

oh ...sorted the issue now..will have a play about..I may be back for more questions!!! :smile:

Thanks for taking the time to look.

19 Nov 2009, 12:53 PM
#10
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Shopping cart - re-design ideas

..how do I remove the heading??!

19 Nov 2009, 12:59 PM
#11
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Shopping cart - re-design ideas

#ccacceptHeading {display:none;}

19 Nov 2009, 2:27 PM
#12
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Shopping cart - re-design ideas

:clap: genius Thank you! :D