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:
-
Kopieer de themacode onder
<Project root dir>/app/design/frontendvoor een winkelthema of<Project root dir>/app/design/adminhtmlvoor 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 -
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
- Winefront-thema:
-
Bestanden toevoegen en toewijzen.
code language-bash git add -A && git commit -m "Add theme" -
Verplaats de bestanden naar de vertakking.
code language-bash git push origin <branch name> -
Wacht tot de implementatie is voltooid.
-
Meld u aan bij de beheerder.
-
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:
-
Koop het thema uit Commerce Marketplace.
-
Haal de naam van de componist van het thema op.
-
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 -
Wacht op gebiedsdelen om bij te werken.
-
Voer de volgende opdrachten in:
code language-bash git add -A && git commit -m "Add theme"code language-bash git push origin <branch name> -
Meld u aan bij de beheerder.
-
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.