So ändern Sie das Erscheinungsbild Ihres Bestellformulars

Möchten Sie, dass Ihr Bestellformular dem Design Ihres Shops entspricht? Der Builder für das WooCommerce Wholesale Order Form enthält Stilsteuerungen für jedes Element, die Abstände, Schaltflächenfarben und die Anzeige von Feldbezeichnungen abdecken. Dieser Artikel führt Sie durch jede Option.

Voraussetzungen

• WooCommerce Wholesale Order Form installiert und aktiviert
• Mindestens ein Bestellformular wurde bereits erstellt. Wenn Sie dies noch nicht getan haben, lesen Sie die WooCommerce Wholesale Order Form Getting Started Guide.

Öffnen des Einstellungsbereichs für Elemente

Stil- und Anzeigeoptionen sind für jedes einzelne Element in Ihrem Bestellformular verfügbar. Um sie zu öffnen:

1. Gehen Sie in Ihrem WordPress-Adminbereich zu Großhandel → Bestellformulare.
2. Klicken Sie auf das Bestellformular, das Sie bearbeiten möchten, um es im Builder zu öffnen.
3. Fahren Sie mit der Maus über ein beliebiges Element im Formular. Ein Zahnradsymbol wird in der oberen rechten Ecke dieses Elements angezeigt.
4. Klicken Sie auf das Zahnradsymbol, um den Einstellungsbereich in der rechten Seitenleiste zu öffnen.

Die Seitenleiste zeigt zwei Abschnitte: Stile (Abstände und visuelle Anpassungen) und Optionen (elementbezogene Einstellungen). Klicken Sie auf eine Abschnittsüberschrift, um sie zu erweitern. Die folgenden Abschnitte erklären, was jeder enthält.

Anpassen von Elementabständen

Verwenden Sie den Abschnitt Stile, um den Abstand um jedes Element zu steuern. Jedes Element unterstützt Abstands- und Innenabstandswerte, sodass Sie das Layout feinabstimmen können, um es an das Design Ihres Shops anzupassen.

1. Klicken Sie auf das Zahnradsymbol des Elements, das Sie anpassen möchten.
2. Erweitern Sie den Abschnitt Stile in der Seitenleiste.
3. Geben Sie Werte für Abstand (Außenabstand des Elements) oder Innenabstand (Innenabstand des Elements) ein. Die Werte sind standardmäßig in Pixeln angegeben. Verwenden Sie den Einheitenwähler, um bei Bedarf zu %, em oder rem zu wechseln.
4. Die vier Seiten sind standardmäßig verknüpft, sodass ein eingegebener Wert gleichzeitig für oben, rechts, unten und links gilt. Klicken Sie auf das Verknüpfungssymbol, um die Seiten zu entkoppeln, und geben Sie dann jeden Wert einzeln ein.
5. Klicken Sie in der oberen Symbolleiste auf Entwurf speichern (oder Aktualisieren, wenn das Formular bereits veröffentlicht ist), um das Formular zu speichern.

Ändern von Schaltflächenfarben

Schaltflächenelemente, wie die Schaltfläche In den Warenkorb und die Schaltfläche Suchen, verfügen über Farbstilsteuerungen in ihrem Abschnitt Stile. Sie können separate Farben für den Hintergrund der Schaltfläche und den Text der Schaltfläche festlegen.

1. Klicken Sie auf das Zahnradsymbol der Schaltfläche, die Sie ändern möchten.
2. Erweitern Sie den Abschnitt Stile in der Seitenleiste.
3. Klicken Sie auf die Farbfeld neben Schaltflächenfarbe, um den Farbwähler zu öffnen und Ihre Hintergrundfarbe auszuwählen.
4. Klicken Sie auf das Farbfeld neben Schaltflächentextfarbe, um die Farbe der Beschriftung festzulegen.
5. Klicken Sie in der oberen Symbolleiste auf Entwurf speichern (oder Aktualisieren, wenn das Formular bereits veröffentlicht ist), um das Formular zu speichern.

Anzeigen oder Ausblenden von Produkt-Metafeld-Bezeichnungen

Wenn Ihr Bestellformular eine Spalte Produkt-Meta enthält, die zur Anzeige benutzerdefinierter Produktdaten wie Gewicht, Abmessungen oder anderer im Produkt-Meta gespeicherter Attribute verwendet wird, können Sie wählen, ob die Feldbezeichnung neben jedem Wert angezeigt werden soll. Dies ist nützlich, wenn Sie ein saubereres Layout wünschen, das nur die Werte anzeigt, ohne die Feldnamen daneben.

1. Klicken Sie auf das Zahnradsymbol Ihrer Spalte Produkt-Meta, um deren Einstellungen zu öffnen.
2. Erweitern Sie den Abschnitt Optionen in der Seitenleiste.
3. Suchen Sie das Kontrollkästchen Feldbezeichnungen anzeigen. Standardmäßig ist dieses aktiviert, was bedeutet, dass Bezeichnungen neben jedem Wert sichtbar sind.
4. Deaktivieren Sie Feldbezeichnungen anzeigen, um die Bezeichnungen auszublenden und nur die Werte im Bestellformular anzuzeigen.
5. Klicken Sie in der oberen Symbolleiste auf Entwurf speichern (oder Aktualisieren, wenn das Formular bereits veröffentlicht ist), um das Formular zu speichern.

Hinweis: Metaschlüssel, die mit einem Unterstrich beginnen (z. B. _my_field), sind in WordPress privat und werden unabhängig von dieser Einstellung nicht im Bestellformular angezeigt.

Fehlerbehebung

Meine Abstandsänderungen werden im Frontend nicht angezeigt

Stellen Sie sicher, dass Sie das Formular mit Entwurf speichern oder Aktualisieren in der oberen Symbolleiste gespeichert haben, nachdem Sie Ihre Abstandswerte eingegeben haben. Wenn Sie gespeichert haben, die Änderung aber immer noch nicht sehen, versuchen Sie, den Cache Ihres Browsers und alle Caching-Plugins (wie WP Rocket oder W3 Total Cache) zu leeren und laden Sie dann die Seite neu.

Die Spalte „Produkt-Meta“ zeigt keine Werte an

Überprüfen Sie die Metaschlüssel, die Sie in der Tabelle Produkt-Meta im Abschnitt „Optionen“ hinzugefügt haben. Der Schlüssel muss genau mit dem übereinstimmen, was in den benutzerdefinierten Feldern des Produkts gespeichert ist, einschließlich der Groß-/Kleinschreibung. Bestätigen Sie außerdem, dass der Metaschlüssel nicht mit einem Unterstrich beginnt, da private Metafelder von der Anzeige ausgeschlossen sind.

Das Kontrollkästchen „Feldbezeichnungen anzeigen“ wird nicht gespeichert

Diese Option erfordert WooCommerce Wholesale Order Form Version 3.0.9 oder höher. Überprüfen Sie Ihre Plugin-Version unter Plugins → Installierte Plugins und aktualisieren Sie bei Bedarf.

Häufig gestellte Fragen

Kann ich Bezeichnungen für einige Metafelder ausblenden, für andere aber anzeigen?
Nein. Die Einstellung Feldbezeichnungen anzeigen gilt für alle Metafelder in dieser Spalte gleichzeitig. Wenn Sie eine gemischte Anzeige benötigen, sollten Sie zwei separate Spalten für Produkt-Meta hinzufügen: eine mit angezeigten Bezeichnungen und eine mit ausgeblendeten Bezeichnungen, die jeweils mit unterschiedlichen Metaschlüsseln konfiguriert sind.

Kann ich die Schriftgröße oder Farbe des Elementtextes ändern?
Die integrierten Stilsteuerungen decken derzeit Abstände und Schaltflächenfarben ab. Für Textstile können Sie benutzerdefiniertes CSS über Darstellung → Anpassen → Zusätzliches CSS hinzufügen und die CSS-Klassen des Bestellformulars ansprechen.

Benötigen Sie Hilfe?

Wenn Sie eine Frage haben oder auf Probleme stoßen, sind wir für Sie da.

• Premium-Benutzer: Support-Ticket eröffnen
• Kostenlose Benutzer: Besuchen Sie unser Community-Forum