Home » Forums » Ubercart » Support
8 replies [Last post]
Wed, 08/12/2009 - 13:08
johnnyl
johnnyl's picture
Offline
Joined: 08/12/2008
Juice: 50
Was this information Helpful?

Hi Everyone,

I'm in the process of designing the checkout pages for my site and stumbled across this example of "One Page Checkout":
Benefits
Screenshot

I think the advertised benefits in conversion rates are worth testing it out. In the process of finding out how to do this with UC, I came across these messages in the forums:
How to theme the cartview
List of theme functions
Theming Questions (using Firebug to find out where what comes from)

So my question here is
a) does anyone have any experience doing something similar to a one page checkout and can share his/her thoughts?
b) what other documentation for theming the checkout pages would you suggest?

Thanks!

-Johnny

Top
Wed, 08/12/2009 - 14:14
#1 View page
Ryan
Ryan's picture
Offline
Joined: 08/07/2007
Juice: 15438
Re: Theming One Page Checkout and Documentation for Theming Chec

Just a little confused... Ubercart does use a one page checkout, we just have a review step where we confirm the order before it's placed. Are you looking to remove the review step altogether?

Top
Wed, 08/12/2009 - 14:30
#2 View page
johnnyl
johnnyl's picture
Offline
Joined: 08/12/2008
Juice: 50
Re: Re: Theming One Page Checkout and Documentation for Theming

Yes, that's what I meant.

Top
Mon, 09/14/2009 - 18:37
#3 View page
johnnyl
johnnyl's picture
Offline
Joined: 08/12/2008
Juice: 50
Bump... Would much

Bump...

Would much appreciate someone to point to some relevant documentation for theming the checkout pages. Anyone? TIA.

Top
Tue, 09/15/2009 - 13:54
#4 View page
justageek
justageek's picture
Offline
Bug Finder
Joined: 10/29/2008
Juice: 189
find the appropriate theme function

You have to locate the theme function, which is in the uc_cart module folder called in a file callced uc_chart_checkout_pane.inc.

All the checkout theme functions are there. Copy the one you want to modify into your theme's template.php file, then you can modify the html output.

Now, I do not know if this will allow you to remove the 'verify' step.

Top
Sat, 12/19/2009 - 14:49
#5 View page
cookiesunshinex
cookiesunshinex's picture
Offline
Joined: 10/14/2009
Juice: 127
Hello, I added the code in

Hello,

I added the code in the second box at this URL
http://www.ubercart.org/docs/api/theme_uc_cart_checkout_review

into my theme's template.php.

However, I get a white page when flushing the cache and reloading the browser.

My theme's name is "frame"
If I change the function name to "frame_uc_cart_checkout_review"

then I get this error:

* warning: Missing argument 3 for frame_uc_cart_checkout_review() in /Users/david/Documents/htdocs/calendarfactory/sites/all/themes/frame/template.php on line 31.
* warning: Invalid argument supplied for foreach() in /Users/david/Documents/htdocs/calendarfactory/sites/all/themes/frame/template.php on line 40.

Top
Sat, 12/19/2009 - 15:10
#6 View page
cookiesunshinex
cookiesunshinex's picture
Offline
Joined: 10/14/2009
Juice: 127
Re: Hello, I added the code in

Actually, I figured this out. The api documentation is old or wrong.

I found the theme function in uc_cart.inc and copied it to my template.php file in my template folder and changed the name of the function to frame_uc_cart_checkout_review (where "frame" is my function name).

However, I am trying to change the CSS for the table columns that contain the "back" and "submit order" buttons. Unfortunately, I can't add a class to those two TDs so that I can seperate that TD from the general table body's TD.

The output is .form but I don't know where that form is coming from and how to add CSS to it. I can change the color/text of the buttons, but not the background of the TDs the contains them without changing the rest of the review table. This works ".order-review-table td" but it works for the whole table.

Sad

Top
Sat, 12/19/2009 - 15:13
#7 View page
cookiesunshinex
cookiesunshinex's picture
Offline
Joined: 10/14/2009
Juice: 127
Re: Re: Hello, I added the code in

I figured out how to do what I wanted.

.order-review-table tbody .review-button-row td {background: #000000 }

Top
Sat, 10/22/2011 - 20:44
#8 View page
make-online-shop
make-online-shop's picture
Offline
Joined: 01/01/2011
Juice: 217
Re: Re: Re: Hello, I added the code in

Ubercart one page checkout, how to do ?

Hello,

Did you manage to install a single page checkout for Ubercart ?

Can you tell us how you did ?

Thanks a lot.

Top