OpenCart 2.x. Cómo administrar el módulo “TM Lookbook”

El siguiente tutorial le mostrará cómo administrar el módulo TM Lookbook en OpenCart 2.

El Lookbook es un conjunto de fotos, donde se puede marcar cualquier parte de la imagen. Este módulo sirve para mostrar los productos de una o varias marcas.

El módulo tiene dos modos de visualización para ser visualizados en la posición de almacenamiento: en forma de Banner(1) o en forma de una Colección(2).

1. Para manejarlo, abra la pestaña Extensiones > Extensiones > Módulos y desplácese hasta TM Lookbook.

   

2. Haga clic en Añadir nuevo

   

3. Rellene la información general: Nombre del módulo, Nombre de la colección, Mostrar contenido y estado. Para el contenido de la pantalla tendrá dos opciones disponibles:

   

   1. Modo de visualización en Banner;

      

   2. Modo de visualización en Colección.

      

4. Para el contenido de Banner defina los siguientes ajustes:

   1. Clase de Wrapper del Banner: La clase del contenedor de banners;

   2. Imagen del Banner: La imagen del banner;

   3. Ancho de Imagen del Banner: El ancho de la imagen de banner;

   4. Altura de la Imagen del Banner: La altura de la imagen de banner;

   5. Descripción del Banner: La descripción del banner

   

5. Para el contenido de lookbook de Collección defina los siguientes ajustes:

   1. Imagen de Colección: Imagen de Colección;

   2. Ancho de Imagen de Colección: Ancho de Imagen de Colección;

   3. Altura de la Imagen de Colección: Altura de la Imagen de Colección;

   4. Productos: Colección de productos;

   5. Ancho de la imagen del producto: La anchura de las imágenes del producto;

   6. Altura de la imagen del producto: La altura de las imágenes del producto.

   

6. Para marcar los productos seleccionados en la imagen:

   1. Pulse el botón “Agregar Mapa de la Imagen”.

      

   2. En la parte inferior, verá una ventana, que permite crear áreas de selección y añadir productos a estas áreas.

      Las áreas que se crean pueden ser de 3 formas diferentes: cuadrada, redonda y compleja (poligonal).

   3. Para crear un área de selección en la imagen, pulse el botón, cuyo nombre corresponde a la forma necesaria del área de selección.

   4. Después de elegir el formulario, colóquelo en la imagen. Haga clic con el botón izquierdo en la parte necesaria de la imagen, dibuje el área.

      Nota: La selección poligonal siempre debe estar cerrada, haga coincidir el primer y el último punto.

   5. Pulse el botón “Editar”.

   6. Haga Doble clic en el área seleccionada y elija el producto necesario de la lista desplegable.

   7. Pulse el botón “Guardar”.

   8. Después de marcar todas las áreas y cartografiar todos los productos, presione el botón Guardar en la parte superior.

      

7. Guarde la configuración del módulo cuando todo esté hecho.

   

¿Necesita más plantillas? Echa un vistazo a nuestra selección de productos bien hechos de OpenCart themes.

No dude en consultar el vídeo tutorial que se detalla a continuación: