Categories

Ausgewählte Vorlagen

WooCommerce. Wie man den Platzhalter von Produktbildern entfernt

Daniel Morales Oktober 19, 2015
Rating: 5.0. From 3 votes.
Please wait...

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
Dieser Eintrag wurde um WooCommerce Tutorials geschrieben und image, placeholder, product, remove, WooCommerce markiert. Bookmarken Sie den permalink.

Submit a ticket

Sollte Ihre Frage durch die Tutorials nicht ausreichend beantwortet worden sein, benutzen Sie bitte den folgenden Link, um sich an unser Beratungsteam (Support) zu wenden. Wir bieten Ihnen unsere Hilfe und Unterstutzung an. 24 Stunden am Tag, 7 Tage die Woche!
Ticket Einrichten

Online-Chat
We help you to choose the right product.