• Hi! When we first land on our cart page, the Empty Cart button is inline with the other buttons.

    However, when the user interacts with the cart by removing an item, changing the quantity of a product, etc., the Empty Cart button is moved to another row.

    We would like to keep the Empty Cart button inline with the other buttons at all times.

    The code where the buttons appear correctly is:

    <tr>
    <td colspan="6" class="actions">
    <div class="coupon" data-children-count="1">
    <label for="coupon_code">Coupon:</label> <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="Dealer shipping code"> <button type="submit" class="button" name="apply_coupon" value="Apply code">Apply code</button>
    </div><a class="button wecb_emptycart" href="https://mgs4u.com/ordering/cart/&empty-cart=clearcart">Empty cart</a>
    					
    <button type="submit" class="button" name="update_cart" value="Update cart" disabled="" aria-disabled="true">Update cart</button>
    <input type="hidden" id="woocommerce-cart-nonce" name="woocommerce-cart-nonce" value="83f87bebef"><input type="hidden" name="_wp_http_referer" value="/ordering/cart/?v=7516fd43adaa">
    </td>
    </tr>

    Here is a screenshot:
    https://www.dropbox.com/s/u31q7o1985i4x49/inline%20buttons.png?dl=0

    The code where the Empty Cart button appears on another row:

    <tr>
    <td colspan="6" class="actions">
    <div class="coupon" data-children-count="1">
    <label for="coupon_code">Coupon:</label> <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="Dealer shipping code"> <button type="submit" class="button" name="apply_coupon" value="Apply code">Apply code</button>
    </div>
    					
    <button type="submit" class="button" name="update_cart" value="Update cart" disabled="" aria-disabled="true">Update cart</button>
    <input type="hidden" id="woocommerce-cart-nonce" name="woocommerce-cart-nonce" value="83f87bebef"><input type="hidden" name="_wp_http_referer" value="/ordering/cart/?v=7516fd43adaa">
    </td>
    </tr>
    
    <tr>
    <td colspan="6" class="actions">
    <a class="button wecb_emptycart" href="https://mgs4u.com/ordering/cart/&empty-cart=clearcart">Empty cart</a>
    </td>
    </tr>

    Here is a screenshot:
    https://www.dropbox.com/s/tzcjmu543gr2kbu/button%20on%20another%20row.png?dl=0

    Any help to remedy this is appreciated! Thanks!

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

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Empty Cart button appears on another row’ is closed to new replies.