Mostrare i prezzi delle varianti in WooCommerce con il formato “Da XX€”

In der Welt des E-Commerce kann die Art und Weise, wie Sie den Preis eines Produkts präsentieren, den Unterschied zwischen einem Kauf und einem Kaufabbruch ausmachen. Eine der effektivsten Möglichkeiten, den Preis attraktiver zu gestalten, ist die Verwendung des Formats "Ab XX€" für die Anzeige der Preise von Produktvarianten in WooCommerce. In diesem Artikel zeige ich Ihnen Schritt für Schritt, wie Sie ein entsprechendes Code-Snippet einfügen können.

Schritt 1: Vorbereitung

Bevor Sie beginnen, sollten Sie sicherstellen, dass Sie das WooCommerce-Plugin auf Ihrer Website installiert und aktiviert haben. Außerdem sollten Sie über gute Kenntnisse der grundlegenden Funktionen von WooCommerce und der Verwaltung von Produkten und Varianten verfügen.

Schritt 2: Erstellen einer Funktionsdatei

Um das Code-Snippet einzufügen, müssen Sie eine benutzerdefinierte Funktionsdatei in Ihrem WordPress-Theme erstellen. Öffnen Sie dazu den Theme-Editor und erstellen Sie eine neue Datei namens funktionen.php im Ordner wp-content/themen/ihr-thema.

Ich empfehle Ihnen, dies in Ihrem "Child"-Theme-Ordner zu tun, damit Sie diese Änderungen nicht verlieren, wenn Sie Ihr Theme aktualisieren.

Schritt 3: Einfügen des Codeschnipsels

In der Datei funktionen.phpfügen Sie den folgenden Code ein:

/**
 * Snippet Name:	WooCommerce Show Coupon Code Used In Emails
 * Snippet Author:	halkoo.com
 */

add_filter( 'woocommerce_get_price_html', 'change_variable_products_price_display', 10, 2 );

function change_variable_products_price_display( $price, $product ) {
    // Only for variable products type
    if( ! $product->is_type('variable') ) return $price;
    $prices = $product->get_variation_prices( true );
    if ( empty( $prices['price'] ) )
        return apply_filters( 'woocommerce_variable_empty_price_html', '', $product );
    $min_price = current( $prices['price'] );
    $max_price = end( $prices['price'] );
    $prefix_html = '<span class="price-prefix">' . __('Da ') . '</span>';
    $prefix = $min_price !== $max_price ? $prefix_html : ''; // HERE the prefix
    return apply_filters( 'woocommerce_variable_price_html', $prefix . wc_price( $min_price ) . $product->get_price_suffix(), $product );
}

Speichern Sie die Datei.

Nachdem Sie diese Schritte ausgeführt haben, sollten die Preise der WooCommerce-Produktvarianten auf Ihrer Website im Format "Ab XX€" angezeigt werden.

Auf diese Weise können Sie Ihre Website attraktiver gestalten und die Chancen für eine Konversion Ihrer Kunden erhöhen. Viel Spaß beim Verkaufen!

Brauchen Sie Hilfe? Schreiben Sie an info@halkoo.com um ein individuelles Angebot für Ihre neue Website oder Ihren E-Commerce-Shop zu erhalten.