modify checkout page using shortcodes?

  • Resolved aristosv

    (@aristosv)


    4 years, 6 months ago

    Today I was working on a woocommerce website, and for the first time I saw a different checkout page than I usually see. On this theme, the order information and payment options are shown on the right of the client information. Whereas on other woocommerce websites I created, the order information and payment options are shown below the client information.

    So now I want to do this on all the woocommerce websites I created. I’m assuming it has to do with the theme, but I thought if I could create a new page and perhaps use the available woocommerce shortcodes, I can create a table and put the [woocommerce_client_information] on the left and [woocommerce_order_details] and [woocommerce_payment_options] shortcodes on the right.

    I did some digging around and found some woocommerce shortcodes, but nothing this specific, like the way I want to do it.

    Is there an easy way to do this? Perhaps without modifying/hardcoding stuff in wordpress?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support tijosh

    (@tijosh)

    Hi there @aristosv,

    The layout of the checkout page (and other WooCommerce pages) is determined by a WooCommerce template file. That template can be customized to change the appearance of the content; this guide is a good place to start: https://hollerwp.com/customize-woocommerce-checkout-page/

    Thread Starter aristosv

    (@aristosv)

    I was hoping to do this without messing with template files, because when the template file is updated by woocommerce developers, the child theme template file will not, and might mess up functionality. I’ll have to be on the lookout for each woocommerce update, for multiple websites.

    I found someone who did it using css, but it was template specific so that code doesn’t work on my website.

    https://stackoverflow.com/questions/52659049/woocommerce-checkout-showing-1-column-cant-seem-to-get-default-2-back

    shortcodes would be ideal because you can place them as you like, but they don’t exist for this functionality.

    Plugin Support mouli a11n

    (@mouli)

    Hi there,
    There are no shortcodes that break down the checkout into blocks that you can then add to different parts of the checkout page.
    The correct way to do this is indeed by editing template files in your child theme.
    I do understand that this introduces the need to check for updates to the template file but as these are notified in the sites System Status Report you are unlikely to miss it and can then update your sites.
    If you have FTP access to all your sites it is only a matter of editing your master copy of the file and then uploading the file to sites needing the update.

    A lot can also be done using CSS but from what you say you will need some specialist help to achieve this so i would suggest that you talk to a web developer.

    I hope that helps you to figure it out.
    Feel free to get back to us if you have further questions.

    dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    Hey @aristosv

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Thanks,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘modify checkout page using shortcodes?’ is closed to new replies.