Coupon field not visible at checkout

  • Resolved php-supadev

    (@lbdeveloper)


    4 months, 2 weeks ago

    Hey,

    when i add items to cart on my WooCommerce site , which has Qi Version: 1.3 , the “Add a coupon” field is only visible on the Cart page , but not on Checkout.

    The WooCommerce support said this is something that must be enabled by the theme , not by WooCommerce itself.

    Since i have also the Direct Checkout plugin that brings the buyer directly to Checkout , the cart page is skipped , so the buyers never see the Coupon field.

    How can i make the theme show that field on Checkout page too?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Qode

    (@qodeinteractive)

    Hello,

    Thank you for reaching us!

    We have tested the theme with the Direct Checkout plugin, and the coupon field is displayed correctly on the Checkout page on our end. Please make sure that you’ve enabled coupon codes option in WooCommerce > Settings > General (please see screenshot).

    Best,
    Qode

    Thread Starter php-supadev

    (@lbdeveloper)

    I have always had “Enable the use of coupon codes” enabled . I did not specify though that we are using TutorLMS free version, maybe that’s the culprit?

    Anyway , i’ve tried to dig more. When i do this in the browser DevTools , on Checkout:

    jQuery(".wp-block-woocommerce-checkout-order-summary-coupon-form-block")

    i see that the coupon field exists , but inside (not as a direct child) a hidden elementor element. The element looks like this

    <section class="elementor-section elementor-top-section elementor-element elementor-element-77625126 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no" data-id="77625126" data-element_type="section">
    …
    …
    </section>

    It is hidden by the classes: elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile

    Is it safe if i force that element to be visible , through some custom CSS ? I think it would be dirty and unsafe , so i am waiting for your advice , if this is about some incompatibility of the theme with TutorLMS or other plugins.

    Do you need my Woocommerce Status Report ?

    Thanks

    Theme Author Qode

    (@qodeinteractive)

    Hi,

    We couldn’t reproduce this on our end. Have you perhaps used Elementor to edit your checkout page?

    In our demo sites the Checkout page is an empty page which is set to be used as a Checkout page in WooCommerce > Settings > Advanced (please see screenshot). This way the Checkout template by the theme is being used. To investigate this further you can write to our support here.

    Best,
    Qode

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