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

Een thema handmatig installeren:

  1. De themacode kopiëren onder <Project root dir>/app/design/frontend voor een winkelthema of <Project root dir>/app/design/adminhtml voor een thema Admin. Controleren of de map op het hoogste niveau <VendorName>anders 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 beheerder: 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. Klikken 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 Modules installeren, beheren en upgraden voor meer informatie.

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. Klikken Inhoud > Ontwerp > Thema's.

    Het thema wordt weergegeven in het rechterdeelvenster.

Meerdere thema's

Als u meerdere thema's gebruikt, zoals verschillende thema's per landinstelling, kunt u de opties SCD_MATRIX omgevingsvariabele voor het aanpassen van de themaimplementatie. Zie de build of inzetten in de omgevingsconfiguratie.

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