Tema personalizzato
Puoi installare uno o più temi da utilizzare per uno o tutti i tuoi store e siti nel progetto. I temi includono più file statici tra cui immagini, font, CSS, JavaScript, PHP e altro per progettare completamente i tuoi store. È possibile aggiungere il tema estraendone il codice nel file system oppure utilizzando Compositore.
Installare manualmente un tema
Per installare manualmente un tema, è necessario che il codice del tema sia in un archivio compresso o in una struttura di directory simile alla seguente:
<VendorName>
├── composer.json
├── etc
│ └── view.xml
├── media
├── registration.php
├── theme.xml
└── web
├── css
│ └── source
├── fonts
├── images
└── js
Per installare manualmente un tema:
-
Copiare il codice del tema in
<Project root dir>/app/design/frontendper un tema vetrina o<Project root dir>/app/design/adminhtmlper un tema amministratore. Verificare che la directory di primo livello sia<VendorName>. In caso contrario, il tema non viene installato correttamente.code language-bash cp -r ExampleTheme <project-root>/app/design/frontend -
Confermate il tema copiato nella posizione corretta.
- Tema vetrina:
ls <project-root>/app/design/frontend - Tema amministratore:
ls <project-root>/app/design/adminhtml
Di seguito è riportato un esempio:
EsempioTema Adobe Commerce
- Tema vetrina:
-
Aggiungere e confermare i file.
code language-bash git add -A && git commit -m "Add theme" -
Invia i file al ramo.
code language-bash git push origin <branch name> -
Attendere il completamento della distribuzione.
-
Accedi all’amministratore.
-
Fai clic su Contenuto > Progettazione > Temi.
Il tema viene visualizzato nel riquadro di destra.
Installare un tema tramite Compositore
L’installazione di un tema con Composer è identica all’installazione di qualsiasi altra estensione con Composer. Per informazioni dettagliate, vedere Installare, gestire e aggiornare i moduli.
Per installare un tema utilizzando Compositore:
-
Acquista il tema da Commerce Marketplace.
-
Ottieni il nome del Compositore del tema.
-
Passa alla directory principale di Adobe Commerce e immetti il comando:
code language-bash composer require <vendor>/<name>:<version>Ad esempio:
code language-bash composer require zero1/theme-fashionista-theme:1.0.0 -
Attendere l'aggiornamento delle dipendenze.
-
Immettete i seguenti comandi:
code language-bash git add -A && git commit -m "Add theme"code language-bash git push origin <branch name> -
Accedi all’amministratore.
-
Fai clic su Contenuto > Progettazione > Temi.
Il tema viene visualizzato nel riquadro di destra.
Più temi
Quando si utilizzano più temi, ad esempio temi diversi per lingua, esaminare la variabile di ambiente SCD_MATRIX per personalizzare la distribuzione dei temi. Vedere le fasi build o deploy nella configurazione ambiente.