• Resolved toughleather2019

    (@toughleather2019)


    I want my cart to be seen right on the checkout after the cart page. So I reduced the width of checkout content to 60%. and on the right side I want to add my cart, for example as sidebar, so you can continuously see the products during the checkout process. I’ve already created a sidebar with the cart content. But I don’t know how to place this on the checkout steps. How can I reach this with a shortcode? Maybe another solution and not a sidebar?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Diana Burduja

    (@diana_burduja)

    Go to WP Admin -> Pages. There you’ll find a page added by the WooCommerce plugin called “Checkout Page”. When editing this page you’ll find inside it the [woocommerce_checkout] shortcode. You could add you sidebar as a shortcode on this page.

    Thread Starter toughleather2019

    (@toughleather2019)

    thank you, I’ve done it. But the cart doesnt show every values for example the tax end the total price isnt there, just the subtotal price? Do you know how I can change this?

    Thread Starter toughleather2019

    (@toughleather2019)

    and: I don’t want to show the cart on the right on the last step of the checkout.How can I hide this? (Because there is already an overview)

    Plugin Author Diana Burduja

    (@diana_burduja)

    About the tax and total price in the cart: maybe you can ask on the WooCommerce plugin’s forum on how to achieve that. This has nothing to do with the WooCommerce Multi-Step Checkout plugin.

    About hiding the cart at the last step: you can add a JavaScript to your website that hooks into the wpmc_after_switching_tab trigger and hides the cart. Something similar to:

    jQuery(document).ready(function( $ ){
        $('.woocommerce-checkout').on('wpmc_after_switching_tab', function() {
           if ( $('.wpmc-review.current').length == 1 ) {
              $('#your-cart-id').hide();
           } else {
              $('#your-cart-id').show();
           }
        });
    });
    Thread Starter toughleather2019

    (@toughleather2019)

    ah ok thank you, can I put this in my functions.php? or where I have to put it?

    Plugin Author Diana Burduja

    (@diana_burduja)

    In the functions.php file goes only PHP code, not JavaScript code.

    See this tutorial on how to add JavaScript to your website.

    Thread Starter toughleather2019

    (@toughleather2019)

    thank you I added it and replace thie ID with text-4 but it doesnt go… is there anything more I have to note?

    Plugin Author Diana Burduja

    (@diana_burduja)

    Do you have a link where I could have a look?

    Thread Starter toughleather2019

    (@toughleather2019)

    i dont like to post it public how can I send you the link?

    Plugin Author Diana Burduja

    (@diana_burduja)

    You can use the contact page on the silkypress.com website to reach me.

    Plugin Author Diana Burduja

    (@diana_burduja)

    You’re missing the “#” sign in the $('#text-4') selector.

    Try the following code:

    jQuery(document).ready(function( $ ){
        $('.woocommerce-checkout').on('wpmc_after_switching_tab', function() {
           if ( $('.wpmc-review.current').length == 1 ) {
              $('#text-4').hide();
           } else {
              $('#text-4').show();
           }
        });
    });
    Thread Starter toughleather2019

    (@toughleather2019)

    perfect it goes, thank you very much. so the sidebar is hidden on the last step, and all the information seems like to be more left. How can I center the main page on the last step?

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Add the cart page to checkout’ is closed to new replies.