¿Cómo crear un estilo de Catálogo?
*ESTILO DE CATÁLOGO: permite agregarle diseño, acomodo y estructura a una sección tipo catálogo.
*NOTA: para ver reflejado un estilo de catálogo será necesario haber creado un catálogo y asignarle este estilo
1. Seleccionar el ícono DISEÑO en el panel principal de herramientas
![](http://www.blunia.net/93/93_jpg_7de4d5a7697a2e5a30dfef0c358415db.jpg)
2. Seleccionar la herramienta ESTILO DE CATÁLOGO
![](http://www.blunia.net/93/93_png_670363c92590bd9832e4cceb12380e9f.png)
- Al ingresar, aparecerán dos opciones,
VER TODOS - donde se mostrará un listado de los estilos de catálogos creados.
CREAR ESTILO - donde se le dará nombre al estilo que se desea crear.
VER TODOS - donde se mostrará un listado de los estilos de catálogos creados.
CREAR ESTILO - donde se le dará nombre al estilo que se desea crear.
3. Nombrar el estilo.
![](http://www.blunia.net/93/93_png_94e32e3ab2f62293f07c52696e537a4c.png)
- Una vez nombrado el estilo, se mostrará la lista de estilos creados, habrá que dar un click en el nombre del estilo y aparecerán varias opciones para asignar diseño a los distintos elementos que conforman el catálogo.
se recomienda contar con varios estilos distintos entre sí, antes de comenzar a configuar el estilo del catálogo.
*Ver tutoriales CÓMO CREAR UN ESTILO / CÓMO PERSONALIZAR UN ESTILO
se recomienda contar con varios estilos distintos entre sí, antes de comenzar a configuar el estilo del catálogo.
*Ver tutoriales CÓMO CREAR UN ESTILO / CÓMO PERSONALIZAR UN ESTILO
4. Colocarle un estilo a la RUTA
![](http://www.blunia.net/93/93_jpg_e07ae4e5c7b3f561065ac0e87630b795.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.
Al colocarle un estilo se puede asignar, tipografía, color, efectos, y fondos a este elemento.
EJEMPLO:
Al colocarle un estilo se puede asignar, tipografía, color, efectos, y fondos a este elemento.
EJEMPLO:
![](http://www.blunia.net/93/93_jpg_fa65b850d35514de54361ee0621721c1.jpg)
5. Colocarle un estilo a la COLUMNA
![](http://www.blunia.net/93/93_jpg_2f1f89a95601b80bc678d755d1082d04.jpg)
Este espacio es una columna anclada en el margen izquierdo del sitio, ahí se muestran todas las categorías, subcategorías y productos existentes. Esta herramienta permite colocarle estilos al espacio de la columna en general y a las categorías, así como espaciado entre elementos.
EJEMPLO:
EJEMPLO:
![](http://www.blunia.net/93/93_jpg_38401beb26c77c40a52d39cab44ca638.jpg)
6. Colocarle un estilo al CONTENIDO
![](http://www.blunia.net/93/93_jpg_47589c360914a3dc5d9b12913a0095e8.jpg)
Esta herramienta se refiere al lugar donde se muestra el listado de productos, y el producto final.
*Asignarle un estilo sólo afecta al espacio como tal.
*Asignarle un estilo sólo afecta al espacio como tal.
7. Colocarle un estilo a CATEGORÍAS
![](http://www.blunia.net/93/93_jpg_8f6cb2a22d7706e075881da1c6326b0f.jpg)
Esta herramienta permite controlar la manera en que se despliegan las categorías del catálogo, es decir, el número de productos por fila, los estilos que acompañarán a la imagen y nombre de la categoría y sus respectivos espaciados.
Al aplicar estilos en este espacio serán visibles sólo en categorías y subcategorías del catálogo.
EJEMPLO:
Al aplicar estilos en este espacio serán visibles sólo en categorías y subcategorías del catálogo.
EJEMPLO:
![](http://www.blunia.net/93/93_jpg_2276b6561d51e031faa8d719395c8a31.jpg)
8. Colocarle un estilo al LISTADO DE PRODUCTOS
![](http://www.blunia.net/93/93_jpg_8556773c70c7a0193dce228241895d1b.jpg)
El listado de productos corresponde al siguiente nivel, después de que el usuario ingresa a una categoría, al igual que en CATEGORÍAS, esta herramienta permite asignarle estilos que acompañan a la imagen, nombre del producto, pero también a la marca del producto, precio, y sus respectivos espaciados.
EJEMPLO:
EJEMPLO:
![](http://www.blunia.net/93/93_jpg_8685c0c77d4a8ac3be0e3a8317c6072d.jpg)
9. Colocarle estilo a PRODUCTO
![](http://www.blunia.net/93/93_jpg_2b6ae13d4c1d5940d548658dfd1d8b73.jpg)
PRODUCTO corresponde al último nivel del catálogo, donde se encuentra la descripción del producto, tallas, colores, imágenes complementarias, precios, colores, esta herramienta permite asignarle un estilo a estos parámetros.
EJEMPLO:
EJEMPLO:
![](http://www.blunia.net/93/93_jpg_ca54c39ad0fe18f3f11c3c8e3c87fac3.jpg)