Woocommerce Checkout Layout Bugs

Hi Fabrice!

1) You can push the “Passwort vergessen” Link down with this css code:

.lost_password{ clear: both; }

However you can’t easily change the “Daten merken” checkbox Position. This would require a template structure change (default WooCommerce checkout template) and is not theme css/code related – thus I can’t provide a code to change the position.

2) This should already be fixed with the latest update. If you still experience the issue though please insert this code:

.form-row.form-row-wide {
    clear: both;
}

into the quick css field.

3) This change also requires a php template modification. Add this code into the theme functions.php file:

        add_filter( 'woocommerce_checkout_show_terms','avia_remove_default_tos');
        add_action( 'woocommerce_review_order_before_submit','avia_add_tos_checkbox');
     function avia_remove_default_tos()
    {
        return false;
    }

     function avia_add_tos_checkbox()
    {
        ?>

        <p class="form-row terms">
            <label for="terms" class="checkbox"><?php _e( 'I have read and accept the', 'woocommerce' ); ?> <a href="<?php echo esc_url( get_permalink(woocommerce_get_page_id('terms')) ); ?>" target="_blank"><?php _e( 'terms & conditions', 'woocommerce' ); ?></a></label>
            <input type="checkbox" class="input-checkbox" name="terms" <?php checked( isset( $_POST['terms'] ), true ); ?> id="terms" />
        </p>

    <?php
    }

Cheers!
Peter