Tema personalizado
Você pode instalar um ou vários temas para usar em uma ou todas as lojas e sites do projeto. Os temas incluem vários arquivos estáticos, incluindo imagens, fontes, CSS, JavaScript, PHP e muito mais, para projetar completamente suas lojas. Você pode adicionar o tema extraindo seu código para o sistema de arquivos ou usando o Composer.
Instalar um tema manualmente
Para instalar um tema manualmente, você deve ter o código do tema em um arquivo compactado ou em uma estrutura de diretório semelhante à seguinte:
<VendorName>
├── composer.json
├── etc
│ └── view.xml
├── media
├── registration.php
├── theme.xml
└── web
├── css
│ └── source
├── fonts
├── images
└── js
Para instalar um tema manualmente:
-
Copie o código do tema em
<Project root dir>/app/design/frontendpara um tema de vitrine ou<Project root dir>/app/design/adminhtmlpara um tema de Administrador. Verifique se o diretório de nível superior está<VendorName>; caso contrário, o tema não será instalado corretamente.code language-bash cp -r ExampleTheme <project-root>/app/design/frontend -
Confirme o tema copiado no local correto.
- Tema da loja:
ls <project-root>/app/design/frontend - Tema do administrador:
ls <project-root>/app/design/adminhtml
A seguir, há uma amostra:
Exemplo de Adobe Commerce de tema
- Tema da loja:
-
Adicionar e confirmar arquivos.
code language-bash git add -A && git commit -m "Add theme" -
Envie os arquivos para a ramificação.
code language-bash git push origin <branch name> -
Aguarde a conclusão da implantação.
-
Faça logon no Administrador.
-
Clique em Conteúdo > Design > Temas.
O tema é exibido no painel direito.
Instalar um tema usando o Composer
Instalar um tema usando o Composer é o mesmo que instalar qualquer outra extensão usando o Composer. Consulte Instalar, gerenciar e atualizar módulos para obter detalhes.
Para instalar um tema usando o Composer:
-
Compre o tema do Commerce Marketplace.
-
Obtenha o nome do Compositor do tema.
-
Altere para o diretório raiz do Adobe Commerce e digite o comando:
code language-bash composer require <vendor>/<name>:<version>Por exemplo,
code language-bash composer require zero1/theme-fashionista-theme:1.0.0 -
Aguarde até que as dependências sejam atualizadas.
-
Digite os seguintes comandos:
code language-bash git add -A && git commit -m "Add theme"code language-bash git push origin <branch name> -
Faça logon no Administrador.
-
Clique em Conteúdo > Design > Temas.
O tema é exibido no painel direito.
Vários temas
Ao usar vários temas, como temas diferentes por localidade, revise a SCD_MATRIX variável de ambiente para personalizar a implantação do tema. Consulte a build ou implantar etapas no configuração do ambiente.