¿Cómo asignarle diseño a un catálogo?
DISEÑO; permite asignar el estilo de diseño que se desea en el catálogo, además de definir qué elementos estarán visibles y qué elementos estarán ocultos en las diferentes secciones que componen el catálogo.
1. Seleccionar la opción CONTENIDO en el panel principal de herramientas
![](http://www.blunia.net/93/93_jpg_1a55df50af01a6eeacdf2ab8e852ffca.jpg)
2. Buscar el ícono y el nombre del catálogo donde se desea configurar el diseño
Se deberá haber creado ya la sección tipo Catálogo para que el ícono sea visible en este apartado.
*Véase ¿CÓMO CREAR UN CATÁLOGO?
*Véase ¿CÓMO CREAR UN CATÁLOGO?
![](http://www.blunia.net/93/93_jpg_f7a41c196b8922e2e61f515ee578ef51.jpg)
3. Seleccionar la herramienta DISEÑO
![](http://www.blunia.net/93/93_jpg_7797ef29b0d0fa3ff213d7a3db67820d.jpg)
Se mostrarán una serie de opciones a configurar, se recomienda accesar a cada una de ellas.
1.- Seleccionar DISEÑO
![](http://www.blunia.net/93/93_jpg_cc616cb0b766beba2e939214891c47db.jpg)
En este apartado se podrá asignar el estilo de diseño que se desea para el catálogo.
El ESTILO DE CATÁLOGO debe estar previamente creado; en esta sección únicamente se asigna y se guardan cambios para verlo reflejado en su página.
*Ver tutorial ¿CÓMO CREAR UN ESTILO DE CATÁLOGO?
![](http://www.blunia.net/93/93_jpg_befa422d3de2be338332b1df76ca6d51.jpg)
2.- Seleccionar VISUALIZACIÓN DE LA RUTA
![](http://www.blunia.net/93/93_jpg_3dd3d211e946264dcc5105400830c1f9.jpg)
En este apartado se podrá elegir si se desea dejar visible u oculta la ruta del catálogo, y desde qué nivel será visible en caso de escoger la primera opción.
![](http://www.blunia.net/93/93_jpg_b6b353541a0216f452cea11039176dec.jpg)
*La RUTA es un indicador de navegación dentro del mismo catálogo. Su función es mostrar la ubicación dentro de las categorías o subcategorías en que se encuentra el usario, incluso sirve como un submenú para retroceder algún nivel del catálogo.
EJEMPLO DE RUTA VISIBLE:
![](http://www.blunia.net/93/93_jpg_ffbf3151d6803b886f7dc45139118b2b.jpg)
3.- Seleccionar VISUALIZACIÓN EN CATEGORÍAS / SUBCATEGORÍAS
![](http://www.blunia.net/93/93_jpg_08c434db87cb5d840ef0be8b7e22a14f.jpg)
Aquí se podrá elegir si dejar visible u oculta la columna izquierda, así como los títulos de cada una de las categorías y subcategorías del catálogo.
![](http://www.blunia.net/93/93_jpg_07c67df6f1231a81c22a1123cb2e8fc4.jpg)
*La COLUMNA es un elemento fijo del lado izquierdo que despliega los títulos de las catégorías y subcategorías del catálogo, mismas que se muestran con imágenes y TÍTULOS del lado derecho; la columna facilita la navegación del usuario en el catálogo ya que sirve como un submenú para retroceder a los diferentes niveles.
EJEMPLO DE COLUMNA IZQUIERDA (1) Y TÍTULOS (2) VISIBLES:
![](http://www.blunia.net/93/93_jpg_53ee9d85d9aa8390360b68a4d5853aef.jpg)
4.- Seleccionar VISUALIZACIÓN EN LISTA DE PRODUCTOS
![](http://www.blunia.net/93/93_jpg_468f9128df704317d848d77e6482e8fa.jpg)
Aquí se podrá elegir si dejar visibles u ocultos los siguientes parámetros en la ventana donde se despliega el LISTADO DE PRODUCTOS del catálogo
![](http://www.blunia.net/93/93_jpg_ce9b9cd300bd06db40594c6af50700e6.jpg)
EJEMPLO: en la siguiente imagen se muestra un ejemplo de catálogo con COLUMNA IZQUIERDA OCULTA, TÍTULOS VISIBLES (1), MARCA OCULTA, MODELOS VISIBLES (2), COLORES VISIBLES (3) y DESCRIPCIÓN OCULTA.
![](http://www.blunia.net/93/93_jpg_18e17a729c2b9edba46d45b646e47763.jpg)
5.- Seleccionar VISUALIZACIÓN EN PRODUCTOS
![](http://www.blunia.net/93/93_jpg_2c15b0efebc291b049f9eff64ab7b59a.jpg)
En este apartado se podrá elegir si dejar visible u oculta la columna izquierda, además de escoger el efecto que se desea en la fotografía principal del producto y finalmente determinar la posición de las redes sociales en caso de que se hayan dejado activas.
![](http://www.blunia.net/93/93_jpg_a5aa6b7cc522246d4844313dbf5b9b25.jpg)
EJEMPLO: en la siguiente imagen se muestra un ejemplo de catálogo con COLUMNA IZQUIERDA VISIBLE (1), IMAGEN CON ZOOM (2) y REDES SOCIALES DENTRO DE LA INFORMACIÓN (3)
![](http://www.blunia.net/93/93_jpg_aa11ba134d13ed8649eb7521f76edba1.jpg)