TECNOAMBASSADOR · MÓDULO PRESTASHOP
Tecno CSS Global
Agregá CSS personalizado a todo el front office de tu tienda.
|
| Cambiá el aspecto de tu tienda sin tocar los archivos del tema. Con Tecno CSS Global pegás tus estilos, los guardás con nombre, los ordenás y los activás o desactivás de a uno. Cada CSS se puede aplicar a un theme en particular y solo en celular, solo en escritorio o en ambos. |
| { } CSS a tu medida 🎚️ Activar de a uno 🌎 Español e inglés |
¿Qué podés hacer?
|
| |
📝 Pegá tu CSS y guardalo con nombre
- Cada CSS lleva un nombre, para encontrarlo fácil después.
- Podés agregar una nota opcional que explique para qué sirve.
- Si pegás las etiquetas <style>, se quitan solas al guardar.
- Editá, duplicá o eliminá cuando quieras. La copia de un CSS queda desactivada para que pruebes sin riesgo.
|
|
| |
| |
🎚️ Activá y desactivá de a uno
- Interruptor en cada CSS para activarlo o desactivarlo con un clic.
- Interruptor general: si lo apagás, no se carga ningún CSS en la tienda.
- Listado “Mis CSS” con el estado de cada uno, la cantidad de caracteres y cuántos están activos.
- Opción “Ver CSS” para leer el código sin entrar a editarlo.
|
|
| |
| |
🎯 Elegí dónde se aplica
- Por theme: para todos los themes o solo para uno de los instalados, que se aplica únicamente cuando ese theme está activo.
- Por dispositivo: celular y escritorio, solo celular o solo escritorio.
- El listado te avisa si un CSS no se aplica con el theme actual o si su theme ya no está instalado.
|
|
| |
| |
📑 Vos controlás el orden
- Subí o bajá cada CSS dentro de la lista.
- Se cargan en ese orden: si dos reglas chocan, gana el que está más abajo.
- Tus estilos se cargan con prioridad máxima, después de los estilos del tema, para que se apliquen sin pelear con él.
|
|
| |
| |
✅ Revisión mientras escribís
- Avisa si hay un comentario /* */ sin cerrar.
- Cuenta las llaves y avisa cuántas faltan o cuántas sobran.
- Avisa si los paréntesis no coinciden.
- Muestra “Estructura correcta” cuando todo está en orden.
|
|
| |
| |
⚡ Un solo archivo, liviano
- Todos tus CSS activos se juntan en un único archivo, así la tienda hace una sola carga.
- Opción de minificar el CSS para achicar el archivo y que cargue más rápido.
- Botón para regenerar el archivo cuando quieras.
- Si el archivo se pierde (por ejemplo, al migrar la tienda), el módulo lo vuelve a generar solo.
|
|
| |
| |
💾 Respaldo de tus CSS
- Exportá todos tus CSS a un archivo de respaldo (.json).
- Importalos en otra tienda o después de una migración, sin volver a pegarlos uno por uno.
- El módulo controla que el archivo sea un respaldo válido antes de importarlo.
|
|
| |
| |
⚙️ Panel de control a tu medida
- Encabezado con el estado (activo o inactivo), el theme de la tienda y el archivo final generado.
- Formulario de alta y edición en la misma pantalla que el listado.
- Panel en español e inglés, con selector Auto / ES / EN.
|
|
| |
✅ Ventajas
- Personalizás tu tienda sin tocar archivos del tema ni perder cambios al actualizarlo.
- Probás y descartás cambios con un clic, sin borrar código.
- Todo ordenado: cada ajuste con su nombre y su nota.
- Respaldo listo para llevar tus estilos a otra tienda.
|
| |
Requisitos
- PrestaShop 1.7.6 o superior.
- Carpeta modules/tecnocssglobal/views/css/ con permiso de escritura, para generar el archivo final.
- Importante: al desinstalar el módulo se eliminan los CSS guardados y la configuración. Antes de hacerlo, exportá un respaldo.
|
