Boletín de la primera semana de abril sobre Prestashop

En esta semana hemos tratado los siguientes temas sobre Prestashop

Boletín semanal de Prestashop
Boletín semanal de Prestashop

Blog gratis en Prestashop 1.7

Todos conocemos el famoso SmartBlog que corre por la Comunidad de Prestashop  que integra una especie de blog en la tienda.

¿Pero conocemos una alternativa (por supuesto también gratuita al igual que el SmartBlog) que funcione a día de hoy en Prestashop 1.7 (o que supuestamente funcione)?

Gracias al usuario Xpert-Idea de la Comunidad de Prestashop, tenemos un módulo llamado “xipblog”

Blog para Prestashop 1.7
Blog para Prestashop 1.7

El módulo está disponible tanto para Prestashop 1.7 como para Prestashop 1.6

La instalación del módulo, como siempre desde la pestaña módulos -> módulos.

En la configuración propia del módulo, disponemos de 4 pestañitas, una para configuración general, otra para la configuración base de las urls amigables (formato estándar) del blog, otra para indicar el estilo del blog  y por último una opción que nos permite configurar como será la página principal del blog.

Opciones generales del módulo Blog para Prestashop 1.7
Opciones generales del módulo Blog para Prestashop 1.7
Opciones configuración URL Amigables (Base) del módulo Blog para Prestashop 1.7
Estilo blog en Prestashop 1.7
Estilo blog en Prestashop 1.7
Opciones página principal Blog en Prestashop 1.7
Opciones página principal Blog en Prestashop 1.7

Lógicamente el módulo, nos permite crear entradas (post), categorías, gestionar comentarios, etc..

Para hacer esto último, lo hacemos desde la pestaña Xpert Blog, que nos ha creado el módulo al instalarlo.

Podemos ver que tras dicha pestaña, tenemos varias subpestañas, una para gestionar los posts (Blog Posts), otra para gestionar las categorías (Blog Categories), otra para gestionar los comentarios (Blog Comments), etc..

Lo más importante, ¿Dónde se puede obtener este módulo gratuito (al menos a día de hoy) ?

  • https://www.prestashop.com/forums/topic/561888-powerfull-prestashop-16-17-blog-module-is-commercially-free-from-now/

Tip probado con la versión “2.0.1” del módulo (por favor, usar el enlace del foro de Prestashop para descargar la versión del módulo más actualizada, y discutir los problemas de este módulo que integra un blog en Prestashop 1.7).

Módulo alternativoIntegrar blog en Prestashop 1.7, por si el actual deja de funcionar en un futuro.

* Actualización entrada:

El SmartBlog por fin es compatible con Prestashop 1.7

https://github.com/smartdatasoft/smartblog/releases

Plantilla gratis para Prestashop 1.7 – Halcón Negro

En el año 2013, estuvimos hablando de la misma plantilla pero para Prestashop 1.5.

No recuerdo si comente que hace unos meses el mismo autor, llamado 30ml, había sacado una variante de la misma plantilla pero compatible con Prestashop 1.7

El nombre oficial de esta plantilla para Prestashop 1.7 es “BlackHawk4x

Plantilla de colores grises y negros para Prestashop 1.7
Plantilla de colores grises y negros para Prestashop 1.7

Como vemos la plantilla combina colores grises y oscuros:)

En la siguiente imagen, mostramos como se visualiza la ficha del producto de esta plantilla gratuita:

Observando la ficha del producto de esta plantilla

Esta plantilla es totalmente gratuita. (al menos por ahora, esperemos que no pase lo que paso con leothemes en un artículo anterior, donde unas plantillas gratuitas para Prestashop 1.7, dejaron de serlas de golpe..)

Podemos descargarla desde:

  • https://github.com/devilthemes/blackhawk4x
  • https://www.prestashop.com/forums/topic/586939-100-free-prestashop-17-themes-blackhawk4x/
  • Enlace alternativo  ¿Cuándo usar este enlace? -> Cuando ninguno funciona, ya que no está actualizado y la versión actualizada de la plantilla está en los enlaces fuentes que son los dos primeros.

¿Merece la pena trabajar con la plantilla por defecto en Prestashop?

Me han preguntado muchas veces, si merece o no la pena trabajar con la plantilla por defecto en Prestashop.

Antiguamente (hablo de hace bastantes años), no disponíamos de muchas plantillas para Prestashop, y al final muchos usuarios terminaban usando la plantilla por defecto, y en muchos casos hacían una maquetación bajo la plantilla por defecto, que quedaba bastante elegante.

¿Pero ahora que tenemos trillones de plantillas para comprar? ¿Merece la pena usar la plantilla por defecto en Prestashop?

Cierto es que cuando compras una plantilla a una empresa o desarrollador, te suele prometer un tiempo en el que te da soporte de actualizaciones, pero dependes realmente de la “bondad” del desarrollador/empresa, en cambio, cuando usas la plantilla por defecto de Prestashop te aseguras de que siempre esté al  tanto de las correcciones de los errores que tenga la misma plantilla, ya que cuando Prestashop saca una nueva actualización, en muchas ocasiones también corrige algún fallo de la misma plantilla.

A que contar también, que en algunas ocasiones (ha ocurrido en el pasado), cuando usabas una plantilla comprada y Prestashop sacaba una nueva variante (es decir ni siquiera un salto grande de versión, sino una variante de la misma versión de Prestashop que usabas) y “tachan”, saltaba algún fallo escondido en la plantilla que tenías, que no te dabas cuenta del fallo, hasta que un cliente que iba a comprar en tu tienda o la estaba visitando te hacia un feedback.

Evidentemente, todo esto ha mejorado con el tiempo, pero sigo insistiendo que usar la plantilla por defecto de Prestashop, no es tan maligno como puede parecer, a pesar de la cantidad de plantillas que tenemos disponibles hoy en día.

Y ya por simple curiosidad, veamos cómo era la plantilla por defecto de Prestashop, a lo largo de su pequeña historia.

Plantilla por defecto en Prestashop 0.9
Plantilla por defecto en Prestashop 0.9
Plantilla por defecto en Prestashop 1.4
Plantilla por defecto en Prestashop 1.0/1.1/1.2/1.3 / 1.4
Plantilla por defecto en Prestashop 1.5
Plantilla por defecto en Prestashop 1.6
Plantilla por defecto en Prestashop 1.7

Cambiar fondo del pie de página en Prestashop 1.7

En inicios del 2013, hicimos una guía parecida, pero para cambiar el fondo del pie en Prestashop 1.5

Hace unos meses, estuvimos comentando como cambiar el Copyright del pie de página en Prestashop 1.7, pero y si además queremos cambiar el fondo blanco del pie de página, por otro tipo de fondo.

Para cambiar el color de fondo del pie de página en Prestashop (Prestashop 1.7.1.0), como siempre digo podemos hacernos una idea usando firebug o el mismo inspeccionar elemento de Chrome, pero bueno, como estamos cerca de semana santa, os diré los pasos exactos.

Color (Blanco) de fondo en Prestashop 1.7
Color (Blanco) de fondo en Prestashop 1.7

Por defecto, el fondo del pie de página en Prestashop 1.7 con la platilla Classic (que es la que viene por defecto..) es de color blanco.

La idea es cambiarlo a un color “gris”.

Color de fondo (Gris) en Prestashop 1.7
Color de fondo (Gris) en Prestashop 1.7

Simplemente, vamos al fichero:

/themes/classic/assets/css/theme.css

Pero sorpresa, no vemos el CSS, como lo veíamos antes en el global.css

Fichero general de estilos en Prestashop 1.7
Fichero general de estilos en Prestashop 1.7

Lo vemos todo en una línea por el asunto de la compresión del CSS (CSS Minifier)

Para cambiar el fondo, añadimos debajo de todo:


#footer {
background: #f9f9f9
}

Evidentemente, como os podéis imaginar, esto no es lo más optimo, pero podéis salir del paso 🙂

Tenéis un fichero: /themes/classic/assets/css/custom.css para añadir vuestros propios estilos.

Documento válido para Prestashop 1.7.1.0

Limitar número de productos en el carrito en Prestashop

Traducción de la guía realizada por el usuario Nemo de la Comunidad de Prestashop

Limitar números de productos en el carrito en Prestashop 1.6
Limitar número de productos en el carrito en Prestashop 1.6

Según nos indica Nemo, el tutorial es para Prestashop 1.6

Imaginemos que queremos que, en el carrito, no puedan existir más de 5 productos en total.

Recordamos que lo mejor es hacer un override de los Clases y Controladores que se vayan a modificar.

En el fichero:

/controllers/front/CartController.php

Dentro de la función:

processChangeProductInCart


Debajo de la línea: (En Prestashop 1.6.1.12, sobre la línea 241)

$cart_products = $this->context->cart->getProducts();

Añadimos la siguiente


$total_cart_produtcs_count=0;

Ahora un poco más abajo, donde tenemos esta línea:


foreach ($cart_products as $cart_product) {

Añadimos:


$total_cart_produtcs_count+=$cart_product['cart_quantity'];

Almacenamos en la variable total_cart_produtcs_count el número total de productos que se van añadiendo al carrito.

Ahora justo antes de este comentario:

// Check product quantity availability

Añadimos:


$max_qty = 5;
		if(Tools::getValue('op', 'up')=='up' && $mode=='add')
		{
			if (count($cart_products) == $max_qty || $total_cart_produtcs_count + $this->qty > $max_qty)
				$this->errors[] = sprintf(Tools::displayError('El limite de productos en el carrito son %s'), $max_qty);
			
		} 

  • En la variable “max_qty” indicamos el límite máximo de productos que se pueden añadir al carrito.
  • En el primero IF se chequea cuando se añade/actualiza productos al carrito.
  • En el segundo IF contamos los productos añadidos al carrito y los comparamos con el límite que hemos establecido
  • Si se cumplen los dos IF, imprimimos el mensaje de que se ha llegado al límite de productos que se pueden añadir al carrito.

Esta traducción, puede contener errores o quedar desactualizada en el momento en el que vayáis a ver este post, revisarla siempre con el tutorial de Nemo:

Imagen de previsualización de YouTube

No encuentro las reglas de descuento en Prestashop 1.7

En Prestashop 1.6, para crear Reglas del Carrito y del Catálogo lo hacíamos de la pestaña Reglas de Descuento -> Reglas del Carrito / Reglas del Catálogo.

¿Cómo se gestionan ahora estas reglas en Prestashop 1.7?

Gestionar descuentos en Prestashop 1.7
Gestionar descuentos en Prestashop 1.7
Crear Reglas del Carrito y del Catálogo en Prestashop 1.7
Crear Reglas del Carrito y del Catálogo en Prestashop 1.7

Se gestionan desde la pestaña Catálogo -> Descuentos, donde tenemos luego dos “pestañitas”, una para crear Reglas del Carrito y otra para crear Reglas del catálogo.

* Para acceder una guía completa sobre la gestión de descuentos en Prestashop 1.7, revisa la siguiente guía: Gestionar descuentos en Prestashop 1.7

¿Cómo puede subir el cliente ficheros al producto en Prestashop 1.7?

En el pasado, en Prestashop 1.6, para que el cliente pudiera subir ficheros desde la ficha del producto (por ejemplo, imágenes), habilitábamos la opción en la pestaña Catalogo -> Productos, y dentro de la ficha de edición de los productos en “Personalización“.

Subir ficheros por parte del cliente en Prestashop 1.6
Subir ficheros por parte del cliente en Prestashop 1.6

En Prestashop 1.7 (al menos en Prestashop 1.7.1.0) lo hacemos también desde la pestaña Catalogo -> Productos, pero dentro de la ficha del producto lo hacemos en la opción llamada “Opciones

Opción subir ficheros cliente en Prestashop 1.7
Opción subir ficheros cliente en Prestashop 1.7
Campos Archivo / Texto en Prestashop 1.7
Campos Archivo / Texto en Prestashop 1.7

Dentro de Opciones, buscamos simplemente la palabra “Personalización“.

Como pasaba en Prestashop 1.6, nos permite habilitar campos de texto/archivo para que luego el cliente los rellene en la ficha del producto.

¿Cómo ve el cliente esta opción luego en la ficha del producto?

Cliente subiendo ficheros en la ficha del producto en Prestashop 1.7
Cliente subiendo ficheros en la ficha del producto en Prestashop 1.7

Documento basado en Prestashop 1.7.1.0

Añadir información en los campos del registro en Prestashop 1.7

Cuando estamos en el formulario de registro en Prestashop 1.7, vemos que en la fecha de nacimiento aparece el valor “DD/MM/YYYY” indicando a modo  de sugerencia el formato recomendable a la hora de insertar la fecha de nacimiento.

Este texto (estamos hablando del placeholder) se muestra antes de que nosotros vayamos a insertar un valor en el campo (no confundir con el valor por defecto que puede tener un campo)

Texto antes de insertar que el cliente vaya a insertar su fecha de nacimiento en el formulario de registro en Prestashop 1.7
Texto antes de insertar que el cliente vaya a insertar su fecha de nacimiento en el formulario de registro en Prestashop 1.7

¿Cómo podemos hacer esto por ejemplo para el campo del Email?

Nosotros vamos a editar la clase directamente, pero recordar que lo recomendable es hacer un Override.

Editamos el fichero: “/classes/form/CustomerFormatter.php” y dentro de la función public function getFormat()

Buscamos el siguiente código:

$format['email'] = (new FormField)
->setName('email')
->setType('email')
->setLabel(
$this->translator->trans(
'Email', [], 'Shop.Forms.Labels'
)
)
->setRequired(true)

Y añadimos:

->addAvailableValue('placeholder', $this->translator->trans('info@victor-rodenas.com'))

Dejándolo así:

$format['email'] = (new FormField)
->setName('email')
->setType('email')
->setLabel(
$this->translator->trans(
'Email', [], 'Shop.Forms.Labels'
)
)
->addAvailableValue('placeholder', $this->translator->trans('info@victor-rodenas.com'))
->setRequired(true)
Código placeholder campos formulario Prestashop 1.7

Cuando vayamos al formulario, veremos (antes de escribir el email) el siguiente dato:

Texto antes de insertar que el cliente vaya a insertar su email en el formulario de registro en Prestashop 1.7
Texto antes de insertar que el cliente vaya a insertar su email en el formulario de registro en Prestashop 1.7

Documento probado en Prestashop 1.7.1.0

Por cierto, ¿Te interesa añadir un campo nuevo en el formulario de registro en Prestashop 1.7?