Sie haben wahrscheinlich bemerkt, dass, wenn ein Produkt im WooCommerce-Onlineshop kein Bild hat, WooCommerce von selbst ein Standardbild hinzufügt. Aber wie können Sie das Vorschaubild ändern?
Mit WooCommerce können Sie das Vorschaubild selbst ändern, aber es ist nicht so einfach, wie es sein könnte. Vor allem, wenn Sie neu in WordPress und WooCommerce sind. Aber Sie müssen nicht programmieren, und Sie brauchen keine zusätzlichen Plugins dafür. Ändern wir also gemeinsam das Standard-Thumbnail-Bild von WooCommerce.
Wie man das Standard-WooCommerce-Produktbild ändert
Bevor wir das WooCommerce-Produkt-Thumbnail ändern, sollten wir ein Ersatzbild in WordPress hochladen.
Das Bild sollte so leicht wie möglich sein. Unter 40 Kilobyte wäre eine gute Seite (jpg oder webp Format wäre am besten). Die Auflösung sollte 1200 x 1200 Pixel oder etwas mehr betragen, um sicherzustellen, dass es gestochen scharf aussieht und groß genug ist, um von sozialen Netzwerken erfasst zu werden, wenn Sie einen Link teilen.
Hier können Sie sehen, wie das Standard-Thumbnail-Bild von WooCommerce aussieht:
Um es zu ändern, müssen Sie Ihr neues Standardbild in WordPress hochladen. Gehen Sie im WordPress-Administrationsbereich zu Medien und laden Sie das neue Standard-Thumbnail-Bild hoch. Klicken Sie einfach auf Neu hinzufügen und wählen Sie das neue Bild aus.
Sobald das neue Bild in WordPress hochgeladen ist, klicken Sie es an, um die Details zu sehen.
Schauen Sie sich die URL des Bildes genau an – sie hat einen Parameter item=[irgendeine Zahl]. Schreiben Sie sich diese Zahl auf oder merken Sie sie sich einfach – Sie werden sie gleich brauchen.
Gehen Sie nun zu WooCommerce >> Einstellungen im WordPress-Administrationsmenü und klicken Sie auf die Registerkarte Produkte.
Dort suchen Sie nach der Einstellung Platzhalterbild. Dort müssen Sie eine neue Standard-WooCommerce-Thumbnail-Bild-ID hinzufügen, die Sie gerade aufgeschrieben haben.
Sobald Sie die Änderungen speichern, haben Sie ein neues Standard-Produktbild in Ihrem WooCommerce-Shop.
Suchen Sie nach weiteren WooCommerce-Tutorials?
Klicken Sie hier, um mehr über WooCommerce zu erfahren!
