Lee también en nuestro blog
-
Tema hijo en PrestaShop: personalizar el diseño sin perder cambios al actualizar Si editas directamente los ficheros de tu tema, la próxima actualización se lleva tus cambios. Un tema hijo guarda solo lo que cambias y her Leer artículo → -
Twig y Smarty en PrestaShop: qué se usa dónde y cómo personalizar sin romper El front sigue en Smarty y el back office va en Twig. Te explicamos cómo personalizar cada uno y dónde poner tus cambios para que sobrevivan Leer artículo → -
La consola de PrestaShop: comandos de bin/console que te ahorran horas Instalar, actualizar y reiniciar módulos, vaciar caché o revisar rutas sin abrir el back office. Una chuleta de la consola de PrestaShop con Leer artículo →
Módulo editor tpl js y css
Precio:
60,50 €
Este producto se puede comprar con suscripción. Abajo ves qué incluye cada opción y cuánto cuesta.
Primer año:
60,50 €
IVA incl.
Desde el segundo año:
15,13 €/año
IVA incl.
- Un año de soporte técnico y actualizaciones de por vida; desde el segundo año, el soporte se amplía por 15,13 €/año e incluye atender tus ideas de mejora generales del módulo.
- Se renueva sola; la cancelas cuando quieras, sin permanencia.
Pago único:
60,50 €
IVA incl.
- Un año de soporte técnico y actualizaciones de por vida; después, el soporte termina (con la suscripción se amplía por 15,13 €/año).
- Un solo pago, sin cobros automáticos.
50,00 €
+ IVA = 60,50 €
Edita el CSS y el JS de tu theme desde el back-office, sin FTP: custom.css y custom.js a un clic, resaltado de sintaxis, buscador en todos los archivos, copia de seguridad automática antes de cada guardado y protección para no pisar un archivo que ha cambiado en disco. PrestaShop 8 y 9.
Diseño
Cambiar un color no debería exigir un cliente FTP.
Un margen que sobra, un botón que no destaca, un script de seguimiento que hay que pegar. Son dos líneas, pero para escribirlas necesitas acceso al servidor, saber dónde está el archivo y rezar para no romper nada. RKR Editor CSS/JS de themes te deja hacerlo desde el back-office, con una copia de seguridad antes de cada guardado.
1 clic
Hasta
custom.css o custom.js. Si tu theme no los tiene, el editor te ofrece crearlos, y PrestaShop los carga solo.20 copias
Por archivo, de serie y ajustables. Cada guardado hace antes una copia del estado anterior, y volver a ella es elegirla en un desplegable.
0 archivos PHP
Sólo edita CSS, JS, SCSS y LESS dentro de la carpeta del theme. Ni núcleo, ni módulos, ni configuración.
Un editor de verdad, no un cuadro de texto
Resaltado de sintaxis, números de línea y guardado con Ctrl+S. A la izquierda, todos los archivos editables del theme con su tamaño y un filtro para encontrar el que buscas; los custom aparecen siempre arriba. Si cierras la pestaña con cambios sin guardar, te avisa.
Si tu back-office no tiene salida a internet, el resaltado se desactiva y el editor sigue funcionando como texto simple.
Busca en todo el theme
¿Dónde se define ese .product-miniature? Escríbelo y verás cada coincidencia con su archivo y su número de línea. Pulsa una y el editor abre el archivo justo ahí. Admite distinguir mayúsculas, expresiones regulares y filtrar por CSS o JS.
Dentro del archivo abierto tienes además buscar y reemplazar. El reemplazo se hace en el editor y no toca el disco hasta que guardas, así que se puede descartar.
Si algo sale mal, se deshace
Cada guardado deja una copia de cómo estaba el archivo. Eliges una en el desplegable, la cargas en el editor, la revisas y guardas. Descartar cambios vuelve a lo que hay en disco en cualquier momento.
Y si otra persona —o tu desarrollador por FTP— ha cambiado el archivo desde que lo abriste, el editor se niega a guardar y te pide recargarlo. Nadie pisa el trabajo de nadie sin darse cuenta.
El cambio se ve al momento
Con la opción de vaciar caché al guardar, el módulo limpia la caché de CSS y JS combinados del theme y la de plantillas. Tu cambio llega a la tienda aunque tengas activada la optimización de archivos de PrestaShop, que es justo cuando un cambio a mano no aparece y no se sabe por qué.
Lo que preocupa: la seguridad
Un editor de archivos en el back-office tiene que ser estricto, y este lo es:
- Sólo trabaja dentro de
/themes/<theme>. Rutas con.., enlaces simbólicos o archivos de fuera se rechazan en el servidor. - Lista cerrada de extensiones: CSS, JS, SCSS y LESS. Nunca PHP.
- Limitado al perfil SuperAdmin de serie, y además sujeto a los permisos de la pestaña.
- Cada guardado queda registrado: fecha, empleado, IP, archivo y huella del contenido.
- La edición de plantillas
.tplexiste, pero viene apagada y sólo la usa un SuperAdmin, con copia obligatoria antes de cada guardado.
Compatibilidad
PrestaShop 8.0 a 9.x. Probado en PrestaShop 8.2 con Classic y en 9.2 con Hummingbird, con PHP 8.1 y 8.3. Funciona con cualquier theme, incluidos los temas hijo. Sin overrides y sin tocar el núcleo.
-
Marca
v1.2.1
- Arreglo de la herramienta de búsqueda: fallaba al buscar dentro de los archivos del tema.
También te podría gustar
Módulo bloques html o javascript en cualquier sitio de la tienda
Blog
48,40 €
40,00 €
+ IVA = 48,40 €
Módulo Cache Buster - actualiza la cache del navegador de los usuarios
Blog
18,15 €
15,00 €
+ IVA = 18,15 €
4 otros productos de la misma categoría
Módulo Nutrition Full Info - Información nutricional, alérgenos y etiquetado UE con IA
Blog
302,50 €
250,00 €
+ IVA = 302,50 €
Productos vistos
- ¡En oferta!
RKR Mensajería: flujos, notificaciones push y tienda instalable (PWA)
Blog
72,60 €
60,00 €
+ IVA = 72,60 €
También podría interesarte
80,95 €
66,90 €
+ IVA = 80,95 €
80,95 €
66,90 €
+ IVA = 80,95 €
80,95 €
66,90 €
+ IVA = 80,95 €
84,69 €
69,99 €
+ IVA = 84,69 €
120,99 €
99,99 €
+ IVA = 120,99 €
80,95 €
66,90 €
+ IVA = 80,95 €
80,95 €
66,90 €
+ IVA = 80,95 €
302,50 €
250,00 €
+ IVA = 302,50 €
181,50 €
150,00 €
+ IVA = 181,50 €
Preguntas y respuestas
-
¿Qué archivos puedo editar con el módulo?
0-
Solo CSS, JS, SCSS y LESS dentro de la carpeta del theme, nunca PHP; ni el núcleo, ni módulos, ni configuración. custom.css y custom.js están a un clic, y si tu theme no los tiene el editor te ofrece crearlos. La edición de plantillas .tpl existe, pero viene apagada y solo la usa un SuperAdmin.
-
-
¿Y si rompo algo al guardar?
0-
Cada guardado hace antes una copia del estado anterior: 20 por archivo de serie, ajustables. Eliges una en el desplegable, la cargas en el editor, la revisas y guardas. También puedes descartar los cambios y volver a lo que hay en disco.
-
-
¿Qué empleados pueden usarlo?
0-
De serie, solo el perfil SuperAdmin, y además sujeto a los permisos de la pestaña. Cada guardado queda registrado con fecha, empleado, IP, archivo y huella del contenido, y las rutas fuera de /themes/tu-tema se rechazan en el servidor.
-
-
Tengo activada la optimización de CSS y JS de PrestaShop. ¿Se verán mis cambios?
0-
Sí, si activas la opción de vaciar caché al guardar: el módulo limpia la caché de CSS y JS combinados del theme y la de plantillas, para que el cambio llegue a la tienda.
-
-
¿Qué pasa si mi desarrollador cambia el mismo archivo por FTP?
0-
Si el archivo ha cambiado en disco desde que lo abriste, el editor se niega a guardar y te pide recargarlo. Así nadie pisa el trabajo de otro sin darse cuenta.
-
-
¿Funciona con mi theme y con qué versiones de PrestaShop?
0-
Funciona con cualquier theme, incluidos los temas hijo, sin overrides ni tocar el núcleo. Es compatible con PrestaShop 8.0 a 9.x; probado en 8.2 con Classic y en 9.2 con Hummingbird, con PHP 8.1 y 8.3.
-
