• Resolved Samir Rifai

    (@srifaia)


    I’ve edited some fields from the Checkout Fields tab with form-row-first and form-row-last, but they are all showing as wide class (except name and last name).

    Changes in Block Checkout Fields are the only ones showing correctly, however there is no class option for those fields. I can reorder fields from this tab. Reordering from Checkout Fields is not making any changes either.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Elena

    (@elenathemehigh)

    Hi,

    We believe that you are currently using Block Checkout, not Classic Checkout. The ‘Checkout Fields’ tab is for configuring settings related to Classic Checkout, while the ‘Block Checkout Fields’ tab is for managing fields in Block Checkout.

    Please note that Block Checkout has limited customization options compared to Classic Checkout. You can either switch to Classic Checkout to access all settings or continue using Block Checkout with the available options.

    For styling in Block Checkout:
    To position fields side by side (left and right):
    flex: 1 0 calc(50% - 12px);

    For full-width fields:
    flex: 0 0 100%;

    We hope this helps.

    Thank you!

    • This reply was modified 1 week ago by Elena.
    Thread Starter Samir Rifai

    (@srifaia)

    Thank you for the information. Using block checkout or classic checkout depends on the theme itself? I use Woodmart.

    Plugin Support Elena

    (@elenathemehigh)

    The choice between Block Checkout and Classic Checkout in WooCommerce primarily depends on the version of WooCommerce you are using.

    As of WooCommerce version 8.3 and later, Block Checkout is the default experience. The Classic Checkout, which is based on shortcodes, is still available but requires manual activation, depending on your WooCommerce settings and theme compatibility.

    WoodMart is a premium WooCommerce theme that generally supports both Classic and Block-based checkouts. However, please note that certain features or customizations may behave differently depending on which checkout method you choose.

    Additionally, as we mentioned, if your checkout page is created using shortcode, you need to add and update the fields in the Checkout Fields section. Conversely, if your checkout is configured using WooCommerce Blocks, the fields need to be added and updated in the Blocks Checkout Fields section.

    Please refer to the below links for more details.

    https://woocommerce.com/document/woocommerce-store-editing/customizing-cart-and-checkout/

    https://tonjoo.com/revert-woocommerce-checkout-page-to-classic-editor/

    Hope this helps.

    Thank you!

    Thread Starter Samir Rifai

    (@srifaia)

    Thank you very much, I already purchased 5 licenses.

    Plugin Support Elena

    (@elenathemehigh)

    Great!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.