In den meisten Fällen ist die Voreinstellung von WooCommerce nicht passend für die Anforderungen des Onlineshops. Immer wieder will man die Anzahl der Spalten verändern oder auch die Anzahl der angezeigten Produkte auf der Startseite des Onlineshops. Hier erfahren Sie, wie Sie die Anzahl der Produkte ändern können.

Änderung der Anzahl angezeigter Produkte in WooCommerce in functions.php

Durch folgenden Code-Snippet in der functions.php-Datei können Sie die Anzahl der angezeigten Produkte auf Ihrer Shop-Seite anpassen. In diesem Beispiel ändern Sie die Anzahl von 9 (Standard) auf 16 angezeigte Produkte:

/**
* Änderung der Anzahl angezeigter Produkte auf der Shop-Seite
*/
add_filter( 'loop_shop_per_page', 'new_loop_shop_per_page', 20 );

function new_loop_shop_per_page( $cols ) {
// $cols contains the current number of products per page based on the value stored on Options -> Reading
// Return the number of products you wanna show per page.
$cols = 16;
return $cols;
}

In diesem Zusammanhang will man auch öfters die Anzahl der Spalten (Standard = 3), in welchen die Produkte auf der Shop-Seite angezeigt werden, ändern. Wie das funktioniert erfahren Sie in meinem Beitrag über Anpassung der Shop-Seite auf 4 Spalten.

Bei Fragen dazu stehe ich Ihnen auch zur Verfügung. Senden Sie mir dazu Ihre individuelle Anfrage.

Anzahl der Spalten in WooCommerce ändern

Die Änderung der Spaltenanzahl kann grundsätzlich ganz einfach über functions.php erfolgen, sofern man sich damit auskennt. Functions.php ist eine PHP-Datei, welche im Theme (Design) zu finden ist. Über den Theme-Editor kann diese Datei angepasst werden. Doch Vorsicht ist geboten. Bei falschen Eingaben können gravierende Schäden an der Website die Folge sein. Um die Anzahl der Spalten auf der Shop-Seite zu ändern, kann folgender Code-Snippet in funtions.php eingegeben werden:

// WooCommerce Shop-Seite auf 4 Spalten einstellen
global $woocommerce_loop;
$woocommerce_loop['columns'] = 4;

Anzahl der angezeigten Produkte ändern

Oftmals will man nicht nur die Anzahl der Spalten ändern, sondern auch die Anzahl der auf der Shop-Seite angezeigten Produkte (ohne Pagination). Dies ist grundsätzlich immer dann gewünscht, wenn die Anzahl der Produkte sich nicht durch die Anzahl der Spalten teilen lässt (zB 16 Produkte in einem 3-spaltigen Layout: 5 komplette Zeilen + 1 allein stehendes Produkt in der 6. Zeile). Bei 16 Produkten empfiehlt es sich womöglich, ein 4-spaltiges Layout mit 4 kompletten Zeilen zu verwenden.

Aber auch bei kleinen Onlineshops mit nur – um bei diesem Beispiel zu bleiben – 16 Produkten, will man wahrscheinlich alle Produkte auf einem Blick zusammen gefasst haben. Und genau das ist womöglich eine kleine Herausforderung, denn in WordPress WooCommerce sind „nur“ 9 anzuzeigende Produkte voreingestellt. Wenn mehr Produkte vorhanden sind, kann man über eine Pfeil-Navigation sich weitere Produkte anzeigen lassen. Um dies zu vermeiden, lesen Sie meinen Artikel: Anzahl der angezeigten Produkte in WooCommerce ändern.

Auch immer wieder gefragt in diesem Zusammenhang – die Reihenfolge der angezeigten Produkte

Dies ist wirklich sehr leicht zu beantworten. Die Reihenfolge der angezeigten Produkte kann über das normale WooCommerce-Backend unter dem Pfad: wp-admin/edit.php?post_type=product gändert werden. Hier haben Sie eine Auflistung aller Produkte. Mit der Option „Sortieren“ (befindet sich in der Zeile überhalb der Filter) können Sie per „Drag&Drop“ die Reihenfolge ändern.

Bei Fragen dazu stehe ich Ihnen auch zur Verfügung. Senden Sie mir dazu Ihre individuelle Anfrage.

Die standardmäßige Woocommerce Timeout-Zeit von Produkten im Warenkorb beträgt 60 Minuten. Nach Ablauf dieser Zeit wird bei nicht durchgeführter Bestellung alle Produkte aus dem Warenkorb entfernt. Dies ist vor allem bei Produkten / Buchungen sehr wichtig, die Über ein limitiertes Kontingent verfügen. Über functions.php besteht die Möglichkeit die Timeout-Zeit des Warenkorbes bis auf 15 Minuten zu reduzieren.

Den Warenkorb (Cart) Timeout auf 15 oder 30 Minuten reduzieren

Leider bietet WooCommerce keine eigene Konfigurationsmöglichkeit für das Warenkorb-Timeout unter den WooCommerce-Einstellungen im Backend an. Es gibt jedoch die Möglichkeit über functions.php die Timeout-Zeit von den standardisierten 60 Minuten auf bis zu 15 Minuten zu reduzieren. Dies funktioniert mit folgendem Code-Snippet:

/**
* Will change the minutes it takes an In Cart booking to expire.
* This example reduces the number from 60 to 15.
* 
* @param  int $minutes 60 is the default passed
* @return int          The amount of minutes you'd like to have In Cart bookings expire on. 
*/
function change_incart_bookings_expiry_minutes_20170825( $minutes ) {
	return 15;
}
add_filter( 'woocommerce_bookings_remove_inactive_cart_time', 'change_incart_bookings_expiry_minutes_20170825' );

Wollen Sie das Timeout auf 30 Minuten ändern, benötigen Sie diesen Code:

		/**
 * Will change the minutes it takes an In Cart booking to expire.
 * This example reduces the number from 60 to 30.
 * 
 * @param  int $minutes 60 is the default passed
 * @return int          The amount of minutes you'd like to have In Cart bookings expire on. 
 */
function change_incart_bookings_expiry_minutes_20170825( $minutes ) {
	return 30;
}
add_filter( 'woocommerce_bookings_remove_inactive_cart_time', 'change_incart_bookings_expiry_minutes_20170825' );

WooCommerce Warenkorb Timeout testen

Wenn Sie die Änderung des Warenkorb-Timeouts durchgeführt haben, testen Sie am besten die Änderung, indem Sie einfach ein Produkt in den Warenkorb legen und 15 oder 30 Minuten warten und dann die Onlineshop-Seite aktualisieren. Nach der jeweilig eingestellten Zeit sollte der Warenkorb wieder leer sein und folgende Text-Information im Inhaltsbereich des Onlineshops erscheinen: „Die Buchung / Das Produkt [Produkt in Ihrem Onlineshop] wurde auf Grund von Inaktivität aus dem Warenkorb entfernt“.

Sollten Sie mit dieser Anleitung nicht zurecht kommen, dann stehe ich Ihnen natürlich auch gerne zur Verfügung. Senden Sie mir dazu einfach Ihre Anfrage.

Traditionelle Werte eines österreichischen Qualitätsunternehmens mit modernem Webdesign und E-Commerce zu vereinen mag wohl eine große und sehr spezielle Anforderung sein, welche aber mit viel Liebe zum Detail und einem hohen Individualisierungsgrad mit WordPress und dem leistungsstarken WooCommerce umgesetzt worden ist. Eines der besonderen Anforderungen ist bestimmt die grafische und funktionelle Umsetzung der CI (Corporate Identity) des Unternehmens, welche Markus Steinacher mit WordPress und in weiterer Folge WooCommerce samt zahlreicher Zusatzfunktionen erfüllen konnte.

Responsive Webdesign – hoher Individualisierungsgrad und Herausforderungen

Die Vorgaben der CI machten gleich zu Beginn bei der Konzeptionierung klar, dass es keine leichte Aufgabe sein wird, die traditionellen Farben, Formen, Grafiken und weiteren Inhalte des Unternehmens in modernes Webdesign zu verpacken. Eine Mischung aus runden, verspielten und traditionellen Formen, gepaart mit „straighter“ Puristik und modernen Elementen für eine zeitgemäße Bildsprache – in etwa so lässt sich das grafische Grundkonzept beschreiben. Mit stilistischen Besonderheiten, oder anders formuliert: „Schmankerln“, die immer wieder mit Absicht gegen die Grundregeln von Lehrbuch-Webdesign sprechen, wurden herzliche Akzente gesetzt.

Einsatz von WooCommerce für Buchungen der beliebten SchwedenBomben Workshops

Niemetz bietet seit einiger Zeit bereits schmackhafte Schwedenbomben Workshops in Wiener Neudorf an. Hier können Familien, Schulklassen, Firmen- und Reisegruppen nach Herzenslust ihre eigenen Schwedenbomben kreieren und naschen. Bislang konnte man diese Workshops zwar online reservieren aber nicht online bezahlen. Nun, mit dem neuen Webauftritt und WooCommerce Bookings ist es möglich, freie Workshop-Termine zu buchen, online mit Kreditkarte oder Sofortüberweisung zu bezahlen und bestätigen zu lassen. Des Weiteren ist es nun auch möglich, Gutscheine gleich online einzulösen.

Niemetz Gewinnspiele über die Website

Die neue WordPress-Website ist ein sehr interessantes Marketing-Instrument, mit welchem man flexibel und viel Kreativität Gewinnspiele realisieren kann. Das aktuelle Gewinnspiel anlässlich „55 Jahre Manja“ (Stand: September 2019) lädt zum mitraten ein und bietet tolle Preise für die besten 50 Schätzungen.

Schwedenbomben Rezepte

Für laufend neuen kulinarischen Inhalt sorgen die delikaten Rezept-Ideen, welche auf der Website präsentiert werden. Diese unterteilen sich in sommerliche Grill-Rezepte und Nachspeisen-Variationen.

Die Niemetz-Geschichte in Form einer Timeline-Funktion dargestellt

Seit dem Gründungsjahr 1890 hat sich viel getan. Entsprechend dieser langen Unternehmensgeschichte wurden mit einer eleganten Timeline in chronologischer Abfolge die Milestones des Unternehmens dargestellt. Augenmerk ist auf die mobile Darstellung zu richten, bei welcher sich die auf dem Desktop zentrierte Timeline mobile rechtsbündig befindet.

Verspielte Sonderanfertigungen

Das macht den Job eines Webdesigners erst so richtig schön, wenn er sich kreativ austoben darf und Freiraum für eigene Ideen einbringen kann. Ein kleines Detail in diesem Zusammenhang befindet sich auf der Schwedenbomben-Produktseite, wo man mit einem Swipe-Effekt zwischen „Schoko oder Kokos?“ wählen kann.

Eine Vielzahl an weiteren Funktionen wurden für www.niemetz.at implementiert und an die speziellen Anforderungen des Unternehmens angepasst.

Button-Verlinkungen in Woocommerce selbst konfigurieren

Für viele WooCommerce-Onlineshop-Betreiber ist es immer wieder unverständlich, warum der „weiter einkaufen“-Button im Warenkorb auf das bereits bestellte Produkt zurück verlinkt und nicht auf die Startseite des Shops. Genauso missverständlich / unerwünscht kann es sein, dass bei leerem Warenkorb der „Zurück zum Shop“-Button auf die Shop-Startseite verlinkt, anstatt auf die Homepage (dies ist nur dann ein Thema, wenn die Shop-Seite nicht gleich die Startseite ist und die Shopseite – aus was für einem Grund auch immer (??) nicht in Erscheinung treten soll. Manchmal sind Shopbetreiber-Anforderungen an das System nicht immer ganz nachvollziehbar, aber letztenendes geht es hierbei darum, für Shopbetreiber eine größtmögliche Flexibilität des Shopsystems sicherstellen zu können.

WooCommerce Continue Shopping

Und im Speziellen geht es darum, dem Kunden eine weitere Möglichkeit zum „Weiter einkaufen“ mit nur einem Klick zu ermöglichen. Um das zugewährleisten gibt es ein sehr nützliches Plugin mit dem Namen WooCommerce Continue Shopping. Nach erfolgter Installation und Aktivierung des Plugins kann man sehr einfach unter den WooCommerce-Einstellungen (Reiter: Produkte / Continue Shopping) diese Button-Verlinkungen konfigurieren:

Falls diese Möglichkeit nicht ausreicht, gibt es noch eine etwas kompliziertere Variante über functions.php. Sollte Ihnen dieser Artikel nicht weiterhelfen, so stehe ich gerne bei der Lösung Ihrer Anforderung auf Anfrage zur Verfügung.

Anhand dieses einfachen Beispiels auf dieser Website sehen Sie, wie so ein Onlineshop funktionieren kann. In diesem Fall steht neben einer traditionellen Bezahlvariante auch Paypal zur Verfügung. Nach dem Zahlungseingang und Fertigstellung der Bestellung wird dem Kunden ein automatisches E-Mail gesendet, in welchem er einen Download-Link zum bestellten virtuellen Produkt erhält. Zusätzlich kann der Kunde jederzeit in seinem Kundenkonto das Produkt nochmals downloaden. Optional kann man auch ganz einfach eine Laufzeitbegrenzung definieren, ab wann der Download im Kundenkonto nicht mehr zur Verfügung stehen soll. Dies und viele weitere Möglichkeiten stehen hier zur Verfügung. Für weitere Informationen senden Sie Ihre individuelle Anfrage.

Praktisches Beispiel:

Angenommen man bestellt im Shop ein Produkt und will dieses im Warenkorb wieder entfernen. WooCommerce ist so eingerichtet, dass bei leerem Warenkorb ein „Zurück zu Shop“-Button erscheint. Dieser Button verlinkt auf die Shop-Startseite (ACHTUNG: nicht die Startseite der Website, wenn diese sich unterscheiden).

Ändern der URL des „Zurück zum Shop“-Button über functions.php

Nun gibt es immer wieder einmal die spezielle Anforderung, dass man diesen Button auf die „Startseite der Website“ (oder eine andere URL), anstelle der Shop-Startseite verlinken will, warum auch immer. Um diesen Link zu ändern, könnte man im Prinzip über die WooCommerce-Einstellungen die Shopseite entsprechend ändern, das würde mitunter aber den gewünschten Inhalt dieser jeweiligen Seite beeinflussen. Daher gibt es die Möglichkeit über die functions.php-Datei die URL direkt anzupassen.

Code-Snippet zur Änderung der URL des Buttons:

Fügen Sie folgenden Code in die functions.php-Datei Ihrer Website am Ende hinzu. ACHTUNG: Eine fehlerhafte Platzierung kann die Funktionalität der Website beeinflussen. Anstelle von „https://www.ihre-domain.at/“ fügen Sie Ihre gewünschte URL hinzu, wohin der Button verlinken soll.

      /**
        * Ändern der ULR des "Zurück zum Shop"-Button im Warenkorb, wenn dieser leer ist.
        *
        * @return string
        */
       function wc_empty_cart_redirect_url() {
       return 'https://www.ihre-domain.at/';
      }
       add_filter( 'woocommerce_return_to_shop_redirect', 'wc_empty_cart_redirect_url' );

Im WordPress Theme-Editor sieht das dann so aus:

Wenn Sie den Code richtig eingefügt haben, dann speichern Sie die Änderung und probieren den Button aus, ob er nun auch wie gewünscht verlinkt. Sollten Sie das Problem nicht lösen können, stehe ich gerne zu Verfügung. Senden Sie mir einfach eine Anfrage.

Die metallverarbeitende Industrie beinhaltet sehr spezifische Nischen, die gewissen Anforderungen und Bestimmungen unterliegen, welche Individualität, Kosteneffizienz und Flexibilität erforderlich machen. Die LFP Zerspanungstechnik GmbH mit Sitz in Oberösterreich hat Aufgrund jahrelanger Erfahrung ein Konzept entwickelt, welches es metallverarbeitenden Unternehmen ermöglicht, sehr kosteneffizient online konfigurierbare Werkzeuge für die Metallverarbeitung zu bestellen. Die größte Anforderung / Herausforderung für diesen Onlineshop war die möglichst einfache und übersichtliche Abbildung dieser spezifischen Produkte, sowie die Möglichkeit diese Produkte im Rahmen des Bestellprozesses online individuell zu konfigurieren.

Auf der Startseite des Onlineshops kann man in der linken Seitenleiste nach verschiedenen Produktgruppen selektieren. Ein sehr spezieller Bereich stellt dabei die Kategorie „Konfigurierbare Werkzeuge“ dar. Hier findet man beispielsweise ein Fasenfräser-Set, welches in Bezug auf den Winkel von 10° – 65° in 0,1 ° Schritten frei konfigurierbar ist. Weitere Optionen, wie wählbare Fertigungsdauer und IKZ (Kühlsystem), definieren den sich automatisch kalkulierenden Preis des Produktes. Der Shop selbst ist nur für bestimmte Unternehmen gedacht, die nach Freischaltung einen eigenen Zugang zum Shopsystem erhalten um bestellen zu können. Der Warenkorb und Check Out-Prozess ist nur durch ein authorisiertes Login erreichbar. Im jeweiligen Kundenkonto können alle erforderlichen firmenrelevanten Daten (Rechnungs- und Lieferadresse, Telefon, E-Mailadresse, etc…) gesichert verwaltet und gespeichert werden.

In Summe konnten alle Anforderungen und Wünsche des Kunden umgesetzt werden. Ein künftiger Ausbau des Onlineshops ist bereits angedacht.

WordPress mächtiges Shop-Plugin WooCommerce ist ein sehr ausgereiftes und vielfach erprobtes Onlineshop-System für WordPress-Websites. Wie so ziemlich alle Systeme hat auch WooCommerce seine Eigenheiten und Standards, welche sich aber durchaus individualisieren lassen. Ein Thema, welches sich oftmals bereits sehr rasch nach der Installation von WooCommerce offenbart, ist die standradisierte Anzeige der Sortierung auf der Shopseite, überhalb der Produkte. Bei großen Onlineshops macht diese Sortierungs-Funktion durchaus Sinn, bei kleinen Shops, beziehungsweise speziell am Anfang, ist die Sortierung unnötig, wenn nicht sogar störend.

Entfernung der WooCommerce Sortierung über functions.php

Um die Sortierung in WooCommerce zu deaktivieren, benötigt man ein wenig „Programmier-Kenntnis“. Es gibt leider keine Option im Backend für diese Funktion. Daher kann man sich im Theme über die functions.php-Datei helfen. In jener Datei lässt sich durch 2 zusätzliche Codezeilen die Sortierung entfernen:

// Entfernen der Dropdown-Sortierung im Shop.
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

Nach dem gleichen Prinzip funktioniert das Entfernen von weiteren Produktvorschlägen (Ähnliche Produkte) im Onlineshop. Um diese Funktion zu Entfernen, empfiehlt sich jener Code in der functions.php.datei.:

Entfernung von weiteren Produktvorschlägen in WooCommerce

// Entfernen der "Ähnliche Produkte" im Shop.
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

Sollte Sie dennoch keine Lösung für Ihre Anforderung haben, können Sie mir gerne eine Anfrage senden.