{"id":5030,"date":"2025-08-20T14:47:34","date_gmt":"2025-08-20T12:47:34","guid":{"rendered":"https:\/\/cocos.codes\/?p=5030"},"modified":"2026-01-21T16:11:12","modified_gmt":"2026-01-21T15:11:12","slug":"categorias-prestashop-en-la-pagina-de-inicio","status":"publish","type":"post","link":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/archivos\/categorias-prestashop-en-la-pagina-de-inicio\/","title":{"rendered":"PrestaShop Categor\u00edas en la p\u00e1gina principal 1.0"},"content":{"rendered":"<h6 data-rm-block-id=\"block-1\">Categor\u00edas de documentaci\u00f3n de PrestaShop en la p\u00e1gina de inicio<\/h6>Completo <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/categoria\/base-de-conocimientos\/prestashop\/documentacion-de-prestashop\/\" title=\"Documentaci\u00f3n\">documentaci\u00f3n<\/a> para el m\u00f3dulo que muestra las categor\u00edas en la p\u00e1gina de inicio <a href=\"https:\/\/addons.prestashop.com\/\" target=\"_blank\" rel=\"noopener\">PrestaShop<\/a> (<a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/product\/prestashop-categorias-en-la-pagina-principal-1-0-1\/\" title=\"Cc_ps_home_categories\">cc_ps_home_categories<\/a>) con opciones de estilo avanzadas, m\u00faltiples modos de visualizaci\u00f3n y control total sobre la apariencia de las categor\u00edas.<br \/><br \/><strong>\u00cdndice<\/strong><ol><li data-rm-block-id=\"block-2\">Introducci\u00f3n<\/li><li data-rm-block-id=\"block-3\">Instalaci\u00f3n<\/li><li data-rm-block-id=\"block-4\">Activaci\u00f3n de la licencia<\/li><li data-rm-block-id=\"block-5\">Panel de gesti\u00f3n<\/li><li data-rm-block-id=\"block-6\">Configuraci\u00f3n general<\/li><li data-rm-block-id=\"block-7\">Estilos de visualizaci\u00f3n<\/li><li data-rm-block-id=\"block-8\">Configuraci\u00f3n de im\u00e1genes<\/li><li data-rm-block-id=\"block-9\">Selecci\u00f3n de categor\u00edas<\/li><li data-rm-block-id=\"block-10\">Personalizaci\u00f3n del aspecto<\/li><li data-rm-block-id=\"block-11\">Capacidad de respuesta<\/li><li data-rm-block-id=\"block-12\">Resoluci\u00f3n de problemas<\/li><li data-rm-block-id=\"block-13\">PREGUNTAS FRECUENTES<\/li><\/ol><h6 data-rm-block-id=\"block-14\"><br \/>1. introducci\u00f3n<\/h6>CC PrestaShop Categories Home es un m\u00f3dulo avanzado que le permite mostrar con elegancia las categor\u00edas en la p\u00e1gina de inicio de su tienda. El m\u00f3dulo ofrece una amplia gama de estilos de visualizaci\u00f3n, desde cuadr\u00edculas cl\u00e1sicas a modernos deslizadores, que le da un control total sobre el aspecto y la funcionalidad.<br \/><br \/><strong>Funciones principales del m\u00f3dulo:<\/strong><ul><li data-rm-block-id=\"block-15\">7 estilos de cuadr\u00edcula diferentes (cl\u00e1sico, moderno, minimalista, de colores, elegante, modo oscuro, borde claro)<\/li><li data-rm-block-id=\"block-16\">Deslizador con navegaci\u00f3n y soporte de gestos t\u00e1ctiles<\/li><li data-rm-block-id=\"block-17\">3 modos de lista (horizontal, vertical, compacto)<\/li><li data-rm-block-id=\"block-18\">Control total sobre la selecci\u00f3n de categor\u00edas<\/li><li data-rm-block-id=\"block-19\">Opciones avanzadas de imagen<\/li><li data-rm-block-id=\"block-20\">Dise\u00f1o adaptable<\/li><li data-rm-block-id=\"block-21\">Sistema de licencias COCOS<\/li><li data-rm-block-id=\"block-22\">Servicio multiling\u00fce<\/li><li data-rm-block-id=\"block-23\">Animaciones y efectos de transici\u00f3n<\/li><li data-rm-block-id=\"block-24\">Puede colocarse en varios enganches<\/li><\/ul><h6 data-rm-block-id=\"block-25\"><br \/>2. instalaci\u00f3n<\/h6><strong>Requisitos del sistema<\/strong><ul><li data-rm-block-id=\"block-26\"><a href=\"https:\/\/prestashop.com\/\" title=\"PrestaShop\" target=\"_blank\" rel=\"noopener\">PrestaShop<\/a> 1.7.0.0 o posterior<\/li><li data-rm-block-id=\"block-27\"><a href=\"https:\/\/www.php.net\/\" title=\"PHP\" target=\"_blank\" rel=\"noopener\">PHP<\/a> 7.2 o posterior<\/li><li data-rm-block-id=\"block-28\"><a href=\"https:\/\/www.mysql.com\/\" title=\"MySQL\" target=\"_blank\" rel=\"noopener\">MySQL<\/a> 5.6 o posterior<\/li><li data-rm-block-id=\"block-29\">Permiso para instalar m\u00f3dulos<\/li><li data-rm-block-id=\"block-30\">256 MB de RAM como m\u00ednimo (se recomiendan 512 MB)<\/li><li data-rm-block-id=\"block-31\">Extensi\u00f3n GD para el tratamiento de im\u00e1genes<\/li><\/ul><strong>Proceso de instalaci\u00f3n<\/strong><ol><li data-rm-block-id=\"block-32\">Descargue el archivo ZIP del m\u00f3dulo de la tienda oficial <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/\" title=\"Cocos.c\u00f3digos\">c\u00f3digos.cocos<\/a><\/li><li data-rm-block-id=\"block-33\">Inicie sesi\u00f3n en el panel de administraci\u00f3n de PrestaShop<\/li><li data-rm-block-id=\"block-34\">Vaya a: M\u00f3dulos &gt; Gestor de m\u00f3dulos &gt; A\u00f1adir nuevo m\u00f3dulo<\/li><li data-rm-block-id=\"block-35\">Haga clic en \"A\u00f1adir m\u00f3dulo\" y seleccione el archivo ZIP descargado.<\/li><li data-rm-block-id=\"block-36\">Una vez finalizada la instalaci\u00f3n, haga clic en \"Configurar\".<\/li><li data-rm-block-id=\"block-37\">El m\u00f3dulo se registra autom\u00e1ticamente en la pantallaEnganche a casa<\/li><\/ol><div class=\"cc-alert cc-alert-info\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-38\">Informaci\u00f3n<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-39\">Tras la instalaci\u00f3n, el m\u00f3dulo se coloca autom\u00e1ticamente en la primera posici\u00f3n del enganche displayHome y crea una configuraci\u00f3n por defecto. Todos los estilos CSS y JavaScript se cargan autom\u00e1ticamente en la p\u00e1gina de inicio.<\/div><\/div><h6 data-rm-block-id=\"block-40\"><br \/>3. activaci\u00f3n de la licencia<\/h6>Antes de poder utilizar todas las funciones del m\u00f3dulo, es necesario activar la licencia:<ol><li data-rm-block-id=\"block-41\">Tras la instalaci\u00f3n, proceda a la configuraci\u00f3n del m\u00f3dulo<\/li><li data-rm-block-id=\"block-42\">Seleccione la pesta\u00f1a \"Licencia<\/li><li data-rm-block-id=\"block-43\">Introduzca la clave de licencia recibida tras la compra<\/li><li data-rm-block-id=\"block-44\">Haga clic en \"Activar licencia\".<\/li><li data-rm-block-id=\"block-45\">El sistema comprobar\u00e1 la validez de las licencias en los servidores COCOS<\/li><li data-rm-block-id=\"block-46\">Tras la activaci\u00f3n, aparecer\u00e1 un mensaje de confirmaci\u00f3n.<\/li><\/ol><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-47\">Advertencia<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-48\">Sin una licencia activa, el m\u00f3dulo no mostrar\u00e1 las categor\u00edas en la p\u00e1gina de inicio. Aparecer\u00e1 un mensaje de licencia no v\u00e1lida en la parte superior del panel de administraci\u00f3n, junto con un enlace para activarla.<\/div><\/div><h6 data-rm-block-id=\"block-54\"><br \/>4 Panel de gesti\u00f3n<\/h6>El panel de gesti\u00f3n del m\u00f3dulo consta de varias pesta\u00f1as para una configuraci\u00f3n completa:<br \/><br \/><strong>Pesta\u00f1as principales:<\/strong><ul><li data-rm-block-id=\"block-55\"><strong>Ajustes<\/strong> - configuraci\u00f3n del m\u00f3dulo principal (s\u00f3lo disponible con una licencia v\u00e1lida)<\/li><li data-rm-block-id=\"block-56\"><strong>Documentaci\u00f3n<\/strong> - enlace a la documentaci\u00f3n completa en l\u00ednea<\/li><li data-rm-block-id=\"block-57\"><strong>Ayuda<\/strong> - Enlace a la p\u00e1gina de asistencia t\u00e9cnica de COCOS<\/li><li data-rm-block-id=\"block-58\"><strong>Plug-ins<\/strong> - lista de extensiones COCOS disponibles<\/li><li data-rm-block-id=\"block-59\"><strong>Licencia<\/strong> - gesti\u00f3n de licencias de m\u00f3dulos<\/li><\/ul>El sistema redirige autom\u00e1ticamente a la pesta\u00f1a de licencias si la clave no est\u00e1 activa, lo que proporciona un proceso de configuraci\u00f3n intuitivo.<h6 data-rm-block-id=\"block-60\"><br \/>5. ajustes generales<\/h6>En la secci\u00f3n de ajustes generales encontrar\u00e1s las opciones b\u00e1sicas que controlan el funcionamiento del m\u00f3dulo:<br \/><br \/><table class=\"woocommerce-table shop_table\"><thead><tr><td data-rm-block-id=\"block-61\"><strong>Configuraci\u00f3n<\/strong><\/td><td data-rm-block-id=\"block-62\"><strong>Descripci\u00f3n<\/strong><\/td><td data-rm-block-id=\"block-63\"><strong>Valor por defecto<\/strong><\/td><\/tr><\/thead><tbody><tr><td data-rm-block-id=\"block-64\">Encender el m\u00f3dulo<\/td><td data-rm-block-id=\"block-65\">Visualizaci\u00f3n global on\/off<\/td><td data-rm-block-id=\"block-66\">En<\/td><\/tr><tr><td data-rm-block-id=\"block-67\">Mostrar el t\u00edtulo de la secci\u00f3n<\/td><td data-rm-block-id=\"block-68\">Visualizaci\u00f3n de la cabecera sobre las categor\u00edas<\/td><td data-rm-block-id=\"block-69\">En<\/td><\/tr><tr><td data-rm-block-id=\"block-70\">T\u00edtulo de la secci\u00f3n<\/td><td data-rm-block-id=\"block-71\">Texto de cabecera multiling\u00fce<\/td><td data-rm-block-id=\"block-72\">\"Nuestras categor\u00edas\"<\/td><\/tr><tr><td data-rm-block-id=\"block-73\">Categor\u00eda l\u00edmite<\/td><td data-rm-block-id=\"block-74\">N\u00famero m\u00e1ximo de categor\u00edas (1-50)<\/td><td data-rm-block-id=\"block-75\">6<\/td><\/tr><\/tbody><\/table><strong>Funcionalidad del interruptor principal<\/strong><ul><li data-rm-block-id=\"block-76\"><strong>En<\/strong> - las categor\u00edas son visibles en la p\u00e1gina de inicio seg\u00fan la configuraci\u00f3n<\/li><li data-rm-block-id=\"block-77\"><strong>Fuera de<\/strong> - el m\u00f3dulo no muestra ninguna categor\u00eda<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-78\">Consejo<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-79\">Utilice el interruptor principal para apagar r\u00e1pidamente el m\u00f3dulo sin perder la configuraci\u00f3n, por ejemplo, durante el mantenimiento del taller o para probar nuevos ajustes.<\/div><\/div><h6 data-rm-block-id=\"block-80\"><br \/>6. estilos de visualizaci\u00f3n<\/h6>El m\u00f3dulo ofrece 11 estilos diferentes de visualizaci\u00f3n de categor\u00edas, divididos en 3 grupos principales:<br \/><br \/><strong>Estilos de cuadr\u00edcula<\/strong><table class=\"woocommerce-table shop_table\"><thead><tr><td data-rm-block-id=\"block-81\"><strong>Estilo<\/strong><\/td><td data-rm-block-id=\"block-82\"><strong>Descripci\u00f3n<\/strong><\/td><td data-rm-block-id=\"block-83\"><strong>Uso recomendado<\/strong><\/td><\/tr><\/thead><tbody><tr><td data-rm-block-id=\"block-84\">grid_classic<\/td><td data-rm-block-id=\"block-85\">Tarjetas cl\u00e1sicas con marcos y sombras<\/td><td data-rm-block-id=\"block-86\">Tiendas universales<\/td><\/tr><tr><td data-rm-block-id=\"block-87\">cuadr\u00edcula_moderna<\/td><td data-rm-block-id=\"block-88\">Fondo degradado con superposici\u00f3n de im\u00e1genes<\/td><td data-rm-block-id=\"block-89\">Marcas modernas<\/td><\/tr><tr><td data-rm-block-id=\"block-90\">cuadr\u00edcula_m\u00ednima<\/td><td data-rm-block-id=\"block-91\">Tarjetas limpias y minimalistas<\/td><td data-rm-block-id=\"block-92\">Tiendas Premium<\/td><\/tr><tr><td data-rm-block-id=\"block-93\">grid_colorful<\/td><td data-rm-block-id=\"block-94\">Marcos de colores con animaciones<\/td><td data-rm-block-id=\"block-95\">Tiendas para ni\u00f1os\/j\u00f3venes<\/td><\/tr><tr><td data-rm-block-id=\"block-96\">grid_elegant<\/td><td data-rm-block-id=\"block-97\">Tarjetas elegantes con detalles dorados<\/td><td data-rm-block-id=\"block-98\">Marcas de lujo<\/td><\/tr><tr><td data-rm-block-id=\"block-99\">cuadr\u00edcula_oscura<\/td><td data-rm-block-id=\"block-100\">Tema oscuro con efectos luminosos<\/td><td data-rm-block-id=\"block-101\">Juegos\/electr\u00f3nica<\/td><\/tr><tr><td data-rm-block-id=\"block-102\">grid_light_bordered<\/td><td data-rm-block-id=\"block-103\">Tarjetas luminosas con bordes transparentes<\/td><td data-rm-block-id=\"block-104\">Tiendas corporativas<\/td><\/tr><\/tbody><\/table><strong>Lista de estilos<\/strong><table class=\"woocommerce-table shop_table\"><thead><tr><td data-rm-block-id=\"block-105\"><strong>Estilo<\/strong><\/td><td data-rm-block-id=\"block-106\"><strong>Descripci\u00f3n<\/strong><\/td><td data-rm-block-id=\"block-107\"><strong>Uso recomendado<\/strong><\/td><\/tr><\/thead><tbody><tr><td data-rm-block-id=\"block-108\">lista_horizontal<\/td><td data-rm-block-id=\"block-109\">Tarjetas con im\u00e1genes horizontales a la izquierda<\/td><td data-rm-block-id=\"block-110\">P\u00e1ginas de categor\u00edas principales<\/td><\/tr><tr><td data-rm-block-id=\"block-111\">lista_vertical<\/td><td data-rm-block-id=\"block-112\">Tarjetas verticales en columnas<\/td><td data-rm-block-id=\"block-113\">Tramos estrechos<\/td><\/tr><tr><td data-rm-block-id=\"block-114\">lista_compacta<\/td><td data-rm-block-id=\"block-115\">Lista compacta con im\u00e1genes peque\u00f1as<\/td><td data-rm-block-id=\"block-116\">Barra lateral, pie de p\u00e1gina<\/td><\/tr><\/tbody><\/table><strong>Estilos de deslizador<\/strong><ul><li data-rm-block-id=\"block-117\"><span class=\"cc-highlight\">slider_classic<\/span> - Elegante deslizador con navegaci\u00f3n y superposici\u00f3n hover<\/li><\/ul><div class=\"cc-alert cc-alert-note\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-118\">Nota<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-119\">Cada estilo tiene sus propios estilos CSS y animaciones. Los estilos de cuadr\u00edcula admiten la configuraci\u00f3n del n\u00famero de columnas, mientras que el deslizador ajusta autom\u00e1ticamente el n\u00famero de elementos visibles al ancho de la pantalla.<\/div><\/div><h6 data-rm-block-id=\"block-120\"><br \/>7. Configuraci\u00f3n de las im\u00e1genes<\/h6>El m\u00f3dulo ofrece un control total sobre la visualizaci\u00f3n de las im\u00e1genes de las categor\u00edas:<br \/><br \/><strong>Tama\u00f1o de los contenedores<\/strong><table class=\"woocommerce-table shop_table\"><thead><tr><td data-rm-block-id=\"block-121\"><strong>Talla<\/strong><\/td><td data-rm-block-id=\"block-122\"><strong>Altura<\/strong><\/td><td data-rm-block-id=\"block-123\"><strong>Recomendado para<\/strong><\/td><\/tr><\/thead><tbody><tr><td data-rm-block-id=\"block-124\">peque\u00f1o<\/td><td data-rm-block-id=\"block-125\">150px<\/td><td data-rm-block-id=\"block-126\">Sistemas compactos<\/td><\/tr><tr><td data-rm-block-id=\"block-127\">medio<\/td><td data-rm-block-id=\"block-128\">250px<\/td><td data-rm-block-id=\"block-129\">Pantalla est\u00e1ndar<\/td><\/tr><tr><td data-rm-block-id=\"block-130\">grande<\/td><td data-rm-block-id=\"block-131\">350px<\/td><td data-rm-block-id=\"block-132\">Presentaciones impresionantes<\/td><\/tr><\/tbody><\/table><strong>Tipos de im\u00e1genes<\/strong><br \/>El sistema detecta autom\u00e1ticamente los tipos de imagen disponibles definidos en PrestaShop para las categor\u00edas:<ul><li data-rm-block-id=\"block-133\"><span class=\"cc-highlight\">categor\u00eda_por_defecto<\/span> - tipo est\u00e1ndar para la categor\u00eda<\/li><\/ul><strong>Im\u00e1genes de reserva<\/strong><br \/>Si una categor\u00eda no tiene una imagen asignada, el sistema muestra autom\u00e1ticamente una imagen sustitutiva por defecto <span class=\"cc-highlight\">no-image-category.jpg<\/span>.<h6 data-rm-block-id=\"block-141\"><br \/>8 Selecci\u00f3n de categor\u00edas<\/h6>El m\u00f3dulo ofrece dos modos para seleccionar qu\u00e9 categor\u00edas mostrar:<br \/><br \/><strong>Modo autom\u00e1tico<\/strong><br \/>El sistema selecciona autom\u00e1ticamente las principales categor\u00edas en funci\u00f3n de su posici\u00f3n:<ul><li data-rm-block-id=\"block-142\">Omite la categor\u00eda ra\u00edz (ID: 1)<\/li><li data-rm-block-id=\"block-143\">Saltar la categor\u00eda principal de la tienda<\/li><li data-rm-block-id=\"block-144\">Ordena por posici\u00f3n en el \u00e1rbol de categor\u00edas<\/li><li data-rm-block-id=\"block-145\">Selecciona s\u00f3lo las categor\u00edas activas<\/li><li data-rm-block-id=\"block-146\">Respeta el l\u00edmite establecido<\/li><\/ul><strong>Modo manual<\/strong><br \/>El administrador puede seleccionar manualmente categor\u00edas espec\u00edficas:<ul><li data-rm-block-id=\"block-147\">Lista de identificadores de categor\u00eda separados por comas<\/li><li data-rm-block-id=\"block-148\">Ejemplo: <span class=\"cc-highlight\">2,5,8,12<\/span><\/li><li data-rm-block-id=\"block-149\">El sistema comprueba si las categor\u00edas existen y est\u00e1n activas<\/li><li data-rm-block-id=\"block-150\">Orden de visualizaci\u00f3n en la lista<\/li><li data-rm-block-id=\"block-151\">Omisi\u00f3n autom\u00e1tica de categor\u00edas inexistentes<\/li><\/ul><strong>Validaci\u00f3n de categor\u00eda<\/strong><br \/>Sea cual sea el modo, el sistema lo comprueba:<ul><li data-rm-block-id=\"block-152\">\u00bfExiste la categor\u00eda en la base de datos?<\/li><li data-rm-block-id=\"block-153\">\u00bfEst\u00e1 activa la categor\u00eda?<\/li><li data-rm-block-id=\"block-154\">\u00bfTiene la categor\u00eda un nombre en el idioma actual?<\/li><li data-rm-block-id=\"block-155\">Si el usuario tiene permiso para verlo<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-156\">Consejo<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-157\">En modo manual, puede reordenar f\u00e1cilmente las categor\u00edas cambiando su orden en la lista de ID. El sistema respetar\u00e1 exactamente este orden.<\/div><\/div><h6 data-rm-block-id=\"block-158\"><br \/>9. ajustar la apariencia<\/h6><strong>Control de contenidos<\/strong><table class=\"woocommerce-table shop_table\"><thead><tr><td data-rm-block-id=\"block-159\"><strong>Opci\u00f3n<\/strong><\/td><td data-rm-block-id=\"block-160\"><strong>Funci\u00f3n<\/strong><\/td><td data-rm-block-id=\"block-161\"><strong>Por defecto<\/strong><\/td><\/tr><\/thead><tbody><tr><td data-rm-block-id=\"block-162\">Mostrar nombres de categor\u00edas<\/td><td data-rm-block-id=\"block-163\">Visualizaci\u00f3n de los t\u00edtulos de las categor\u00edas<\/td><td data-rm-block-id=\"block-164\">Activado<\/td><\/tr><tr><td data-rm-block-id=\"block-165\">Mostrar descripciones de categor\u00edas<\/td><td data-rm-block-id=\"block-166\">Visualizaci\u00f3n de descripciones (abreviadas)<\/td><td data-rm-block-id=\"block-167\">Activado<\/td><\/tr><tr><td data-rm-block-id=\"block-168\">N\u00famero de columnas<\/td><td data-rm-block-id=\"block-169\">Divisi\u00f3n en cuadr\u00edcula (1-6 columnas)<\/td><td data-rm-block-id=\"block-170\">3<\/td><\/tr><\/tbody><\/table><strong>Comportamiento receptivo<\/strong><br \/>El sistema ajusta autom\u00e1ticamente el n\u00famero de columnas:<ul><li data-rm-block-id=\"block-171\"><strong>Escritorio<\/strong> - n\u00famero total de columnas<\/li><li data-rm-block-id=\"block-172\"><strong>Tableta<\/strong> - 2-3 columnas como m\u00e1ximo<\/li><li data-rm-block-id=\"block-173\"><strong>M\u00f3vil<\/strong> - siempre 1 columna<\/li><\/ul><strong>Efectos y animaciones<\/strong><ul><li data-rm-block-id=\"block-174\">Fundido durante la carga de la p\u00e1gina<\/li><li data-rm-block-id=\"block-175\">Efectos Hover en las tarjetas<\/li><li data-rm-block-id=\"block-176\">Transiciones suaves<\/li><li data-rm-block-id=\"block-177\">Animaciones de desplazamiento<\/li><li data-rm-block-id=\"block-178\">Estados de carga de las im\u00e1genes<\/li><\/ul><strong>Capacidad de respuesta del control deslizante<\/strong><br \/>Deslizar autom\u00e1ticamente:<ul><li data-rm-block-id=\"block-179\">Ajusta el n\u00famero de elementos visibles<\/li><li data-rm-block-id=\"block-180\">Compatible con gestyswipe en dispositivos t\u00e1ctiles<\/li><li data-rm-block-id=\"block-181\">Muestra\/oculta la navegaci\u00f3n seg\u00fan sea necesario<\/li><li data-rm-block-id=\"block-182\">Mantiene la relaci\u00f3n de aspecto en diferentes pantallas<\/li><\/ul><h6 data-rm-block-id=\"block-183\"><br \/>10 Capacidad de respuesta<\/h6>El m\u00f3dulo es totalmente responsivo y se adapta autom\u00e1ticamente a diferentes tama\u00f1os de pantalla:<br \/><br \/><strong>Puntos de interrupci\u00f3n<\/strong><table class=\"woocommerce-table shop_table\"><thead><tr><td data-rm-block-id=\"block-184\"><strong>Dispositivo<\/strong><\/td><td data-rm-block-id=\"block-185\"><strong>Anchura<\/strong><\/td><td data-rm-block-id=\"block-186\"><strong>Columnas<\/strong><\/td><td data-rm-block-id=\"block-187\"><strong>Comportamiento<\/strong><\/td><\/tr><\/thead><tbody><tr><td data-rm-block-id=\"block-188\">Escritorio<\/td><td data-rm-block-id=\"block-189\">&gt; 768px<\/td><td data-rm-block-id=\"block-190\">Configuraci\u00f3n completa<\/td><td data-rm-block-id=\"block-191\">Pantalla est\u00e1ndar<\/td><\/tr><tr><td data-rm-block-id=\"block-192\">Tableta<\/td><td data-rm-block-id=\"block-193\">481-768px<\/td><td data-rm-block-id=\"block-194\">M\u00e1ximo 2-3<\/td><td data-rm-block-id=\"block-195\">Dise\u00f1o simplificado<\/td><\/tr><tr><td data-rm-block-id=\"block-196\">M\u00f3vil<\/td><td data-rm-block-id=\"block-197\">&lt; 480px<\/td><td data-rm-block-id=\"block-198\">1<\/td><td data-rm-block-id=\"block-199\">Disposici\u00f3n vertical<\/td><\/tr><\/tbody><\/table><strong>Optimizaciones m\u00f3viles<\/strong><ul><li data-rm-block-id=\"block-200\">Reducci\u00f3n autom\u00e1tica del relleno y el margen<\/li><li data-rm-block-id=\"block-201\">Tipograf\u00eda sensible<\/li><li data-rm-block-id=\"block-202\">Navegaci\u00f3n t\u00e1ctil<\/li><li data-rm-block-id=\"block-203\">Tama\u00f1os de imagen optimizados<\/li><li data-rm-block-id=\"block-204\">Animaciones simplificadas<\/li><\/ul><strong>Estilos m\u00f3viles para modos individuales<\/strong><ul><li data-rm-block-id=\"block-205\"><strong>Lista horizontal<\/strong> - se transforma en un<\/li><li data-rm-block-id=\"block-206\"><strong>Lista compacta<\/strong> - los elementos se apilan unos debajo de otros<\/li><li data-rm-block-id=\"block-207\"><strong>Deslizador<\/strong> - reduce la anchura de los elementos y el espaciado<\/li><\/ul><div class=\"cc-alert cc-alert-note\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-208\">Nota<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-209\">Todos los estilos responsivos est\u00e1n integrados en el m\u00f3dulo y no requieren ninguna configuraci\u00f3n adicional. El sistema detecta autom\u00e1ticamente el tama\u00f1o de la pantalla y aplica los estilos adecuados.<\/div><\/div><h6 data-rm-block-id=\"block-210\"><br \/>11 Soluci\u00f3n de problemas<\/h6><strong>Las categor\u00edas no aparecen en la p\u00e1gina de inicio<\/strong><ol><li data-rm-block-id=\"block-211\">Compruebe si el m\u00f3dulo est\u00e1 activado en los ajustes generales<\/li><li data-rm-block-id=\"block-212\">Asegurarse de que la licencia est\u00e1 activa<\/li><li data-rm-block-id=\"block-213\">Compruebe que las categor\u00edas seleccionadas est\u00e1n activas en PrestaShop<\/li><li data-rm-block-id=\"block-214\">Borrar la cach\u00e9 de PrestaShop y del navegador<\/li><li data-rm-block-id=\"block-215\">Comprueba que el hook displayHome es compatible con la plantilla<\/li><\/ol><strong>Los estilos CSS no se cargan<\/strong><ol><li data-rm-block-id=\"block-216\">Compruebe que el archivo <span class=\"cc-highlight\">vistas\/css\/front.css<\/span> hay<\/li><li data-rm-block-id=\"block-217\">Aseg\u00farese de que est\u00e1 en la p\u00e1gina de inicio (controlador: IndexController)<\/li><li data-rm-block-id=\"block-218\">Comprobaci\u00f3n de conflictos con otros m\u00f3dulos<\/li><li data-rm-block-id=\"block-219\">Desactivar la cach\u00e9 CSS en la configuraci\u00f3n de PrestaShop<\/li><li data-rm-block-id=\"block-220\">Compruebe los permisos de lectura de los archivos del m\u00f3dulo<\/li><\/ol><strong>El control deslizante no funciona correctamente<\/strong><ol><li data-rm-block-id=\"block-221\">Compruebe si hay errores de JavaScript en la consola del navegador<\/li><li data-rm-block-id=\"block-222\">Aseg\u00farese de que el archivo <span class=\"cc-highlight\">views\/js\/front.js<\/span> se carga<\/li><li data-rm-block-id=\"block-223\">Comprobaci\u00f3n de conflictos con jQuery<\/li><li data-rm-block-id=\"block-224\">Desactivar otros m\u00f3dulos deslizantes durante las pruebas<\/li><li data-rm-block-id=\"block-225\">Compruebe que los elementos tienen la estructura HTML correcta<\/li><\/ol><strong>Las im\u00e1genes no se muestran<\/strong><ol><li data-rm-block-id=\"block-226\">Compruebe si las categor\u00edas tienen im\u00e1genes asignadas<\/li><li data-rm-block-id=\"block-227\">Aseg\u00farese de que el tipo de imagen seleccionado existe en el sistema.<\/li><li data-rm-block-id=\"block-228\">Comprobar los permisos de directorio <span class=\"cc-highlight\">img\/c\/<\/span><\/li><li data-rm-block-id=\"block-229\">Compruebe que el archivo <span class=\"cc-highlight\">no-image-category.jpg<\/span> hay<\/li><li data-rm-block-id=\"block-230\">Borrar cach\u00e9 de im\u00e1genes<\/li><\/ol><strong>Errores de licencia<\/strong><ol><li data-rm-block-id=\"block-231\">Compruebe que la clave de licencia es correcta<\/li><li data-rm-block-id=\"block-232\">Garantizar que el dominio cumple la licencia<\/li><li data-rm-block-id=\"block-233\">Comprobar la conexi\u00f3n con los servidores COCOS<\/li><li data-rm-block-id=\"block-234\">Borrar la cach\u00e9 del m\u00f3dulo<\/li><li data-rm-block-id=\"block-235\">P\u00f3ngase en contacto con el servicio de asistencia en caso de problemas de activaci\u00f3n<\/li><\/ol><div class=\"cc-alert cc-alert-error\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-236\">Error<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-237\">Si encuentra problemas insolubles, por favor aseg\u00farese de que est\u00e1 utilizando la \u00faltima versi\u00f3n del m\u00f3dulo y de PrestaShop. En caso de dificultades persistentes, p\u00f3ngase en contacto con el soporte de COCOS a trav\u00e9s de <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/soporte\/\" title=\"Cocos.codes\/soporte\">cocos.codes\/soporte<\/a>.<\/div><\/div><h6 data-rm-block-id=\"block-238\"><br \/>12. PREGUNTAS FRECUENTES<\/h6><strong>\u00bfPuedo utilizar varios estilos a la vez?<\/strong><br \/>No, el m\u00f3dulo s\u00f3lo permite seleccionar un estilo de visualizaci\u00f3n a la vez. Sin embargo, puedes cambiar f\u00e1cilmente el estilo en los ajustes.<br \/><br \/><strong>\u00bfC\u00f3mo a\u00f1ado mi propio estilo de visualizaci\u00f3n?<\/strong><br \/>Los nuevos estilos requieren la modificaci\u00f3n de los archivos CSS y PHP. Le recomendamos que copie el estilo existente y lo adapte a sus necesidades.<br \/><br \/><strong>\u00bfPuedo mostrar subcategor\u00edas?<\/strong><br \/>Actualmente, el m\u00f3dulo s\u00f3lo admite categor\u00edas principales. La visualizaci\u00f3n de subcategor\u00edas requiere la modificaci\u00f3n del c\u00f3digo fuente.<br \/><br \/><strong>\u00bfC\u00f3mo puedo cambiar la posici\u00f3n de un m\u00f3dulo en la p\u00e1gina?<\/strong><br \/>El m\u00f3dulo se coloca autom\u00e1ticamente en el enganche displayHome en la primera posici\u00f3n. Puede cambiar el orden en el men\u00fa Posici\u00f3n del panel de m\u00f3dulos.<br \/><br \/><strong>\u00bfFunciona el m\u00f3dulo con cach\u00e9?<\/strong><br \/>S\u00ed, el m\u00f3dulo es compatible con los sistemas de cach\u00e9 de PrestaShop y no requiere ninguna configuraci\u00f3n especial.<br \/><br \/><strong>\u00bfC\u00f3mo traducir el t\u00edtulo de la secci\u00f3n?<\/strong><br \/>El campo \"T\u00edtulo de la secci\u00f3n\" admite todos los idiomas activos en la tienda. Cambie el idioma en el panel de administraci\u00f3n e introduzca la traducci\u00f3n.<br \/><br \/><strong>\u00bfPuedo ocultar las descripciones de las categor\u00edas de determinados estilos?<\/strong><br \/>La opci\u00f3n \"Mostrar descripciones de categor\u00edas\" funciona globalmente para todos los estilos. Algunos estilos (como grid_modern) muestran las descripciones en la superposici\u00f3n.<br \/><br \/><strong>\u00bfPor qu\u00e9 la barra deslizante muestra flechas de navegaci\u00f3n cuando no son necesarias?<\/strong><br \/>JavaScript oculta autom\u00e1ticamente las flechas cuando todos los elementos caben en la vista. Compruebe que los elementos tienen las dimensiones correctas.<br \/><br \/><strong>\u00bfC\u00f3mo funciona la carga diferida de im\u00e1genes?<\/strong><br \/>Las im\u00e1genes se cargan autom\u00e1ticamente cuando se hacen visibles en la ventana gr\u00e1fica. Esto ahorra ancho de banda y acelera la carga de la p\u00e1gina.<br \/><br \/><strong>\u00bfPuedo cambiar la animaci\u00f3n hover?<\/strong><br \/>Las animaciones se definen en el CSS de cada estilo. Puede modificarlas editando el archivo <span class=\"cc-highlight\">front.css<\/span>.<br \/><br \/><strong>\u00bfPor qu\u00e9 no se muestran algunas categor\u00edas?<\/strong><br \/>El sistema omite las categor\u00edas inactivas, las categor\u00edas sin nombre y las categor\u00edas para las que el usuario no tiene derechos.<br \/><br \/><strong>\u00bfC\u00f3mo puedo cambiar la imagen por defecto de la categor\u00eda?<\/strong><br \/>Sustituir el archivo <span class=\"cc-highlight\">views\/img\/no-image-category.jpg<\/span> propia imagen de las mismas dimensiones.<br \/><br \/><strong>\u00bfEl m\u00f3dulo admite RTL (de derecha a izquierda)?<\/strong><br \/>El m\u00f3dulo utiliza clases est\u00e1ndar de Bootstrap que soportan RTL. Es posible que tenga que ajustar algunos de los estilos.<br \/><br \/><strong>\u00bfC\u00f3mo desactivo las animaciones?<\/strong><br \/>Puede eliminar o comentar las animaciones CSS en el archivo <span class=\"cc-highlight\">front.css<\/span> o a\u00f1adir <span class=\"cc-highlight\">animaci\u00f3n: ninguna;<\/span> a los selectores correspondientes.<br \/><br \/><strong>\u00bfPuedo cambiar el n\u00famero de descripciones de las categor\u00edas?<\/strong><br \/>Las descripciones se acortan autom\u00e1ticamente a 80-120 caracteres dependiendo del estilo. Puede modificarlo en el archivo de plantilla <span class=\"cc-highlight\">home_categories.tpl<\/span>.<br \/><br \/><strong>\u00bfPor qu\u00e9 no funciona el m\u00f3dulo despu\u00e9s de una actualizaci\u00f3n de PrestaShop?<\/strong><br \/>Compruebe la compatibilidad de la versi\u00f3n en el archivo del m\u00f3dulo. Es posible que necesites actualizar el m\u00f3dulo a la \u00faltima versi\u00f3n.<br \/><br \/><strong>\u00bfC\u00f3mo optimizar el rendimiento de un gran n\u00famero de categor\u00edas?<\/strong><br \/>Utilice el modo de selecci\u00f3n manual de categor\u00edas y limite el n\u00famero a un m\u00e1ximo de 12 elementos. Activa la carga lenta y el almacenamiento en cach\u00e9 de im\u00e1genes.<br \/><br \/><strong>\u00bfPuedo utilizar el m\u00f3dulo en p\u00e1ginas de categor\u00edas?<\/strong><br \/>El m\u00f3dulo est\u00e1 destinado a la p\u00e1gina de inicio. La colocaci\u00f3n en otras p\u00e1ginas requiere la modificaci\u00f3n del hookew en el c\u00f3digo fuente.<br \/><br \/><strong>\u00bfC\u00f3mo puedo comprobar qu\u00e9 conexiones est\u00e1n disponibles en mi plantilla?<\/strong><br \/>Utilice el m\u00f3dulo \"Hook displayer\" o compruebe los archivos de plantilla en el directorio de plantillas. No todas las plantillas admiten todos los ganchos.<br \/><br \/><strong>\u00bfPor qu\u00e9 no se muestran correctamente los estilos en modo oscuro?<\/strong><br \/>Los estilos oscuros requieren una envoltura especial. Compruebe que la plantilla no sobrescriba los colores de fondo y que no haya conflictos con otros estilos.<br \/><br \/><strong>\u00bfC\u00f3mo se exporta la configuraci\u00f3n del m\u00f3dulo?<\/strong><br \/>La configuraci\u00f3n se almacena en una tabla <span class=\"cc-highlight\">ps_configuraci\u00f3n<\/span> con un prefijo <span class=\"cc-highlight\">CC_PS_HC_<\/span>. Puede exportar estos registros a trav\u00e9s de phpMyAdmin.<br \/><br \/><div class=\"cc-alert cc-alert-success\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-239\">\u00c9xito<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-240\">El m\u00f3dulo CC PrestaShop Categories es una herramienta profesional para presentar con elegancia las categor\u00edas en las tiendas online. Gracias a sus amplias opciones de estilo y configuraci\u00f3n, le permite crear una experiencia \u00fanica para sus clientes y aumentar la conversi\u00f3n de su tienda.<\/div><\/div>Si tiene una tienda en PrestaShop y desea mejorar la presentaci\u00f3n de las categor\u00edas en la p\u00e1gina de inicio, le recomendamos que utilice la funci\u00f3n <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/product\/categorias-en-la-pagina-de-inicio\/\" title=\"CC PrestaShop Categor\u00edas en la p\u00e1gina de inicio\">CC PrestaShop m\u00f3dulo Categor\u00edas en la p\u00e1gina principal<\/a>que proporcionar\u00e1 un aspecto profesional y un control total sobre c\u00f3mo se muestran las categor\u00edas de productos.","protected":false},"excerpt":{"rendered":"Presta Shop Categories on Homepage Documentation Completa documentaci\u00f3n para el m\u00f3dulo de visualizaci\u00f3n Presta Shop Categories on Homepage (cc_ps_home_categories) con opciones avanzadas de estilo, m\u00faltiples modos de visualizaci\u00f3n y control total sobre el","protected":false},"author":1,"featured_media":5034,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"powered_cache_disable_cache":false,"powered_cache_disable_css_optimization":false,"powered_cache_disable_js_optimization":false,"footnotes":""},"categories":[236],"tags":[197,283,250,143],"class_list":["post-5030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dokumentacje-prestashop","tag-dokumentacja","tag-kategorie-na-stronie-glownej","tag-modul","tag-prestashop"],"_links":{"self":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/posts\/5030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/comments?post=5030"}],"version-history":[{"count":0,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/posts\/5030\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/media\/5034"}],"wp:attachment":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/media?parent=5030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/categories?post=5030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/es\/wp-json\/wp\/v2\/tags?post=5030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}