Return to previous page

VAT note position in cart / checkout > problem with woocommerce germanized

This topic has 6 replies, 2 voices, and was last updated 4 years, 11 months ago ago by Rose Tyler

Stefan

Participant

May 3, 2019 at 14:16
Hello Rose!

Sorry! My english isn’t the best. I try to describe the problem. I didn’t use your search function here because I thought it’s so special it never came up before.

My problem is how the title suggest about the position of this VAT note inside checkout page. So on this point I need to say that I also use the WooCommerce Germanized plugin to make the shop conform with german rights and so on. That include the VAT note.

Now we come to the problem …
Inside the cart page is everything alright. The VAT note comes after/behind (below) the cart area AND after/behind (below) the “to checkout” button. Almost at the end of this page’s main container.
BUT: Inside my checkout the VAT note comes before (above) the cart area AND also before/above the “pay now”button.

The Woocommerce Germanized plugin author say at wordpress/plugin/support page
https://wordpress.org/support/topic/inkl-mwst-und-zzgl-versandkosten-werden-uber-name-preis-angezeigt/
where the problem came up with another theme and another user:
(I translate) “Maybe your theme changes via hook the order of woo infos. Because nobody aussume that anybody else changes or places infos there.”
He means also I should remove the germanized action, than add new and change priority.
```
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_gzd_template_single_tax_info', wc_gzd_get_hook_priority( 'loop_tax_info' ) );

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_gzd_template_single_tax_info', 50 );
```
I tried it with ‘woocommerce_checkout_after_order_review’ from form-checkout.php in my functions.php and caused some errors. Maybe you can help. I think so.

Thank you!

Stefan

Please, contact administrator
for this information.
#213337 Copied Theme version: 5.2 WooCommerce version: 3.6.2
5 Answers

Rose Tyler

Support staff

May 3, 2019 at 15:30

Hello,

I can’t login. Please provide correct wp-admin access.

Regards

#213343 Copied

Stefan

Participant

May 6, 2019 at 11:16

Hello Rose!

Sorry, my bad! Here’s the right one.

Please contact administrator
for this information.

#213406 Copied
Rose Tyler

Support staff

May 6, 2019 at 12:40
Hello,

How does it work with the default WC theme – Storefront? Please provide screenshots for better understanding the desired result. You can use such screenshot maker as Lightshot https://prnt.sc/
To achieve this result https://prnt.sc/nl1jz5 you may add this code in Theme Options > Custom CSS > Glogal Custom CSS:
```
/* Fix for checkout page */

.woocommerce-checkout .wc-gzd-differential-taxation-notice-cart {
    position:  absolute;
    bottom: 0;
    max-width: 80%;
}
.woocommerce-checkout .shop_table {
    background-color:  white;
}
.woocommerce-checkout .cart-order-details .shop_table tbody tr:last-child td {
    padding-top: .9em !important;
    text-align:  center;
}

@media only screen and (max-width: 780px) {
    .woocommerce-checkout .place-order {
        margin-bottom: 35px;
    }
}
@media only screen and (max-width: 480px) {
    .woocommerce-checkout .order-review table td {
        max-width: 130px;
    }
    .woocommerce-checkout .shop_table th {
        max-width: 50px;
    }
    .woocommerce-checkout #shipping_method label {
        word-wrap: break-word;
    }
}
/* ----------------- */
```
Regards
#213410 Copied
Stefan

Participant

May 7, 2019 at 11:11
Yes, thanks, Rose! I think that solves the problem! German law says the VAT note needs to be near by the price. So I think it should be okay.
I added your CSS code and extended it with one new line to include the cart page.
```
.woocommerce-cart .wc-gzd-differential-taxation-notice-cart,
.woocommerce-checkout .wc-gzd-differential-taxation-notice-cart {
    position:  absolute;
    bottom: 0;
    max-width: 80%;
}
```
+++ screenshots for better understanding +++
cart before https://prnt.sc/nlh2j4 (inside cart border)
cart now https://prnt.sc/nlgw63 (outside cart border)
checkout before https://prnt.sc/nlh0ku
checkout now https://prnt.sc/nlgwj5

— Storefront —
Unfortunaly with Storefront I get the same weird results. See screenshot.
Of course is this not your problem (nobody say so) and it’s surely coming by WooCommerce Germanized. But I’m no pro.
Storefront:
cart https://prnt.sc/nlgmoy
checkout https://prnt.sc/nlgopz

Conclusion:
I thought it were be about hooks and stuff like this. To solve it with CSS was clever & creative. If I have more issues with this plugin I’ll connect plugin’s author first.

Thank you!
#213466 Copied
Rose Tyler

Support staff

May 7, 2019 at 12:23

Thanks for the reply. I am glad that we sorted out.
Plugins that declare compatibility with WooCommerce should work correctly with Storefront theme because it is the official theme of WC.

Regards

#213473 Copied
Viewing 6 results - 1 through 6 (of 6 total)