PrestaShop: Módulos

Uso de Bootstrap en conjunción con Prestashop

¡Prueba gratis durante 10 días

nuestros 1201 cursos !

Prueba gratis Mostrar modalidades de suscripción
En Prestashop se puede utilizar Bootstrap para simplificar la creación de su front-end. Vamos a explicar en este vídeo en qué consiste Bootstrap, desarrollando las mínimas nociones necesarias para poder seguir el curso sin problemas.

Transcripción

Bootstrap es un estándar hoy en día en la creación de "Front-End". Es algo más que un "framework", que es la mezcla de HTML, CSS y Javascript para hacer que con muy poquito código queden nuestros sitios web, nuestros "Front-Ends" muy bien terminados, con un aspecto muy acabado y además muy moderno. Su planteamiento básicamente consiste en añadir clases a los distintos elementos del HTML para que así cambien su aspecto e incluso su comportamiento. Como digo, es precisamente un estándar y es por ello que Prestashop también lo ha añadido dentro de él. Así que si vamos a generar contenidos con Prestashop es bueno que aprendamos un poco de Bootstrap. En este curso en realidad voy a utilizar muy poquitas clases, solamente unas pocas opciones. Así que tampoco es necesario conocer Bootstrap para seguirlo, pero como digo sin embargo sí que es recomendable saber un poquito cómo funciona. Dentro de Bootstrap, vamos a tener una serie de componentes, componentes como pueden ser simplemente los iconos, que tiene además un montón de ellos, como también los típicos elementos, los típicos controles de "Front-End", como pueden ser diferentes clases de botones, con diferentes aspectos, desplegables, alertas, cabeceros, etcétera, etcétera, etcétera. Como podemos ver, la cantidad de opciones que tienen son enormes y el aspecto que tienen, además, es muy consistente y muy cómodo de utilizar. Esa es una de las partes que utilizaremos. Utilizaremos mensajes de alerta basados en Bootstrat, aparte también de algunos botones. Otra cosa que vamos a utilizar bastante van a ser las clases CSS para definir en concreto, en este curso, cómo se van a colocar los elementos, cómo se van a organizar los elementos del "Front-End", aunque en realidad el CSS de Bootstrap hace mucho más. Pero lo más importante que tiene es su "grid system", su sistema de rejilla, que está basado en definir una serie de clases y de tamaños. Vamos a tener desde el 'XS' para el tamaño más pequeño en adelante, haciendo que pase al SM de "small", al MD de "medium" o al LG de "large". Estas clases hacen referencia al tamaño de la pantalla y vienen además asociadas al número de columnas que va a tener un objeto determinado. Utilizando estas clases entonces voy a definir cuántas columnas va a utilizar un elemento concreto para mostrarse dentro de la pantalla. La rejilla de Bootstrap tiene 12 columnas, así que por ejemplo si yo aplico la clase de 6 columnas, lo que voy a conseguir es que media pantalla sea para un objeto y el siguiente otra media pantalla. Si yo pongo dos objetos que en la suma de los dos en columnas es más que 12, lo que ocurrirá será que uno aparecerá encima del otro. Si es menor, aparecerá uno seguido del otro. Aparte de eso, también incluye algunos métodos de Javascript, pero bueno, en principio con lo que hemos visto, básicamente podemos entender qué es lo que vamos a aplicar dentro de nuestra creación de módulos, ya que el Bootstrap lo utilizaremos pero solamente en determinados momentos cuando estemos creando alguna plantilla.

PrestaShop: Módulos

Introdúcete en la programación de módulos de Prestashop, empezando por conceptos básicos imprescindibles para crear bloques funcionales dentro de este CMS de comercio electrónico.

2:49 horas (33 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/10/2016

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.