Die Verwendung des ACF (Erweiterte benutzerdefinierte Felder) Plugin kann WooCommerce-Produktkategorien und -Produkten benutzerdefinierte Felder hinzufügen, z. B. Video, QA-Felder usw. In Kombination mit der Vorlagenfunktion von Elementor Pro können erweiterte Produktlistenseiten und Produktdetailseiten erstellt werden. Nachfolgend finden Sie eine detaillierte Schritt-für-Schritt-Anleitung und ein Beispiel:
Hinzufügen von benutzerdefinierten Feldern zu Produktdetail-Seiten
Schritt 1: Installieren Sie das ACF-Plug-in
- Melden Sie sich in Ihrem Wordpress-Dashboard an und navigieren Sie zuPlug-in (Softwarekomponente)Geben Sie in das Suchfeld "Erweiterte benutzerdefinierte Felder".
- Installieren und aktivieren Sie das ACF-Plugin (Advanced Custom Fields).
Schritt 2: Felder hinzufügen
- Weiter zu "Feld"Menü, klicken Sie auf "neu gebaut".
- Fügen Sie einen Feldgruppennamen wie z. B. "Angebote".
- Setzen Sie den Ort auf "Inhaltstyp ist gleich Produkt", damit das Feld auf allen Produktseiten eingefügt wird.
- Klicken Sie "Hinzufügen von Feldern".
Schritt 3: Einrichten der Felder
- Geben Sie die Feldbezeichnung ein, z. B. "QA". Der Feldname wird automatisch auf der Grundlage der Feldbeschriftung generiert, wobei Englisch empfohlen wird.
- Wählen Sie den Feldtyp als "Visueller Editor" und speichern.
Beispiel: Hinzufügen von benutzerdefinierten Feldern zu Produktdetails und Produktlisten mit ACF
Gehen Sie zur Produktliste, bearbeiten Sie ein beliebiges Produkt und ein neues QA-Feld wird unten auf der Seite hinzugefügt. Um den Inhalt aufzufüllen, können Sie die gleiche Methode verwenden, um andere Felder wie BROSCHÜRE, WARUM SIE UNS WÄHLEN usw. hinzuzufügen.
Schritt 4: Erstellen Sie eine Vorlage für eine Produkt-Detailseite mit Elementor Pro
- Fertige Vorlage für ein einzelnes Produkt (Vorlage für eine Produktdetailseite).
- Bearbeiten Sie die Vorlage für die Produktdetailseite mit Elementor.
- Fügen Sie ein Texteditor-Element unterhalb der Überschrift hinzu.
- Klicken Sie auf das dynamische Tag und wählen Sie "ACF-Feld".
- Wählen Sie im Schlüssel das Feld "QA", das Sie gerade hinzugefügt haben.
caveat Wenn das Produkt, zu dem das QA-Feld gerade hinzugefügt wurde, nicht das aktuell in der Vorschau angezeigte Produkt ist, müssen Sie das in der Vorschau angezeigte Produkt festlegen, indem Sie auf das Zahnrad in der unteren linken Ecke und auf "Bewerben & Vorschau", um den Inhalt des QA-Feldes zu sehen.
Benutzerdefinierte Felder zu Produktlistenseiten hinzufügen
Schritt 1: Hinzufügen von Videofeldern zu Produktkategorien mit ACF
- Hinzufügen wie obenACF-Video-Felder.
- Wenn Sie eine Produktkategorie hinzufügen, wird das Videofeld angezeigt.
Schritt 2: Produktarchivvorlage mit Elementor Pro erstellen
- Fügt der Vorlage ein Videoelement hinzu.
- Setzen Sie den Link des Videoelements auf "ACF-Feld" und wählen Sie das soeben hinzugefügte ACF-Videofeld aus.
caveat
Geben Sie bei der Bearbeitung von Produktkategorie-Informationen einen Videolink ein, und das entsprechende Video wird bei der Anzeige der Produktkategorieseite angezeigt.
Mit den oben genannten Schritten können Sie ACF und Elementor Pro verwenden, um flexibel benutzerdefinierte Felder zu WooCommerce-Produkten hinzuzufügen und personalisierte Produktdetailseiten und Produktlistenseiten zu erstellen.