Get it on Google Play

eCommerce: Desarrollando temas para Prestashop

26-06-2015
 

Prestashop es el gestor de tiendas eCommerce que ahora mismo me gusta mas. Por rendimiento, estructura y otras razones.

Tiene un sistema de themes mucho mas practico que Magento, mas en línea con otros CMS(Content Management System). Un theme de Magento tiene ficheros desperdigados por todo el proyecto, en cambio Prestashop tiene todos los ficheros del theme en una carpeta llamada ‘themes'(Donde encontramos todos los temas, cada uno en su carpeta). Con todo, los themes de Prestashop también tienen sus cosas que repasaremos aquí…

Para crear un tema nuevo lo mejor es ir al panel de control y buscar “PREFERENCIAS” => “Temas” y en la barra de menú superior “Añadir tema”.Al final de la página pulsamos sobre “Crear un tema nuevo”. En la siguiente pantalla vemos el formulario, podemos crear un nuevo tema basándonos en otro que ya exista:

Desarrollo temas Prestashop 1

Desarrollo temas Prestashop 1

Ahora ya podemos ponerlo en la tienda online. En la siguiente captura de pantalla podemos ver el esqueleto de un tema Prestashop. Dentro del mismo tema también tiene las plantillas de los módulos para poder sobreescribirlas.

Desarrollo temas Prestashop 2(Esqueleto)

Desarrollo temas Prestashop 2(Esqueleto)

Esta compuesto de plantillas smarties y, por lo tanto, podemos hacer uso de las siguientes variables(Para instalarlo donde queramos):

$img_ps_dir       //URL for the PrestaShop image folder.
$img_cat_dir      //URL for the categories images folder.
$img_lang_dir     //URL for the languages images folder.
$img_prod_dir     //URL for the products images folder.
$img_manu_dir     //URL for the manufacturers images folder.
$img_sup_dir      //URL for the suppliers images folder.
$img_ship_dir     //URL for the carriers (shipping) images folder.
$img_dir          //URL for the theme’s images folder.
$css_dir          //URL for the theme’s CSS folder.
$js_dir           //URL for the theme’s JavaScript folder.
$tpl_dir          //URL for the current theme’s folder.
$modules_dir      //URL the modules folder.
$mail_dir         //URL for the mail templates folder.
$pic_dir          //URL for the pictures upload folder

Una vez tenemos creado nuestro tema, a partir de otro, para poder distribuirlo necesitaremos exportarlo. Para esto deberemos instalar un módulo, que aunque esta incluido por defecto, viene desactivado. Vamos a panel de control y seleccionamos “Módulos”, aquí podemos buscar en el buscador la palabra ‘theme’ y ya nos aparecerá “Importar / exportar un tema”:

Desarrollo temas Prestashop 3(Exportar)

Desarrollo temas Prestashop 3(Exportar)

Si le damos a configurar nos aparece el siguiente formulario y ya podemos exportar nuestro tema:

Desarrollo temas Prestashop 4(Exportar)

Desarrollo temas Prestashop 4(Exportar)

En fin, espero que con estas aclaraciones a todos os resulte mas fácil desarrollar vuestros propios themes para Prestashop.

Leave a Reply

© Albert Coronado Calzada