Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Shop / WooCommerce
  3. Why is my checkout so ugly?

Why is my checkout so ugly?

Scheduled Pinned Locked Moved Shop / WooCommerce
4 Posts 2 Posters 526 Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J
    J
    JuS
    wrote on last edited by
    #1

    that's probably a pretty ridiculous question. I'm currently thinking about setting up a Woo Commerce shop with laytheme for us and am trying out a few things. It's working so far, but unfortunately, I'm not getting the laytheme styled version of the checkout, just a messed up version of the standard WooCommerce checkout. see images below.

    here is a link to our test site -> https://josephundsebastian.de/checkout/

    Is there an easy way to change this? I would be grateful for any advice.

    All the best,
    Joseph

    Bildschirmfoto 2024-01-11 um 15.16.35.png

    Bildschirmfoto 2024-01-11 um 15.15.28.png

    1 Reply Last reply
    0
    • arminunruhA
      arminunruhA
      arminunruh
      Global Moderator
      wrote on last edited by arminunruh
      #2

      mmmh it seems like the latest wordpress version inserts a different kind of checkout.
      reading this: https://woo.com/document/woocommerce-shortcodes/
      it seems like "woocommerce blocks" might be in use now, instead of the checkout shortcode

      in /wp-admin/ can you go to the "checkout" page,
      in the texteditor, delete everything and add the shortcode:

      [woocommerce_checkout]

      does it work?

      1 Reply Last reply
      0
      • J
        J
        JuS
        wrote on last edited by
        #3

        Hi Armin,

        Many thanks, this helped! It still showed the woocommerce checkout under the laytheme checkout, but I simply set the .wc-block-components-sidebar-layout{ to display: none !important; } via css. and this seems to do the job.

        Many thanks for the quick reply and have a great day!
        Joseph

        1 Reply Last reply
        1
        • arminunruhA
          arminunruhA
          arminunruh
          Global Moderator
          wrote on last edited by
          #4

          Just added this section to the shop setup:
          https://laytheme.com/documentation/shop-setup.html#preparation

          This will make sure future shop setups will have the checkout and cart look correct

          1 Reply Last reply
          0

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          Online Users
          L
          lukas123
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
          laytheme.com
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search