{"id":5945,"date":"2017-06-12T08:41:04","date_gmt":"2017-06-12T08:41:04","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=5945\/"},"modified":"2026-08-10T09:28:12","modified_gmt":"2026-08-10T09:28:12","slug":"prestashop-js-y-css-personalizado-manual-del-usuario","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/","title":{"rendered":"Prestashop Custom JS y CSS Module &#8211; Manual de usuario"},"content":{"rendered":"<h2 id=\"introduction\">Introducci\u00f3n:<\/h2>\n<p>El\u00a0<a href=\"https:\/\/www.knowband.com\/es\/prestashop-custom-css-and-js\" target=\"_blank\">m\u00f3dulo Prestashop Custom CSS &amp; JS<\/a>\u00a0permite al administrador de la tienda Prestashop cambiar la interfaz de usuario de cualquier p\u00e1gina del sitio web de Prestashop.\u00a0El complemento Prestashop le ofrece al administrador hacer lo mismo para dispositivos m\u00f3viles o computadoras de escritorio, o para ambos.<\/p>\n<h2 id=\"steps-for-installation-of-prestashop-custom-js-and-css-addon\">Pasos para la instalaci\u00f3n del\u00a0<a href=\"https:\/\/www.knowband.com\/es\/prestashop-better-thank-you-page\" target=\"_blank\">complemento Prestashop Custom JS y CSS<\/a>\u00a0:<\/h2>\n<p>Para instalar este complemento personalizado de CSS y JS Prestashop, siga los siguientes pasos:<\/p>\n<p>1. Agregue una carpeta adicional debajo de la carpeta de m\u00f3dulos de su sistema.<\/p>\n<p>2. Despu\u00e9s de agregar esta carpeta de complementos, el sistema listar\u00e1 la p\u00e1gina del m\u00f3dulo complementario de Prestashop en la categor\u00eda de caracter\u00edsticas de la oficina principal como se indica a continuaci\u00f3n:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3307\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png\" alt=\"Instalaci\u00f3n\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p>3. Haga clic en instalar para instalar el complemento JS y CSS de Prestashop Custom.<\/p>\n<h2 id=\"admin-interface\">Interfaz de administrador<\/h2>\n<p>Las siguientes caracter\u00edsticas se proporcionar\u00e1n a la administraci\u00f3n en este m\u00f3dulo CSS Prestashop personalizado:<\/p>\n<p>1. Configuraci\u00f3n general<\/p>\n<p>2. Configuraci\u00f3n avanzada<\/p>\n<h3 id=\"general-settings-of-the-custom-js-prestashop-module\">Configuraci\u00f3n general del m\u00f3dulo JS Prestashop personalizado:<\/h3>\n<p>Despu\u00e9s de hacer clic en configurar el enlace del complemento personalizado JS y CSS en la p\u00e1gina de listado del m\u00f3dulo, el sistema abrir\u00e1 las pesta\u00f1as de configuraci\u00f3n general de manera predeterminada, como se muestra en la siguiente pantalla:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/General-Settings.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3306\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/General-Settings.png\" alt=\"Configuraci\u00f3n general\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p>Los campos enumerados se llenar\u00e1n con algunos valores predeterminados<\/p>\n<p><strong>DETALLES DE LA PESTA\u00d1A DE AJUSTES GENERALES:<\/strong><\/p>\n<p><strong>1. Habilitar \/ Deshabilitar:<\/strong>\u00a0Inicialmente, este campo del m\u00f3dulo CSS Prestashop personalizado estar\u00e1 desactivado.\u00a0El administrador puede habilitar \/ deshabilitar la funcionalidad de complemento activando \/ desactivando esta funci\u00f3n.<br \/>\n<strong>2. CSS personalizado:<\/strong>\u00a0el contenido de CSS que debe mostrarse en cada p\u00e1gina del sitio web debe ingresarse en el \u00e1rea de texto del complemento personalizado de CSS y JS Prestashop que se proporciona con el campo denominado CSS personalizado.<br \/>\n<strong>3. JS personalizado:<\/strong>\u00a0El contenido de JS que debe mostrarse en cada p\u00e1gina del sitio web debe ingresarse en el \u00e1rea de texto del m\u00f3dulo JS Prestashop personalizado que se proporciona con el campo denominado Custom JS.<\/p>\n<h3 id=\"advance-settings-of-the-custom-css-and-js-prestashop-plugin\">Configuraci\u00f3n avanzada del plugin personalizado de CSS y JS Prestashop:<\/h3>\n<p>Despu\u00e9s de hacer clic en la pesta\u00f1a de configuraci\u00f3n avanzada del complemento personalizado de CSS y JS Prestashop, aparece la siguiente pantalla.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Advance-Settings-.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3305\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Advance-Settings-.png\" alt=\"Configuraciones avanzadas\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p><strong>TABLA DE CONFIGURACI\u00d3N DE AVANCE DETALLES:<\/strong><\/p>\n<ul>\n<li><strong>Agregar nueva entrada:<\/strong>\u00a0Inicialmente, no habr\u00e1 ninguna entrada en la tabla de pesta\u00f1as avanzadas del m\u00f3dulo Prestashop Custom JS, as\u00ed que haga clic en el bot\u00f3n de entrada nuevo para agregar los detalles del archivo CSS y JS con el nombre de la p\u00e1gina y el tipo de dispositivo.<\/li>\n<li><strong>Tabla:<\/strong>\u00a0cuando se completa la entrada, la fila se agrega a la tabla del m\u00f3dulo CSS personalizado de Prestashop con los detalles de la entrada, como el bot\u00f3n activar o desactivar el tipo de dispositivo de nombre de p\u00e1gina, y el bot\u00f3n editar y eliminar.<\/li>\n<li><strong>Bot\u00f3n Habilitar o Deshabilitar:<\/strong>\u00a0cuando la entrada se realiza en el m\u00f3dulo CSS Prestashop personalizado, el usuario puede habilitar el archivo agregado haciendo clic en el bot\u00f3n habilitar una vez que cambia al bot\u00f3n deshabilitar despu\u00e9s de que el usuario haga clic en el bot\u00f3n habilitar ahora el usuario puede deshabilite la entrada haciendo clic en el bot\u00f3n de deshabilitar que aparece en la tabla y sucede lo contrario.<\/li>\n<li><strong>Editar:<\/strong>\u00a0en la columna de acci\u00f3n de la tabla, hay un bot\u00f3n de edici\u00f3n al hacer clic en \u00e9l aparece una ventana emergente que es igual a la que aparece despu\u00e9s de que haga clic en el bot\u00f3n agregar nueva entrada.\u00a0Pero la diferencia es que ahora los campos del m\u00f3dulo JS Prestashop personalizado se llenan con todos los detalles que el usuario introdujo anteriormente en esa fila.\u00a0Ahora el usuario puede editar las entradas del complemento personalizado de CSS y JS Prestashop que se realizaron en los archivos o puede cambiar el tipo de dispositivo o puede agregar la entrada al nombre de la p\u00e1gina.<\/li>\n<li><strong>Eliminar:<\/strong>\u00a0en la columna de acci\u00f3n de la tabla, hay un bot\u00f3n de eliminar al hacer clic en este bot\u00f3n del m\u00f3dulo Prestashop Custom JS, podemos eliminar la entrada que se hizo en esa fila.<\/li>\n<li><strong>Cuadro de interfaz:<\/strong>\u00a0este es el cuadro que aparecer\u00e1 despu\u00e9s de hacer clic en el bot\u00f3n Agregar nuevo si tenemos que agregar una nueva entrada a la tabla de configuraciones avanzadas.\u00a0Tambi\u00e9n aparecer\u00e1 si haremos clic en el bot\u00f3n de edici\u00f3n despu\u00e9s de que la entrada est\u00e9 lista, pero la diferencia es que ahora los campos en el cuadro de configuraci\u00f3n ser\u00e1n campos con los detalles de esa fila en particular a la que pertenece el bot\u00f3n de edici\u00f3n.\u00a0Los campos en el cuadro emergente son:<\/li>\n<\/ul>\n<p><strong>A. Seleccione la p\u00e1gina desplegable:<\/strong>\u00a0El primer campo del campo &#8216;Agregar nuevo&#8217; es un men\u00fa desplegable que tiene todos los nombres de las p\u00e1ginas que est\u00e1n disponibles actualmente en Prestashop.\u00a0Puede seleccionar la p\u00e1gina en la que se realizar\u00e1 la entrada.<br \/>\n<strong>B. Elija el tipo de dispositivo:<\/strong>\u00a0este campo de CSS personalizado de Prestashop contiene tres botones de opci\u00f3n M\u00f3vil, Escritorio y ambos.\u00a0Puede seleccionar el tipo de dispositivo para el cual va a agregar css y js.<br \/>\n<strong>C. Configuraci\u00f3n de CSS:<\/strong>\u00a0en este \u00e1rea de texto del complemento Prestashop de Knowband, debe agregar el c\u00f3digo css que debe agregarse en la p\u00e1gina que seleccion\u00f3 anteriormente.<br \/>\n<strong>D. configuraci\u00f3n de JS:<\/strong>\u00a0En este \u00e1rea de texto del m\u00f3dulo CSS Prestashop personalizado, debe agregar el c\u00f3digo js que debe agregarse en la p\u00e1gina que seleccion\u00f3 anteriormente.<\/p>\n<p><strong>INTERFAZ DESPU\u00c9S DE HACER CLIC EN AGREGAR NUEVA ENTRADA<\/strong><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/POP-UP-BOX-AFTER-CLICKING-ON-ADD-NEW-ENTRY.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3304\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/POP-UP-BOX-AFTER-CLICKING-ON-ADD-NEW-ENTRY.png\" alt=\"POP UP BOX DESPU\u00c9S DE HACER CLIC EN AGREGAR NUEVA ENTRADA\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p><strong>DESPU\u00c9S DE AGREGAR LA ENTRADA<\/strong><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/AFTER-ADDING-THE-ENTRY-.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3303\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/AFTER-ADDING-THE-ENTRY-.png\" alt=\"DESPU\u00c9S DE AGREGAR LA ENTRADA\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p><strong>INTERFAZ DESPU\u00c9S DE HABLAR EN EL BOT\u00d3N EDITAR<\/strong><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/POP-UP-BOX-AFTER-CLICKING-ON-EDIT-BUTTON.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3302\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/POP-UP-BOX-AFTER-CLICKING-ON-EDIT-BUTTON.png\" alt=\"POP UP BOX DESPU\u00c9S DE HACER CLIC EN EL BOT\u00d3N DE EDITAR\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<h2 id=\"front-end-module\">M\u00f3dulo frontal<\/h2>\n<p>Despu\u00e9s de habilitar el plugin JS de Prestashop Custom por Knowband, el usuario del front-end ver\u00e1 el CSS y JS que se agregan globalmente al sitio web y el usuario tambi\u00e9n ver\u00e1 el CSS y JS que se agrega a esa p\u00e1gina en particular solo en la configuraci\u00f3n avanzada leng\u00fceta.<\/p>\n<p>El CUSTOM CSS y JS en el front-end aparece de la siguiente manera:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Front-End-Module.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3301\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Front-End-Module.png\" alt=\"M\u00f3dulo frontal\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p><strong>Recomendaciones<\/strong><\/p>\n<p>Actualice la p\u00e1gina de inicio de su tienda cada vez que habilite \/ deshabilite el complemento.\u00a0Si el complemento no funciona despu\u00e9s de la instalaci\u00f3n, compruebe los permisos en la carpeta de m\u00f3dulos.\u00a0La carpeta debe ser escribible.\u00a0Por favor, haga que la carpeta permita a 755.<\/p>\n<p>Esperamos haber cubierto todas las inquietudes relacionadas con la instalaci\u00f3n y la gu\u00eda de productos de este\u00a0<a href=\"https:\/\/www.knowband.com\/prestashop-plugins\" target=\"_blank\">complemento de Prestashop<\/a>\u00a0.\u00a0Tambi\u00e9n debe consultar nuestro blog en Dar m\u00faltiples razones a sus clientes para completar su proceso de pago en l\u00ednea:\u00a0<a href=\"https:\/\/www.knowband.com\/blog\/prestashop-blog\/give-multiple-reasons-to-your-customers-for-completing-their-online-payment-process-through-our-prestashop-checkout-module\/\" target=\"_blank\"><strong>aqu\u00ed<\/strong><\/a><\/p>\n<p><strong>Mire el Video Tutorial aqu\u00ed:<\/strong><\/p>\n<div align=\"center\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/lqx_yqKXSQ8\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/div>\n<p><strong>Enlace de m\u00f3dulo:\u00a0<\/strong><a href=\"https:\/\/www.knowband.com\/es\/prestashop-custom-css-and-js\" target=\"_blank\">https:\/\/www.knowband.com\/prestashop-custom-css-and-js\u00a0<\/a><br \/>\n<strong>Manual de usuario:\u00a0<\/strong><a href=\"https:\/\/www.knowband.com\/blog\/user-manual\/prestashop-custom-js-and-css\/\" target=\"_blank\">https:\/\/www.knowband.com\/blog\/user-manual\/prestashop-custom-js-and-css \/\u00a0<\/a><br \/>\n<strong>Demostraci\u00f3n de administrador:\u00a0<\/strong><a href=\"https:\/\/ps.knowband.com\/demo1\/16\/admin1\/index.php?controller=AdminLogin&amp;token=aea1bb3fb1bab860c86c4db00ce5949e&amp;redirect=AdminModules&amp;demo_lang=en\" target=\"_blank\">https:\/\/ps.knowband.com\/demo1\/16\/admin1\/index.php?controller=AdminLogin&amp;token=aea1bb3fb1bab860c86c4db00ce5949e&amp;redirect=AdminModules&amp;demo_lang=en\u00a0<\/a><br \/>\n<strong>Demo frontal:\u00a0<\/strong><a href=\"https:\/\/ps.knowband.com\/demo1\/16\/en\/\" target=\"_blank\">https:\/\/ps.knowband.com\/demo1\/16\/ es \/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n: El\u00a0m\u00f3dulo Prestashop Custom CSS &amp; JS\u00a0permite al administrador de la tienda Prestashop cambiar la interfaz de usuario de cualquier p\u00e1gina del sitio web de Prestashop.\u00a0El complemento Prestashop le ofrece al administrador hacer lo mismo para dispositivos m\u00f3viles o computadoras de escritorio, o para ambos. Pasos para la instalaci\u00f3n del\u00a0complemento Prestashop Custom JS y CSS\u00a0: [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kbui_enabled":"","footnotes":""},"categories":[219],"tags":[],"class_list":["post-5945","post","type-post","status-publish","format-standard","hentry","category-manual-de-usuario"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Prestashop Custom JS y CSS Module - Manual de usuario - Knowband Blog | Ecommerce Modules<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prestashop Custom JS y CSS Module - Manual de usuario - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"Introducci\u00f3n: El\u00a0m\u00f3dulo Prestashop Custom CSS &amp; JS\u00a0permite al administrador de la tienda Prestashop cambiar la interfaz de usuario de cualquier p\u00e1gina del sitio web de Prestashop.\u00a0El complemento Prestashop le ofrece al administrador hacer lo mismo para dispositivos m\u00f3viles o computadoras de escritorio, o para ambos. Pasos para la instalaci\u00f3n del\u00a0complemento Prestashop Custom JS y CSS\u00a0: [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Knowband\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-12T08:41:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-10T09:28:12+00:00\" \/>\n<meta name=\"author\" content=\"Joe Parker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:site\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joe Parker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/\"},\"author\":{\"name\":\"Joe Parker\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\"},\"headline\":\"Prestashop Custom JS y CSS Module &#8211; Manual de usuario\",\"datePublished\":\"2017-06-12T08:41:04+00:00\",\"dateModified\":\"2026-08-10T09:28:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/\"},\"wordCount\":1229,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/Installation-.png\",\"articleSection\":[\"Manual de usuario\"],\"inLanguage\":\"es-ES\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/\",\"name\":\"Prestashop Custom JS y CSS Module - Manual de usuario - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/Installation-.png\",\"datePublished\":\"2017-06-12T08:41:04+00:00\",\"dateModified\":\"2026-08-10T09:28:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/#breadcrumb\"},\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/Installation-.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/Installation-.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/manual-de-usuario\\\/prestashop-js-y-css-personalizado-manual-del-usuario\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prestashop Custom JS y CSS Module &#8211; Manual de usuario\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"description\":\"Magento, Prestashop, Opencart, Shopify\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"width\":153,\"height\":61,\"caption\":\"Knowband Blog | Ecommerce Modules\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Knowband\",\"https:\\\/\\\/x.com\\\/KnowbandPlugin\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\",\"name\":\"Joe Parker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"caption\":\"Joe Parker\"},\"description\":\"We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/es\\\/author\\\/joe\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prestashop Custom JS y CSS Module - Manual de usuario - Knowband Blog | Ecommerce Modules","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/","og_locale":"es_ES","og_type":"article","og_title":"Prestashop Custom JS y CSS Module - Manual de usuario - Knowband Blog | Ecommerce Modules","og_description":"Introducci\u00f3n: El\u00a0m\u00f3dulo Prestashop Custom CSS &amp; JS\u00a0permite al administrador de la tienda Prestashop cambiar la interfaz de usuario de cualquier p\u00e1gina del sitio web de Prestashop.\u00a0El complemento Prestashop le ofrece al administrador hacer lo mismo para dispositivos m\u00f3viles o computadoras de escritorio, o para ambos. Pasos para la instalaci\u00f3n del\u00a0complemento Prestashop Custom JS y CSS\u00a0: [&hellip;]","og_url":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/","og_site_name":"Knowband Blog | Ecommerce Modules","article_publisher":"https:\/\/www.facebook.com\/Knowband","article_published_time":"2017-06-12T08:41:04+00:00","article_modified_time":"2026-08-10T09:28:12+00:00","author":"Joe Parker","twitter_card":"summary_large_image","twitter_creator":"@KnowbandPlugin","twitter_site":"@KnowbandPlugin","twitter_misc":{"Written by":"Joe Parker","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/"},"author":{"name":"Joe Parker","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8"},"headline":"Prestashop Custom JS y CSS Module &#8211; Manual de usuario","datePublished":"2017-06-12T08:41:04+00:00","dateModified":"2026-08-10T09:28:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/"},"wordCount":1229,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png","articleSection":["Manual de usuario"],"inLanguage":"es-ES"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/","url":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/","name":"Prestashop Custom JS y CSS Module - Manual de usuario - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png","datePublished":"2017-06-12T08:41:04+00:00","dateModified":"2026-08-10T09:28:12+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/#primaryimage","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.knowband.com\/blog\/es\/manual-de-usuario\/prestashop-js-y-css-personalizado-manual-del-usuario\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"Prestashop Custom JS y CSS Module &#8211; Manual de usuario"}]},{"@type":"WebSite","@id":"https:\/\/www.knowband.com\/blog\/fr\/#website","url":"https:\/\/www.knowband.com\/blog\/fr\/","name":"Knowband Blog | Ecommerce Modules","description":"Magento, Prestashop, Opencart, Shopify","publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.knowband.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-ES"},{"@type":"Organization","@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization","name":"Knowband Blog | Ecommerce Modules","url":"https:\/\/www.knowband.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","width":153,"height":61,"caption":"Knowband Blog | Ecommerce Modules"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Knowband","https:\/\/x.com\/KnowbandPlugin"]},{"@type":"Person","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8","name":"Joe Parker","image":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","url":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","caption":"Joe Parker"},"description":"We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..","url":"https:\/\/www.knowband.com\/blog\/es\/author\/joe\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts\/5945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=5945"}],"version-history":[{"count":6,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts\/5945\/revisions"}],"predecessor-version":[{"id":837035,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/posts\/5945\/revisions\/837035"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=5945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=5945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=5945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}