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

So installieren Sie ein Design manuell:

  1. Kopieren Sie den Code des Designs unter "<Project root dir>/app/design/frontend"für ein Storefront-Design oder "<Project root dir>/app/design/adminhtml"für ein Admin-Design. Stellen Sie sicher, dass der Ordner der obersten Ebene "<VendorName>" ist. Andernfalls wird das Design nicht ordnungsgemäß installiert.

    code language-bash
    cp -r ExampleTheme <project-root>/app/design/frontend
    
  2. 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

  3. Fügen Sie Dateien hinzu und übertragen Sie sie.

    code language-bash
    git add -A && git commit -m "Add theme"
    
  4. Schicken Sie die Dateien an Ihren Zweig.

    code language-bash
    git push origin <branch name>
    
  5. Warten Sie, bis die Bereitstellung abgeschlossen ist.

  6. Melden Sie sich beim Administrator an.

  7. Klicken Sie auf 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. Weitere Informationen finden Sie unter Module installieren, verwalten und aktualisieren .

So installieren Sie ein Design mit Composer:

  1. Kaufen Sie das Design über Commerce Marketplace.

  2. Rufen Sie den Namen des Designs Composer ab.

  3. 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
    
  4. Warten Sie, bis die Abhängigkeiten aktualisiert wurden.

  5. 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>
    
  6. Melden Sie sich beim Administrator an.

  7. Klicken Sie auf 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 Umgebungsvariable SCD_MATRIX , um die Designbereitstellung anzupassen. Siehe die Schritte build oder deploy in der Umgebungskonfiguration.

recommendation-more-help
05f2f56e-ac5d-4931-8cdb-764e60e16f26