3 Möglichkeiten, die WooCommerce-Produktseite in WordPress zu reparieren

Wenn Sie einen WooCommerce-Shop auf WordPress betreiben, ist möglicherweise ein Problem aufgetreten, bei dem die Produktseite in Ihrem Design nicht korrekt angezeigt wird. Dies kann ein frustrierendes Problem sein, aber zum Glück gibt es ein paar Dinge, die Sie tun können, um es zu beheben. In diesem Artikel zeigen wir Ihnen, wie Sie die WooCommerce-Produktseite im WordPress-Theme reparieren können. Wir behandeln drei verschiedene Methoden: 1. Aktualisieren Ihrer WooCommerce-Vorlagendateien 2. Ändern des CSS Ihres Themes 3. Hinzufügen einer benutzerdefinierten WooCommerce-Produktseitenvorlage Fangen wir an!

Die Produktseite eines WooCommerce-Shops ist häufig eine der wichtigsten Seiten. Das Erstellen einer visuell unterschiedlichen Seite ist ein wichtiger Teil, um den Stil Ihres Shops auf ganzer Linie konsistent zu halten. In diesem Tutorial zeigen wir Ihnen, wie Sie das Seitenlayout eines einzelnen WooCommerce-Produkts mit Astra Pro einfach anpassen können. Dazu wird Elementor WooCommerce Builder verwendet. Aus diesem Grund müssen die von Ihnen ausgewählten Bilder so angeordnet sein, dass Ihr Produkt während der Konvertierung gut sichtbar ist. Mit dem Einzelprodukt-Customizer können Sie das Galerie-Layout und die Bildbreite ändern. Darüber hinaus können Sie die Ajax-Funktion „In den Warenkorb“ aktivieren oder deaktivieren (der Produktpfad über dem Titel) und Breadcrumbs aktivieren (der Produktpfad über dem Titel).

Wenn Sie WooCommerce nicht installiert und aktiviert haben, sind die von Elementor bereitgestellten Produktvorlagen nicht verfügbar. Es wird dringend empfohlen, dass Sie eine für Ihr Unternehmen vorgefertigte Vorlage auswählen und diese so anpassen, dass sie für Ihre Marke geeignet ist. Auch wenn Sie nicht über die erforderlichen Fähigkeiten verfügen, um sofort eine Vorlage zu erstellen, können Sie es dennoch tun, wenn Sie hart arbeiten. Stellen Sie sicher, dass Ihre einzelne Produktseite mit einem Produkt-Widget eingebettet ist, um Ihren Kunden ein einzigartiges Einkaufserlebnis zu bieten. Mit dem Elementor-Produktseitenersteller können Sie alle Elemente steuern, aus denen er besteht. Als Widget-Komponenten können Produkttitel, Galerie, Bilder, Preis, Bewertung, Kurzbeschreibung, Breadcrumbs, Daten-Tabs, Bestand, Verwandte, Upsell, In den Warenkorb, Meta, Inhalt und zusätzliche Informationen angezeigt werden. Das Widget „In den Einkaufswagen“ fügt dem Einkaufswagen Funktionen hinzu, indem es die Anpassung und das Layout der Schaltfläche „In den Einkaufswagen“ anzeigt.

Das Produkt-Tabs-Widget ist der primäre Weg, um auf Produktinformationen zuzugreifen. Sie können den Stil Ihres Widgets für verwandte Produkte ändern, indem Sie ein bestimmtes Produkt auswählen. Wenn Sie auf diese Schaltfläche klicken, können Sie zwischen den Anzeigeoptionen Desktop, Tablet und Mobile wechseln. Standardmäßig gilt die von uns erstellte Vorlage für alle Produktseiten in Ihrem WooCommerce-Shop. Wählen Sie in der unteren linken Ecke der Seite das Einstellungssymbol aus und klicken Sie dann auf das Augensymbol auf der neuen Produktseite, um eine Vorschau anzuzeigen. Notieren Sie sich die gewünschte Schriftgröße. Sie können einen Produktfilter oder ein Shorting-Plugin verwenden, um Ihren Shop zu optimieren.

In einer hierarchischen Reihenfolge können Sie alle Produktinformationen organisieren, damit Kunden mehr über Ihre Produkte erfahren können. Die Bildoptimierungs-Plugins können hochauflösende Bilder optimieren, sie sind jedoch nicht darauf ausgelegt, Ihre Website zu beschleunigen. Indem Sie einem Kunden erlauben, das Produkt auf den Bildern zu sehen, wird er oder sie in seiner Entscheidung sicherer. Wenn Sie möchten, dass Ihre Kunden den Preis schnell verstehen, passen Sie die Produktseite so an, dass sie in einer großen Schrift angezeigt wird. Wenn Sie den Preis hervorheben möchten, verwenden Sie eine Kontrastfarbe. Der ursprüngliche Preis sowie eventuelle Rabatte sollten neben dem neuen Preis angezeigt werden. Wenn Sie sich noch nicht für Ihr Design entschieden haben, müssen Sie es möglicherweise noch einmal überdenken, wenn der Preis nicht sofort klar ist.

Die Woocommerce-Produktseite wird nicht richtig angezeigt

Dieses Problem kann gelöst werden, indem Sie zum Abschnitt Produkte und dann zum Abschnitt Katalogsichtbarkeit gehen. Die Einstellung sollte jetzt „Shop- und Suchergebnisse“ lauten. Wenn Sie diese Informationen eingeben, werden Ihre Produkte auf Ihrer WooCommerce-Seite und in den Ergebnissen der Suchseite angezeigt.

Ein Toolset-Kunde hat Probleme mit einer WooCommerce-Einzelproduktseite. Espa*ol (Spanisch) ist ein guter Ersatz für Englisch (Englisch). Die Zeitzone für Europa/London ist 01:00 Uhr (GMT). Mir ist aufgefallen, dass wenn Layouts aktiv ist und Sie eine benutzerdefinierte Vorlage für Ihre Produkte erstellt haben, diese auch dann verwendet wird, wenn die Einstellungen von WooCommerce Views angeben, dass die Standardvorlage verwendet werden soll. Ihre Website ist eine Multi-Site und kann von den Plugins nicht angepasst oder deaktiviert/aktiviert werden, sodass er nicht darauf zugreifen kann. Wie kann ich ihm ein Super-Admin-Passwort schicken? Ich habe überprüft, dass die Layoutvorlage für Produkte verwendet wird und dass es einen Grund gibt, warum sie nicht genau so aussieht, wie Sie es erwarten.

Andere Themes, die Bootstrap nicht verwenden, sollten die Verwendung von Layouts generell vermeiden. Ansichten Inhaltsvorlagen können anstelle von Ansichten verwendet werden. Obwohl sie nicht in der Lage sind, Inhalte in Spalten einzufügen, haben sie eine leere Leinwand für Markups. Layouts bewirken, dass sich die Struktur einer einzelnen Produktseite ändert, was dazu führt, dass der Inhalt der Seite nicht richtig ausgezeichnet wird. Mit den WordPress-Ansichtseinstellungen können Sie auswählen, ob Sie das Layout eines Produkts verwenden möchten, aber nicht seine Vorlage. In unserem Fall können Sie wählen, ob Sie das Layout eines Produkts oder dessen WooCommerce-Vorlage verwenden möchten. Das einseitige Layout für Produkte ist nicht mit dem Layouts-Layout kompatibel. Wenn Sie den Produkten oder dem Shop bereits Layouts zugewiesen haben, löschen Sie diese Zuweisung bitte von jedem einzelnen Produkt (verwenden Sie keine Layouts) oder aus dem Vorlagenlayout.

Jetzt werden Ihre Produkte so gerendert, wie sie im Design erscheinen. Wenn die Produkte falsch angezeigt werden, liegt dies höchstwahrscheinlich am Thema, da Toolset bekanntlich danach keine Auswirkungen auf die Ausgabe hat. WooCommerce-Ansichten und -Layouts können nicht problematisch sein, wenn auf Ihrer Website keines davon aktiv ist. Sie können das gesamte Tool deaktivieren, um sicherzustellen, dass Ihre Produkte genau das sind, was das Thema möchte. Aufgrund des geteilten Screenshots werden keine Änderungen am Bild vorgenommen.

3 Dinge, die Sie überprüfen sollten, wenn Bewertungen nicht auf Produktseiten erscheinen

Wenn Bewertungen nicht auf Produktseiten erscheinen , gibt es ein paar Dinge zu beachten. Es ist möglich, das Erscheinen von Bewertungen auf Produktseiten zu deaktivieren, wenn Sie dies nicht wünschen. Um Bewertungen zu deaktivieren, gehen Sie zu Produkte. Wenn Sie keine Bewertung hinzufügen oder bearbeiten können, müssen Sie möglicherweise Ihren Browser-Cache leeren. Wenn das Problem nach dem Leeren des Caches weiterhin besteht, müssen Sie möglicherweise Ihre Hosting-Einstellungen ändern. Wenn Sie ein WordPress-Theme verwenden, müssen Sie möglicherweise seine Überprüfungseinstellungen ändern. Sie können zum Überprüfungsbereich gelangen, indem Sie zu Aussehen gehen. Sie müssen den Schieberegler auf der rechten Seite Ihres Bildschirms auf „Wahr“ oder „Eins“ setzen.

So fügen Sie Woocommerce-Produkte zur WordPress-Seite hinzu

Das Hinzufügen von WooCommerce-Produkten zu einer WordPress-Seite ist ein einfacher Vorgang, der in wenigen Schritten erledigt werden kann. 1. Melden Sie sich bei Ihrer WordPress-Site an und gehen Sie zu der Seite, auf der Sie das Produkt hinzufügen möchten. 2. Klicken Sie oberhalb des Editors auf die Schaltfläche „Medien hinzufügen“. 3. Klicken Sie auf die Registerkarte „Dateien hochladen“. 4. Wählen Sie das WooCommerce-Produkt auf Ihrem Computer aus, das Sie hinzufügen möchten. 5. Klicken Sie auf die Schaltfläche „In Seite einfügen“. Das Produkt wird nun der WordPress-Seite hinzugefügt.

Der Prozess des Hinzufügens von Produkten zu einem Post oder einer Seite in einem WooCommerce-Shop. Wenn Sie das Produkttabellen-Plugin verwenden, können Sie Produkte in einem Tabellen-/Listenlayout anzeigen, sodass Benutzer sie in ihren Warenkorb legen können, ohne den Beitrag oder die Seite zu verlassen, auf der sie angezeigt werden. Um die Produkte in einem Beitrag oder einer Seite anzuzeigen, zeigen wir Ihnen, wie Sie eine Produkttabelle erstellen. Um Änderungen nach dem Erstellen der Tabelle zu speichern, klicken Sie in der oberen rechten Ecke des Bildschirms auf Änderungen speichern. Um die Tabelle irgendwo in einen Beitrag oder eine Seite einzufügen, benötigen wir den Shortcode der Tabelle. Um den Shortcode zu kopieren, gehen Sie zu den allgemeinen Einstellungen des Plugins. Dieser Shortcode kann verwendet werden, um die Tabelle auf jedem Post oder jeder Seite in Ihrem Geschäft anzuzeigen.

Um den Shortcode einzufügen, müssen wir zuerst einen Shortcode-Block einfügen. Ich werde den Block nach dem ersten Absatz des Beitrags einfügen. Nachdem der Beitrag aktualisiert wurde, können Sie überprüfen, ob die Produkttabelle hinzugefügt wurde. Die Benutzer können nun beliebige Produkte in ihren Warenkorb legen, nachdem sie den Blog-Beitrag verlassen haben. Mit dem WordPress-Blockeditor können Sie Produkte zu jeder Seite oder jedem Beitrag hinzufügen. Da der Blockeditor in den neuesten und kommenden Versionen von WordPress enthalten ist, müssen wir kein Plugin installieren, um diese Methode zu implementieren. Stellen Sie vor der Installation des Gutenberg-Plugins sicher, dass Sie eine ältere Version von WordPress haben, die den klassischen Editor enthält.

Wählen Sie Produkte nach Kategorie aus, um Produkte zu Ihrer WooCommerce-Seite hinzuzufügen oder sie in Ihrem Geschäft zu veröffentlichen. Finden Sie Produkte, indem Sie ihren Namen in die Suchleiste eingeben, die eine Liste aller Blöcke anzeigt, die sich auf das Produkt beziehen. Nachdem Sie eine Kategorie ausgewählt haben, werden Sie aufgefordert, Produkte hinzuzufügen, indem Sie auf die Schaltfläche Fertig klicken. Um die Seite zu aktualisieren, klicken Sie auf die Schaltfläche Aktualisieren in der oberen rechten Ecke Ihres Bildschirms.