1- Cambiando el archivo xml
En el archivo /templates/ja_zeolite/templateDetails.xml , necesitamos agregar un nuevo color, en la línea 89 aproximadamente agregamos lo siguiente:
<option value="naranja">Naranja</option>
Es decir el color de ejemplo naranja, el código completo de la sección de colores del archivo xml se muestra en la siguiente imagen:
2- Cambiando las imágenes del template
En la carpeta /templates/ja_zeolite/images/ , creamos una nueva carpeta con el nombre del color y subimos las imágenes previamente modificadas al color naranja.
Para realizar este trabajo nos basamos en las imágenes de una carpeta de color por defecto y utilizamos algún editor de imágenes (ver video al final del artículo).
3- Copiando el archivo de estilos
En la carpeta /templates/ja_zeolite/css/colors/ nos basamos en algún archivo de color y lo copiamos con el nombre naranja.css
4- Modificando el archivo de estilos
Realizamos las modificaciones al archivo de estilos naranja.css, cambiando las rutas de las imágenes y cambiando los colores por los tonos de colores naranja. Para realizar este trabajo podemos usar algún editor que nos permita buscar y reemplazar texto rápidamente.
5- Seleccionamos el nuevo estilo
Desde el gestor de plantillas ingresamos a la configuración de la plantilla ja_zeolite y seleccionamos el nuevo estilo definido.
6- Resultado Final
En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.
En el siguiente video se explica cómo editar las imágenes del template