Wer entsprechend der Preisangabenverordnung (kurz PAngV)¹ neben der Angabe des Preises an den Endverbraucher den Zusatz »inkl. MwSt. / inkl. USt.« und »zzgl. Versandkosten« anzeigen möchte, kann die Angabe z.B. in den WooCommerce-Einstellungen (WooCommerce › Einstellungen) im Tab Mehrwertsteuer innerhalb des Abschnittes Preisanzeige-Suffix vornehmen:

Suffix mit CSS hinzufügen

Alternativ lässt sich die Angabe der Mehrwertsteuer und Versandkosten auch mit Hilfe von CSS hinzufügen:

span.woocommerce-Price-currencySymbol::after {
    content: ' inkl. MwSt. und zzgl. Versandkosten';
    font-size: small;
}

Der Vorteil an der CSS-Methode ist, dass du die Angabe je nach Produkt recht einfach mit Hilfe der entsprechend ausgegebenen CSS-Klassen variieren kannst.

Suffix »inkl. 19% MwSt.«

Soll beispielsweise die Prozentangabe der Mehrwertsteuer bei bestimmten Produkten einer Kategorie (z.B. Ringe) ausgegeben werden, so könntest du die CSS-Klasse .product_cat-ringe nutzen und folgenden CSS-Befehl in den Customizer (Design › Customizer) einfügen:

.product_cat-ringe span.woocommerce-Price-amount.amount::after {
    content: ' inkl. 19% MwSt. und zzgl. Versandkosten';
    font-size: small;
}

Suffix »Versandkostenfrei«

Sollen die Preise der Produkte, die zuvor mit einer von dir angelegten Versandklasse (z.B. Versandkostenfrei) gekennzeichnet wurden, die entsprechende Angabe erhalten, so könntest du hierfür die CSS-Klasse .product_shipping_class-versandkostenfrei verwenden:

.product_shipping_class-versandkostenfrei span.woocommerce-Price-amount.amount::after {
    content: ' inkl. MwSt. | Versandkostenfrei';
    font-size: small;
}

Soll hingegen bei virtuellen Produkten die Angabe der Versandkosten fehlen, so lässt sich hierfür die CSS-Klasse .virtual nutzen:

.virtual span.woocommerce-Price-amount.amount::after {
    content: ' inkl. MwSt.';
    font-size: small;
}

Hinweis: Das Pseudo-Element ::after² wird von allen modernen Browsern unterstützt. Verwende das ältere Pseudo-Element :after, wenn du auch den Internet Explorer 8 unterstützen möchtest.

Links

• 1↑ Preisangabenverordnung:
  gesetze-im-internet.de/​pangv
• 2↑ w3schools CSS ::after Selector:
  w3schools.com/​cssref/​sel_after.asp