Wenn dieses Tutorial ist nicht genau was Sie suchen und Sie noch Fragen oder Vorschläge haben – lassen Sie uns wissen. Helfen Sie uns bitte um besser zu dienen!

Ihr Name

Emailadresse

Ihre Nachricht (benötigt)

captcha

Ausgewählte Vorlagen

WooCommerce. Wie man den Platzhalter von Produktbildern entfernt

Von diesem Tutorial erfahren Sie, wie man den Platzhalter von Produktbildern im WooCommerce Online-Shop entfernt.

WooCommerce. Wie man den Platzhalter von Produktbildern entfernt

In manchen Fällen brauchen Sie keine Produktbilder. Aber wenn ein Produkt kein Bild hat, fügt WooCommerce automatisch den Platzhalter für ein Produktbild hinzu.

Der Platzhalter vom Produktbild (Default placeholder image) sieht wie folgt aus:

WooCommerce_How_to_remove_products_images_placeholder_1

Lassen Sie uns zeigen, wie man den Platzhalter von Produktbildern (remove placeholder images) entfernt.

  1. Stellen Sie die Verbindung mit dem Server her, indem Sie den FTP-Kunden (ftp client) oder Dateimanager (FileManager) nutzen:

    WooCommerce_How_to_remove_products_images_placeholder_2
  2. Finden Sie den Ordner ‘wp-content/themes/themeXXXXX/includes’, wo XXXXX – die Nummer Ihrer Vorlage ist.

  3. Öffnen Sie die Datei ‘custom-function.php’ in jedem php/Texteditor (php/text editor):

    WooCommerce_How_to_remove_products_images_placeholder_3
  4. Fügen Sie die folgende Zeile am Anfang der Datei, direkt unter dem Tag <?php hinzu:

    remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
    WooCommerce_How_to_remove_products_images_placeholder_4
  5. Aktualisieren Sie Ihre Website, um sich die vorgenommenen Änderungen anzuschauen.

Sie haben erfolgreich den Platzhalter des Produktbildes aus der Produktseite entfernt. Sie können auch das Seitenlayout verbessern, indem Sie den Inhalt über die gesamte Breite ziehen:

WooCommerce_How_to_remove_products_images_placeholder_5

In diesem Fall können Sie das Problem mit Hilfe von der benutzerdefinierten CSS Regel (custom CSS) lösen. Die Regel, die Sie später brachen, und auch sein Hinzufügungsverfahren, werden von einer bestimmten Vorlage abhängen.

  1. Wir empfehlen Ihnen FireBugPlugin für den Browser FireFox zu nutzen, dank dem Sie Elemente Ihrer Website überprüfen und CSS bearbeiten können.

  2. Sie sollen die Spaltenbreite der Produktbeschreibung anpassen:

    WooCommerce_How_to_remove_products_images_placeholder_6
  3. Ersetzen Sie den Breitenwert durch ‘100%’:

    WooCommerce_How_to_remove_products_images_placeholder_7
  4. Kopieren Sie die neue Regel (new rule):

    WooCommerce_How_to_remove_products_images_placeholder_8
  5. Fügen Sie sie in den Block Benutzerdefiniertes Css (Custom Css) in Cherry Einstellungen (Cherry Options) ein:

    WooCommerce_How_to_remove_products_images_placeholder_9
  6. Aktualisieren Sie Ihre Website und überprüfen Sie die vorgenommenen Änderungen.

Dieses Tutorial ist jetzt zu Ende. Sie können das ausführliche Video-Tutorial nutzen:

WooCommerce. Wie man den Platzhalter von Produktbildern entfernt
 
Online-Chat
We help you to choose the right product.
Chat starten