Benutzerdefiniertes Design
Sie können ein oder mehrere Designs installieren, um sie für einen oder alle Ihrer Stores und Sites in Ihrem Projekt zu verwenden. Designs umfassen mehrere statische Dateien, darunter Bilder, Schriftarten, CSS, JavaScript, PHP und mehr, um Ihre Geschäfte vollständig zu entwerfen. Sie können das Design hinzufügen, indem Sie entweder den Code in das Dateisystem extrahieren oder den Composer verwenden.
Manuelles Installieren eines Designs
Um ein Design manuell zu installieren, muss sich der Code des Designs in einem komprimierten Archiv oder in einer Verzeichnisstruktur wie der folgenden befinden:
<VendorName>
├── composer.json
├── etc
│ └── view.xml
├── media
├── registration.php
├── theme.xml
└── web
├── css
│ └── source
├── fonts
├── images
└── js
Manuelles Installieren eines Designs:
-
Kopieren Sie den Code des Designs unter
<Project root dir>/app/design/frontendfür ein Storefront-Design oder<Project root dir>/app/design/adminhtmlfür ein Admin-Design. Stellen Sie sicher, dass der Ordner der obersten Ebene<VendorName>; andernfalls wird das Design nicht ordnungsgemäß installiert.code language-bash cp -r ExampleTheme <project-root>/app/design/frontend -
Bestätigen Sie das Design, das an die richtige Stelle kopiert wurde.
- Storefront-Design:
ls <project-root>/app/design/frontend - Admin-Design:
ls <project-root>/app/design/adminhtml
Ein Beispiel:
Beispiel-Design-Adobe Commerce
- Storefront-Design:
-
Fügen Sie Dateien hinzu und übertragen Sie sie.
code language-bash git add -A && git commit -m "Add theme" -
Schicken Sie die Dateien an Ihren Zweig.
code language-bash git push origin <branch name> -
Warten Sie, bis die Bereitstellung abgeschlossen ist.
-
Melden Sie sich beim Administrator an.
-
Klicks Inhalt > Design > Designs.
Das Design wird im rechten Bereich angezeigt.
Installieren eines Designs mithilfe von Composer
Die Installation eines Designs mit Composer entspricht der Installation jeder anderen Erweiterung mit Composer. Siehe Module installieren, verwalten und aktualisieren für Details.
So installieren Sie ein Design mit Composer:
-
Kaufen Sie das Design über Commerce Marketplace.
-
Rufen Sie den Namen des Designs Composer ab.
-
Wechseln Sie in den Stammordner von Adobe Commerce und geben Sie den Befehl ein:
code language-bash composer require <vendor>/<name>:<version>Beispiel:
code language-bash composer require zero1/theme-fashionista-theme:1.0.0 -
Warten Sie, bis die Abhängigkeiten aktualisiert wurden.
-
Geben Sie die folgenden Befehle ein:
code language-bash git add -A && git commit -m "Add theme"code language-bash git push origin <branch name> -
Melden Sie sich beim Administrator an.
-
Klicks Inhalt > Design > Designs.
Das Design wird im rechten Bereich angezeigt.
Mehrere Designs
Wenn Sie mehrere Designs verwenden, z. B. verschiedene Designs pro Gebietsschema, überprüfen Sie die SCD_MATRIX Umgebungsvariable zum Anpassen der Designbereitstellung. Siehe build oder deploy in den Umgebungskonfiguration.