Tema personalizado
Puede instalar uno o varios temas para usarlos en una o en todas las tiendas y sitios del proyecto. Los temas incluyen varios archivos estáticos, incluidas imágenes, fuentes, CSS, JavaScript, PHP y más, para diseñar completamente sus tiendas. Puede agregar la temática extrayendo su código en el sistema de archivos o utilizando Composer.
Instalar una temática manualmente
Para instalar una temática manualmente, debe tener el código de la temática en un archivo comprimido o en una estructura de directorios similar a la siguiente:
<VendorName>
├── composer.json
├── etc
│ └── view.xml
├── media
├── registration.php
├── theme.xml
└── web
├── css
│ └── source
├── fonts
├── images
└── js
Para instalar un tema manualmente:
-
Copie el código de la temática en
<Project root dir>/app/design/frontendpara una temática de tienda o en<Project root dir>/app/design/adminhtmlpara una temática de administrador. Compruebe que el directorio de nivel superior sea<VendorName>; de lo contrario, el tema no se instalará correctamente.code language-bash cp -r ExampleTheme <project-root>/app/design/frontend -
Confirme que la temática se ha copiado en el lugar correcto.
- Tema de tienda:
ls <project-root>/app/design/frontend - Tema del administrador:
ls <project-root>/app/design/adminhtml
A continuación se muestra un ejemplo:
Ejemplo de Adobe Commerce del tema
- Tema de tienda:
-
Agregue y confirme archivos.
code language-bash git add -A && git commit -m "Add theme" -
Inserte los archivos en la rama.
code language-bash git push origin <branch name> -
Espere a que se complete la implementación.
-
Inicie sesión en Admin.
-
Haga clic en Contenido > Diseño > Temas.
La temática se muestra en el panel derecho.
Instalar una temática mediante Composer
La instalación de una temática mediante Composer es igual que instalar cualquier otra extensión mediante Composer. Consulte Instalar, administrar y actualizar módulos para obtener más información.
Para instalar una temática con Composer:
-
Adquiera la temática en Commerce Marketplace.
-
Obtenga el nombre del compositor de la temática.
-
Cambie al directorio raíz de Adobe Commerce e introduzca el comando:
code language-bash composer require <vendor>/<name>:<version>Por ejemplo,
code language-bash composer require zero1/theme-fashionista-theme:1.0.0 -
Espere a que se actualicen las dependencias.
-
Introduzca los siguientes comandos:
code language-bash git add -A && git commit -m "Add theme"code language-bash git push origin <branch name> -
Inicie sesión en Admin.
-
Haga clic en Contenido > Diseño > Temas.
La temática se muestra en el panel derecho.
Múltiples temas
Cuando utilice varias temáticas, como diferentes temáticas por configuración regional, revise la variable de entorno SCD_MATRIX para personalizar la implementación de temáticas. Consulte las fases build o deploy en la configuración del entorno.