Como crear página con imágenes o catálogos Prestashop

By 9 junio, 2016 Prestashop No Comments
catalogos prestashop

Creación de una página CMS para incluir galería de imágenes o catálogos Prestashop de forma Responsive

Muchas veces nos hemos visto con la necesidad de crear en Prestashop una página donde poder incluir una galería de imágenes independiente a los productos de Prestashop o un apartado donde poder incluir los catálogos de nuestros productos, de los fabricantes o incluso guia de uso o funcionamiento de muchos de nuestros artículos.

Por defecto Prestashop no contempla esta opción, pero hemos creado esta guía rápida para poder indicarte como crear una página CMS de contenido para integrar tus Catálogos de forma Responsive(se adaptará tanto a PC como a móvil).

cms prestashop

 

Lo Primero de todo será generar una página CMS de contenido desde el Backoffice, podemos acceder desde el menú Preferencia/CMS.

 

 

Dentro de CMS veremos las páginas que tenemos ya creadas, en el botón superior derecha con el símbolo “+” añadiremos una nueva página CMS para los catálogos Prestashop.

nuevo cms prestashop

Al crear una nueva página de contenido CMS tendremos que indicar el Meta-titulo, que será el titulo que aparecerá en la pestaña del navegador y que aparecerá en el breadcrumb de la página. También activaremos la indexación por búsqueda para google y otros buscadores y activaremos Mostrados para que este activa la página CMS de catálogos Prestashop (flechas rojas de la imagen posterior).
cms catalogos prestashop

Lo primero que haremos en esta nueva ventana es pulsar sobre herramientas y sobre “</>Código fuente” para pegar el siguiente código en la ventana que se abre, la idea es pegar el código una vez por cada catálogo Prestashop que queramos incluir ,con esto se  pintará la estructura Responsive(bootstrap) para los catálogos.

<div class="col-xs-6 col-sm-3"><a href="#" target="_blank">
 <img src="#" alt="descripci&oacute;n alt" width="250" height="324" /></a></div>

Al incluir el código anterior en la ventana obtendremos un cuadrado con un texto “descripción”, ahora tendremos que pulsar sobre este cuadro y con el botón insertar/insertar imagen, para poder añadir la imagen que queramos mostrar para la selección del catálogo.

insertar imagen prestashop

Una vez seleccionada la imagen a través del editor, tendremos que añadirle un enlace, esto se hace a través del botón con icono similar a una cadena. Seleccionaremos de la misma forma que la imagen en este caso un documento o imagen que queramos mostrar al usuario al pulsar en la imagen.

catalogos prestashop enlaceDe esta forma tan sencilla podremos incluir todos nuestros catálogos Prestashop, para que nuestros clientes puedan consultar y descargar todo tipo de documentos e imágenes de nuestra web.

catalogos prestashop

Más guías y noticias sobre Prestashop en nuestras redes sociales:
twitter codigo10 google plus codigo10 facebook codigo10

Usamos cookies propias y de terceros para mostrar publicidad personalizada según su navegación. Si continua navegando consideramos que acepta el uso de cookies. ACEPTO Más información