Aangepast thema

U kunt een of meerdere thema's installeren en gebruiken voor een of alle winkels en sites in uw project. Thema's bevatten meerdere statische bestanden, waaronder afbeeldingen, lettertypen, CSS, JavaScript, PHP en meer om uw winkels volledig te ontwerpen. U kunt het thema toevoegen door de code ervan naar het bestandssysteem te extraheren of door Composer te gebruiken.

Een thema handmatig installeren

Als u een thema handmatig wilt installeren, moet u de themacode in een gecomprimeerd archief of in een directorystructuur hebben die lijkt op het volgende:

<VendorName>
  ├── composer.json
      ├── etc
      │   └── view.xml
      ├── media
      ├── registration.php
      ├── theme.xml
      └── web
          ├── css
          │   └── source
          ├── fonts
          ├── images
          └── js

om een thema manueel te installeren:

  1. Kopieer de themacode onder <Project root dir>/app/design/frontend voor een winkelthema of <Project root dir>/app/design/adminhtml voor een beheerderthema. Controleer of de map op hoofdniveau <VendorName> is. Als dit niet het geval is, wordt het thema niet correct geïnstalleerd.

    code language-bash
    cp -r ExampleTheme <project-root>/app/design/frontend
    
  2. Bevestig het thema dat naar de juiste plaats is gekopieerd.

    • Winefront-thema: ls <project-root>/app/design/frontend
    • Thema voor beheer: ls <project-root>/app/design/adminhtml

    Hieronder volgt een monster:

    ExampleTheme Adobe Commerce

  3. Bestanden toevoegen en toewijzen.

    code language-bash
    git add -A && git commit -m "Add theme"
    
  4. Verplaats de bestanden naar de vertakking.

    code language-bash
    git push origin <branch name>
    
  5. Wacht tot de implementatie is voltooid.

  6. Meld u aan bij de beheerder.

  7. Klik Inhoud > Ontwerp > Thema's.

    Het thema wordt weergegeven in het rechterdeelvenster.

Een thema installeren met Composer

Het installeren van een thema met Composer is hetzelfde als het installeren van een andere extensie met Composer. Zie installeren, leiden, en verbeteringsmodulesvoor details.

Een thema installeren met Composer:

  1. Koop het thema uit Commerce Marketplace.

  2. Haal de naam van de componist van het thema op.

  3. Wijzig de hoofdmap van de Adobe Commerce en voer de opdracht in:

    code language-bash
    composer require <vendor>/<name>:<version>
    

    Bijvoorbeeld:

    code language-bash
    composer require zero1/theme-fashionista-theme:1.0.0
    
  4. Wacht op gebiedsdelen om bij te werken.

  5. Voer de volgende opdrachten in:

    code language-bash
    git add -A && git commit -m "Add theme"
    
    code language-bash
    git push origin <branch name>
    
  6. Meld u aan bij de beheerder.

  7. Klik Inhoud > Ontwerp > Thema's.

    Het thema wordt weergegeven in het rechterdeelvenster.

Meerdere thema's

Wanneer u meerdere thema's gebruikt, zoals verschillende thema's per landinstelling, bekijkt u de omgevingsvariabele van SCD_MATRIX om de implementatie van thema's aan te passen. Zie bouwenof 🔗 stadia in de milieuconfiguratieopstellen.

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