Webseite wird geladen!

Kategorien
Woocommerce

Zusätzliche Produkt Tabs erzeugen

Sehr oft wünscht man sich, dass die Felder für die Produktbeschreibung in Woocommerce erweitert werden können. Oft bestehen diese nur aus “Zusätzliche Informationen” oder “Beschreibung” oder man hat noch ein Bewertungs-Plugin installiert. Doch wenn viel Text erforderlich ist , macht das die Produktseiten sehr lang und unübersichtlich, gerade für die Mobil-Version. Hier das Snippet dafür:

/*
* WooCommerce – Neuen Produkt-Tab hinzufügen
*/

add_filter( ‘woocommerce_product_tabs’, ‘woo_new_product_tab’ ); function woo_new_product_tab( $tabs ) {

// Inhalt Produkt-Tab

$tabs[‘test_tab’] = array( ‘title’ => __( ‘Neuer Produkt Tab’, ‘woocommerce’ ),

// Beschriftung

Tab ‘priority’ => 50, ‘callback’ => ‘woo_new_product_tab_content’ ); return $tabs; } function woo_new_product_tab_content() {

// Inhalt neuer Produkt Tab

echo ‘<h2>Überschrift Produkt-Tab</h2>’; // Überschrift Tab echo ‘<p>Neuer Produkt-Tab</p>’; // Text Tab }

WordPress - Creative Publisher

Kategorien
Woocommerce

Reihenfolge der Produkt Tabs ändern

Gerne möchte man die Begriffe der Reiter der Produkt-Tabs und die Reihenfolge ändern. Dies ist wirklich sinnvoll um klare Begriffe zu verwenden und zu ordnen. Auch hier gibt es das kleine Code-Snippet zum Einfügen. Vorteil hierbei ist, das wir kein Plugin benötigen.

Reihenfolge der Tabs festlegen:

add_filter( 'woocommerce_product_tabs', 'wpb_reorder_tabs', 98 );
function wpb_reorder_tabs( $tabs ) {
    $tabs['reviews']['priority']                = 5;      // Reviews first
    $tabs[test_tab]['priority']                 = 10;    // Commission second
    $tabs['description']['priority']            = 15;   // Description third
    $tabs['additional_information']['priority'] = 20;  // Additional information fourth
    return $tabs;
}

und das Ändern der Reiter- bzw. Tabnamen:

add_filter( 'woocommerce_product_tabs', 'wpb_rename_tabs', 98 );
function wpb_rename_tabs( $tabs ) {
    $tabs['description']['title'] = __( 'More Information', 'text-domain' );// Rename the description tab
    $tabs['reviews']['title'] = __( 'Ratings', 'text-domain' ); // Rename the reviews tab
    $tabs['additional_information']['title'] = __( 'Product Data', 'text-domain' ); // Rename the additional information tab
    $tabs['test_tab']['title'] = __( 'Commission', 'text-domain' ); // Rename the discount tab
    return $tabs;
}

WordPress - Creative Publisher

Kategorien
Woocommerce

Zoom bei Produkt-Bilder ausschalten

Auf der einen Seite ist es manchmal notwendig mit einer Zoom-Funktion das Produkt genauer betrachten zu können. Auf der anderen Seite ist dies bei einer banalen Produktpalette nicht unbedingt notwendig.

Hier das Snippet zum Einfügen:

add_action( 'after_setup_theme', 'cp_imagezoom_entfernen', 99 );
 
function cp_imagezoom_entfernen() { 
remove_theme_support( 'wc-product-gallery-zoom' );
}

WordPress - Creative Publisher

Kategorien
Woocommerce

Anzahl der Spalten für Thumbnail Bilder ändern

Unter dem Produktbild gibt es die Möglichkeit weitere Bildes des Produktes hinzufügen. Standardmäßig sind dort vier Spalten für die Produkte eingestellt. Manchmal macht es aber auch Sinn, weniger oder mehr anzuzeigen.
Die Größe der Bilder muss dann leider mit CSS angeglichen werden. Oder das Theme bietet dieses schon an die Bilder auf die volle Breite zu ergänzen.

Hier das Snippet:

add_filter( 'woocommerce_single_product_image_gallery_classes', 'cp_5_column_productgallery' );
 
function cp_5_column_productgallery( $wrapper_classes ) {
$columns = 4; // 2, 3, 5, etc. Standardeinstellung ist 4.
$wrapper_classes[2] = 'woocommerce-product-gallery--columns-' . absint( $columns );

return $wrapper_classes;
}

WordPress - Creative Publisher

Kategorien
Woocommerce Wordpress Themen

Textstrings einfach übersetzen

Wie oft sucht man nach einer Übersetzung bei Loco-Translate oder im Shop sind bestimmte Begriffe auf Englisch anstatt auf Deutsch. Das Plugin Loco Translate bietet mir die Komplettübersetzung, aber einzelne Textpassagen übersetzt man leichter mit einem Snippet:

add_filter(‘gettext’, ‘translate_text’,999);
add_filter(‘ngettext’, ‘translate_text’,999);

function translate_text($translated) {
$translated = str_ireplace(‘Share this product’, ‘Produkt weiterempfehlen’, $translated);
$translated = str_ireplace(‘Subtotal’, ‘Zwischensumme’, $translated);
$translated = str_ireplace(‘Coupon’, ‘Gutschein’, $translated);

return $translated;
}

WordPress - Creative Publisher

Kategorien
Woocommerce Wartung

Woocommerce richtig updaten!

Es gehört schon etwas dazu einen Shop richtig zu aktualisieren, zumal ein Update des Woocommerce Plugins sehr oft eine Datenbankoptimierung nach sich zieht. Wird diese dann nachgezogen sollte alles o.k. sein. Aber was machen, wenn dann bestimmte Shop-Funktionen, die vielleicht mit einem Plugin erfolgt sind nicht mehr funktionieren?

Dafür gibt es oft keine Hilfestellung. Die normale Reihenfolge der Aktualisierung sollte so aussehen:

  1. Sicherung der kompletten Webseite inkl. Datenbank
  2. Aktualisierung des Themes
  3. Sicherung der alten Plugin-Files
  4. Aktualisierung der betreffenden Plugins bis auf das Woocommerce Plugins
  5. Testen der Funktionalitäten des Online-Shops
  6. Wenn erfolgreich und die Plugins alle funktionieren, Aktualisierung der Woocommerce Version
  7. Bei Aufforderung unbedingt Woocommerce Datenbank optimieren!
  8. Testen der Funktionalitäten des Online-Shops
  9. Wenn erfolgreich kann zuletzt noch bei Bedarf die WordPress-Version aktualisiert werden und auf den aktuellsten Stand gebracht werden, wenn die Woocommerce Version dafür kompatibel ist.

WordPress - Creative Publisher

Kategorien
Woocommerce

Verfügbare Woocommerce Hooks

Um die Kassenseite oder die Bestellseite abzuändern benötigt man sogenannte Hooks, die man vor den eigentlichen dynamischen Inhalten der Woocommerce Anwendungen abändern kann. Es können sogar bestimmte Felder entfernt oder auch ergänzt werden. Sehr oft benötigt ein Shop eine individuelle Bestellseite z.B. mit Lieferzeit oder anderen Paramtern.

Alle verfügbaren WooCommerce Checkout Page Hooks:

  • woocommerce_before_checkout_form
  • woocommerce_checkout_before_customer_details
  • woocommerce_before_checkout_billing_form
  • woocommerce_after_checkout_billing_form
  • woocommerce_before_checkout_shipping_form
  • woocommerce_after_checkout_shipping_form
  • woocommerce_before_order_notes
  • woocommerce_after_order_notes
  • woocommerce_checkout_after_customer_details
  • woocommerce_checkout_before_order_review
  • woocommerce_review_order_before_cart_contents
  • woocommerce_review_order_after_cart_contents
  • woocommerce_review_order_before_shipping
  • woocommerce_review_order_after_shipping
  • woocommerce_review_order_before_order_total
  • woocommerce_review_order_after_order_total
  • woocommerce_review_order_before_payment
  • woocommerce_review_order_before_submit
  • woocommerce_review_order_after_submit
  • woocommerce_review_order_after_payment
  • woocommerce_checkout_after_order_review
  • woocommerce_after_checkout_form

Alle verfügbaren WooCommerce Cart Page Hooks:

  • woocommerce_before_cart
  • woocommerce_before_cart_table
  • woocommerce_before_cart_contents
  • woocommerce_cart_contents
  • woocommerce_cart_coupon
  • woocommerce_after_cart_contents
  • woocommerce_after_cart_table
  • woocommerce_cart_collaterals
  • woocommerce_before_cart_totals
  • woocommerce_cart_totals_before_shipping
  • woocommerce_before_shipping_calculator
  • woocommerce_after_shipping_calculator
  • woocommerce_cart_totals_after_shipping
  • woocommerce_cart_totals_before_order_total
  • woocommerce_cart_totals_after_order_total
  • woocommerce_proceed_to_checkout
  • woocommerce_after_cart_totals
  • woocommerce_after_cart

WordPress - Creative Publisher

Kategorien
Woocommerce

SKU Preis ausblenden

Hier ein Code Snippet um den SKU Preis bei Woocommerce auszublenden. Natürlich geht das Ganze auch mit CSS. Dies ist aber nicht die saubere Art und Weise. Deswegen sollte man den Hook mit einem Code-Snippet ausblenden. Entweder mit einem Code Snippet Plugin oder in die function.php eintragen. (Vorsicht bei der function.php ist dies bei der nächsten Aktualisierung des Themes verschwunden!)

// Remove the Product SKU from Product Single Page
add_filter( ‘wc_product_sku_enabled’, ‘woocustomizer_remove_product_sku’ );

function woocustomizer_remove_product_sku( $sku ) {
// Remove only if NOT admin and is product single page if ( ! is_admin() && is_product() )
{ return false;
}
return $sku; }

Hier die CSS-Lösung:

.single-product span.sku_wrapper {
display: none !important;
}

WordPress - Creative Publisher