Template override Virtuemart 2

#111792
redloModerador Foro
Participante

Hola, la tecnica template overrides, como su nombre indica, realiza una sobre escritura de extensiones de terceros y/o el propio joomla, desde la plantilla asignada por defecto de tu joomla!, lo que permite, personalizar SIN modificar el core de una extension o del propio joomla.

Para realizar una actuación sobre el componente virtuemart 2, tienes que copiar los archivos que necesitas modificar en la carpeta HTML de tu plantilla joomla por defecto. Una vez copiados, cualqueier modificación realizada en esos archivos, afectara directamente al funcionamiento y vista del componente virtuemart 2.

Para estilizar la vista con el lenguaje CSS o LESS ….

> Es un formato pre-procesador de CSS empleado para crear hojas de estilo y utilizar la tecnica Responsive Web Design y que NO es reconocido por todos los navegadores y que se debe compilar y pasar a CSS desde una herramienta externa como SimpLESS . De este tema intentare hablar en algun tutorial que realizare mas adelante. < ,

…. si tu plantilla incluye un archivo llamado custom.css o algo por el estilo, para personalización, si no, desde el archivo template.css, situados en la carpeta CSS de tu plantilla, que casi todos incluyen, debes reañizar las modificaciones y o añadidos, según las clases asignadas para el estilo del componente virtuemart y que puedes conocer e indagar sobre ello en http://docs.virtuemart.net/ , aunque para empezar, te recomiendo COPIAR y PEGAR el estilo de la pantilla o theme virtuemart por defecto y realizar las modificaciones desde ahi, que te sera mas llevadero y sencillo para empezar.

Te indico que el código CSS del theme por defecto de virtuemart 2 esta situado en /components/com_virtuemart/assets y /components/com_virtuemart/assets/css.

El archivo a destacar es vmsite-ltr.css situado en /components/com_virtuemart/assets. A tener en cuenta que no es facil.

Luego si se te ocurre, tomar la carpeta com_virtuemart de la carpeta html de un template joomla! que incluye un estilo definido para una plantilla joomla!, no olvides el código CSS, que seguramente tendras que sacar de los archivos CSS de la plantilla y es psoible que tambien exista un archivo llamado virtuemart.css o por el estilo y si esta, tendras que copiralo y crear la llamada a ese archivo desde tu plantilla desde la que quieres realizar el template overrides de virtuemart 2 .
Y tampoco sera facil, debido a las siempre presente, o casi, sentencia !important que te fastidira el invento en mas de una ocasión 🙂 y funciona como una palabra clave para ignorar las reglas. Cualquier definición que vaya acompañada de un !important tendrá mayor importancia que cualquier otra. Y no se trata de eliminar ese !important a diestro y siniestro, que si esta, tendra su razon de ser. Asi que ojo tambien con eso.

Para que te hagas una idea, algo mas precisa, te paso el enlace de solojoomla que trata este tema y que incluye un ejemplo > https://solojoomla.com/template-overrides.html

Suerte y cuentanos que tal te fue.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Ver
Privacidad