WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
[resolved] Checkout Template (17 posts)

  1. Ulrich
    Member
    Posted 1 year ago #

    Hello I am using Resposnive theme.
    http://wordpress.org/extend/themes/responsive

    It has the hooks as described here
    http://wcdocs.woothemes.com/codex/third-party-custom-theme-compatibility/
    Just to proove it.
    http://themes.svn.wordpress.org/responsive/1.7.9/includes/hooks.php

    It does not seem to work on the checkout page.
    http://www.grappler.tk/catlovers/kasse/
    Why not?

    Would it be possible to have a differnt wrapper for this page?
    So instead of
    <div id="content-woocommerce" class="grid col-620">
    have
    <div id="content-woocommerce" class="grid col-940">

    Thanks

    http://wordpress.org/extend/plugins/woocommerce/

  2. royho
    Member
    Posted 1 year ago #

    Have you tried contacting the theme developer about this?

  3. Ulrich
    Member
    Posted 1 year ago #

    I am not how this is a theme problem as the code seems to be working on other pages.

  4. royho
    Member
    Posted 1 year ago #

    The reason is if your theme is customized, sometimes your developer already knows what is going on...

  5. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Hey Ulrich,

    I actually see

    <div id="content-woocommerce" class="grid col-620">

    so it works on the checkout as well :)

    Emil

  6. Ulrich
    Member
    Posted 1 year ago #

    Hey Emil,

    I also see
    <div id="content" class="grid col-620">
    on this page
    http://www.grappler.tk/catlovers/kasse/
    http://i.imgur.com/MqAEd.png
    and on this page
    http://www.grappler.tk/catlovers/shop/
    I get this
    <div id="content-woocommerce" class="grid col-620">
    http://imgur.com/2UamP

    Thanks,

    Ulrich

  7. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    You can override this:

    function responsive_woocommerce_wrapper() {
      echo '<div id="content-woocommerce" class="grid col-620">';
    }

    but WooCommerce does have the wrapper and Responsive's Grid for entire WooCommerce plugin :)

    Emil

  8. Ulrich
    Member
    Posted 1 year ago #

    I realize that thanks.The problem is that on the checkout page the id is just "content" where as on the shop page the id is "content-woocommerce".

    The way I see it the checkout pages is based on some other code.

    Ulrich

  9. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    What the wrapper does is "removing" Woo wrapper and adds in Theme specific ones, but only where it needs types of thing. The entire point behind is to have a layout that doesn't break, at least that was what I've experienced with some Themes :)

    And I know what you're saying for sure.

    Emil

  10. Ulrich
    Member
    Posted 1 year ago #

    What is the best way to make the checkout page a full width page?
    What template is the checkout page based on?

    Ulrich

  11. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Don't really know how to do this for full width's the only option is to have what Woo Tutorial shows and what's already implemented sorry :)

    I'll have look for the solution.

    Emil

  12. Ulrich
    Member
    Posted 1 year ago #

    @royho How did you get <div id="container" class="group no-sidebars"> on the cart page
    http://mio-woo.splashingpixels.com/cart/

    and <div id="container" class="group sidebar-right"> on the shop page?
    http://mio-woo.splashingpixels.com/shop/

    Thanks,

    Ulrich

  13. LabSecrets
    Member
    Posted 1 year ago #

    Ulrich,
    if all you want to do is make the checkout page full width, do it via css and the body class.

    body.woocommerce-cart #content {width:100%;}

    We've had no problems using CSS to fix many quirks of the WooCommerce layouts when we integrated it fully into Responsive LabZip.

    If you use a child theme, remember that (to override default WooCommerce templates) you don't need to use the folder name of "templates" when putting the replacement templates into a "woocommerce" folder in your child theme.

    Cheers,
    spence

  14. jameskoster
    Member
    Plugin Author

    Posted 1 year ago #

    Just to clear this up, the checkout page is not a WooCommerce page per say. It's a standard WordPress page containing a WooCommerce shortcode.

    So if you want to manipulate the the layout for that page you should edit page.php using is_checkout() for the checkout specific bits. Or better yet you could create a custom template for the checkout and select that from the edit page screen.

  15. Ulrich
    Member
    Posted 1 year ago #

    Thanks James! That is exactly what I was looking for. There was already an existing wide page template. I changed it to it now and it works great.

    Thanks,
    Ulrich

  16. jameskoster
    Member
    Plugin Author

    Posted 1 year ago #

    Hey, glad I helped :-)

  17. Pradeep
    Member
    Posted 1 year ago #

    Hello all,

    Just wanted to say thanks. I was looking for a solution for the same issue, Ulrich was facing. Just managed to get it sorted using Spence's instructions.

    Thanks to you all.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags