El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

PrestaShop: Módulos

Plantillas Smarty para crear contenidos en Prestashop

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
La base de la creación de contenidos en los módulos de Prestashop está basado en las plantillas Smarty, así que en este vídeo haremos un repaso por las principales funciones de esta aplicación para que, cuando haya que utilizarlo a lo largo del curso, tengamos la base necesaria.

Transcripción

Prestashop está basado en la estructura MVC, o sea, 'Model-View-Controller', de tal manera que está completamente separada la lógica que define los modelos de datos, del control de qué es lo que está ocurriendo y de las vistas, de las "views". O dicho de otra manera, del HTML que se va a mostrar, que se va a servir al usuario final. Estas vistas están basadas en archivos TPL. Los activos TPL son plantillas que sirven para conectar el HTML final con el PHP que tengo en el controlador. Y eso se va a hacer dentro de los módulos, en muchos de ellos –cualquiera que tenga elementos visuales– dentro de la carpeta Views. Dentro de esa carpeta tendremos diferentes estructuras de carpetas en las cuales tendremos archivos, como digo, con esa extensión TPL. Las plantillas que se utilizan en Prestashop están basadas en Smarty. Smarty es un lenguaje muy cómodo que vamos a ver un poco por encima en este vídeo para aprender lo necesario que tendremos que utilizar luego más adelante cuando creemos nuestro módulo. En principio, Smarty funciona utilizando por un lado archivos con extensión TPL, luego ya se ocupa PrestaShop de leer esa plantilla y de sustituir las variables que hayamos metido en ella con los datos que tiene que mostrar dentro del HTML. Todas las etiquetas que estamos usando con Smarty van a comenzar con una llave de apertura y una llave de cierre. Eso va a indicarle a los TPL, va a indicarle a PrestaShop que eso es un elemento de Smarty. El más simple: los comentarios. Los comentarios se van a crear con la llave de apertura, el asterisco y luego, de ahí hasta que encuentre un segundo asterisco y una llave de cierre, va a ser ese comentario. Lo siguiente, podemos también meter trozos de plantillas dentro de otras plantillas. Por ejemplo, dentro de una estructura HTML yo puedo añadir el encabezamiento como una plantilla, el código que tiene que aparecer como otra plantilla y luego por ejemplo una tercera plantilla para poner un "footer". Bueno, pues puedo tener una plantilla base y dentro de la cual añadir varios "includes". Y dentro de estos "includes" defino por un lado la directiva y luego por otro lado "file" igual a y la ruta de donde tiene que sacar ese elemento que va a añadir. Esto permite que tengamos una estructura dentro de Smarty que sea más modular. La parte más importante de Smarty, que es el mostrar variables, es muy simple. Se basa básicamente en añadir llave y poner el nombre de la variable que he creado previamente en PHP y luego cerrar esa llave. Hay algunas variables que también son propias de Smarty y que de hecho son creadas desde el núcleo de PrestaShop, para que sea accesible directamente, como puede ser por ejemplo la URL base de nuestra tienda. También puedo trabajar con variables que son más que texto, por ejemplo con "arrays", y en ese caso pues yo puedo poner el nombre de la variable y luego entre corchetes el elemento del "array" que quiero mostrar. O puedo también trabajar con "arrays" asociativos y entonces poner el nombre de la variable, punto, y luego el nombre de la propiedad que quiero mostrar. O incluso también si tiene que ser una propiedad que se saque dinámicamente, pues lo que puedo hacer es poner el nombre de la primera variable, el "array" asociativo, punto, y luego la variable donde se almacena el nombre de esa segunda variable. Hay más formas de trabajar, pero en principio estas son las más básicas para trabajar con variables. También podemos hacer operaciones matemáticas, por ejemplo pues multiplicar, sumar, dividir, etc. Todas ellas se van a hacer poniendo entre llaves la variable con el valor matemático y luego pues las operaciones matemáticas que quieras realizar. Podemos sumar, restar, multiplicar variables o números, sin mayor problema. Por supuesto, para que sea un lenguaje potente vamos a necesitar condicionales y vamos a necesitar bucles. En el caso de las condicionales, las sentencias 'if' van a consistir siempre en apertura de llave, luego 'if' y luego la condición que queramos utilizar, la condición que va a ser como en todos los lenguajes de programación con el doble igual para buscar la igualdad y con mayor, menor, etc. Cuando termina esa condición se cierra la llave. Dentro de las líneas siguientes es donde voy a poner el código HTML que se va a ejecutar solo en el caso de que se cumpla esta condición. Y cuando se termine esa condición, tendré que añadir de nuevo una etiqueta de apertura, barra inclinada, if y cerrar esa llave. Así que todo lo que hay dentro de este bloque es lo que se tiene que añadir siempre que se cumpla esa condición. También podemos trabajar con sentencias condicionales con 'else', que serán exactamente igual: llave, if, condición, cerrar llave. Y luego: llave, else, cerrar llave. Y por último: llave, barra inclinada, if, y cerrar esa llave. En el caso de los bucles, es bastante parecido. En este caso pues en vez de un 'if' utilizaremos un 'foreach'. De dónde voy a sacar todos los elementos, de qué "array", pues va a ser ese "from =" y luego el nombre de la variable que tiene el "array". Y luego voy a crear una segunda variable "item" que va a ser igual al nombre que le quiera poner a la variable que luego utilice dentro del bucle. Y así de ese modo en este bucle voy a tener la variable, aquí podemos verlo, '$curr_id', que es la que voy a utilizar para que vaya cambiando según se van recorriendo todos los elementos del bucle 'list_id'. Estos "foreach" pues consisten también como siempre en: abrir llaves, foreach, from igual a la lista, item igual al nombre de la variable que queremos utilizar, cerrar la llave, luego todo lo que se va a repetir y luego por último abrir llave, barra inclinada, foreach y cerrar llave, que sirve para concluir todo el código que se ejecuta en ese bucle. Se puede hacer más complicado y entonces por ejemplo se puede trabajar con "keys". O sea, se puede trabajar con los nombres de las propiedades y luego con los elementos. Entonces para ello se utilizaría: foreach, se utilizaría key igual al nombre de la variable que voy a utilizar, aquí lo vemos debajo, "key", y luego item, y aquí le puedo poner el nombre que quiera utilizar, que en este caso va a ser también "item". Y "from" dónde, bueno pues "from" el listado de elementos. A cualquiera de las variables también les puedo aplicar diferentes modificadores. Por ejemplo, pues para trabajar con fechas puedo utilizar el 'date_format'. Para cualquiera de estos modificadores, para explicar que es un modificador necesito utilizar la barra vertical. En esa barra vertical, después de una variable, aplico el modificador, por ejemplo "lower" o "upper", que va a servir para poner en minúsculas o en mayúsculas. En el caso de las fechas, como decía 'date_format' y luego dos puntos y entre comillas la forma en la que quiero que se muestren esos datos, en este caso pues será horas, minutos y segundos. También puedo utilizar otros elementos, pues ejemplo el "escape", en este caso marcado como URL, pero que también puedo hacer "escapes" para código HTML, para todo tipo de código HTML o para trabajar también con código. Smarty tiene bastantes más opciones que solamente esto y es interesante echar un vistazo a la página web de Smarty: smarty.net, donde vamos a tener una documentación completa, además en castellano, en la que podremos ver los distintos tipos de estructura, las distintas formas de trabajar con variables, modificadores, etcétera, etcétera. En cualquier caso, para trabajar con módulos, y en concreto en el módulo que vamos a hacer en este curso, todo lo que hemos visto hasta ahora es suficiente.

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.