Diseño Web

Nos lo ha pedido algún cliente, somos muy vagos y creamos un vídeo para no explicarlo cada vez. Cómo insertar un vídeo en un producto de Prestashop. Sirve lo mismo para un módulo de las barras laterales o del contenido. Sólo tienen que tener editores html El vídeo se puede insertar en el resumen como en la descripción. Tienes dos métodos. Insertar la URL. Casi todos los editores tienen un botón para insertar vídeo. Sólo tienes que copiar la URL (dirección del navegador) de tu vídeo y pegarlo en la ventana que salga al pinchar en ese botón. En Prestashop además te deja cambiar el tamaño y la imagen que presenta el vídeo (si no pones una usa la de Youtube o Vimeo). El mayor problema es que, una vez hecho, si quieres modificar, tienes que editar código o borrar el vídeo y volver a ponerlo. Y que el resultado no suele ser responsive (cuidado con el tamaño que pongas). Incrustar vídeo (embed). El segundo método es más laborioso pero lo usamos cuando no funciona el anterior (sólo es compatible con ciertos servicios de vídeo) o cuando queremos personalizar más lo que insertamos (por ejemplo hacer Youtube responsive). Para ello vamos a pinchar en el botón de Compartir en Youtube (no todos los vídeos lo tienen, tiene que aprobarlo el creador) y elegir la opción Insertar. Ahí veras un código que tienes que copiar  y pegar en Prestashop>Insertar /Editar Video>Incrustar. En ese iframe podemos personalizar width y height y poner CSS y otros cambios.

Esto debería ser fácil, deberías poder entrar en la configuración de Prestashop y marcarlo. Pero no… Estar está ahí, pero parece que lo han escondido a conciencia. Os decimos cómo seleccionar los campos que queréis que sean obligatorios en el registro de Prestashop. Campos obligatorios en el registro de Prestashop DNI, teléfono código postal. Método 1. Para seleccionar que campos, dentro de los que deja Prestashop, son obligatorios en el registro de Prestashop tienes que ir al backend a Clientes > Direcciones. Ahí aparece todas las listas de direcciones de clientes registrados y, al final (casi para pasar desapercibido, tienes un campo recogido con un +, llamado Establecer los campos requeridos para esta sección. Pincha en el más y verás una serie de campos que puedes seleccionar. Siempre es mejor hacerlo de esta manera porque no retocas ni el sistema ni la plantilla. Nota: esto debería funcionar en teoría. A nosotros en la 1.7.42 se nos marca la casilla (teléfono) pero al refrescar se desmarca. No hay manera. Usamos el modo 2. Método 2. Si esto no te vale, o necesitas algún otro campo puedes hacerlo de esta manera. Primero tienes que ver si es un campo de cliente o de dirección. Por ejemplo teléfono es de dirección. Los campos de dirección están en Address.php y el de cliente en Customer.php, ambos en el directorio clases. Te ponemos el ejemplo con el de cliente (es lo mismo en Address). Copia el fichero classes/Customer.php en la carpeta override/classes/Customer.php Edita el fichero. Donde pone /**     * @see ObjectModel::$definition     */    public static $definition = array(        ‘table’ => ‘customer’,        ‘primary’ => ‘id_customer’, Vienen todos los campos. Sólo tienes que poner ‘required’ => true al final del campo que quieras que sea obligatorio. Por ejemplo si quieres la empresa obligatorio cambias: ‘company’ =>array(‘type’ => self::TYPE_STRING, ‘validate’ =>’isGenericName’), por ‘company’ =>array(‘type’ => self::TYPE_STRING, ‘validate’ => ‘isGenericName’,’required’ => true), Algún campo puede requerir más modificaciones porque impliquen algún otro campo más (por ejemplo el cumpleaños incluye año, mes y día). Una vez hecho este cambio, da un error 500 si intentas dejar vacío el campo. En Address.php hay que modificar el fichero AddressFormat.php (copialo antes a override/classes) y meter el valor en el array required. Por ejemplo aquí meto al final el phone: /** @var array Default required form fields list */ public static $requireFormFieldsList = array( ‘firstname’, ‘lastname’, ‘address1’, ‘city’, ‘Country:name’, ‘phone’, ); En Customer.php hay que buscar la clase que valida y hacer lo mismo.

Prestashop, por lo menos en la versión 1.7 (y parece que antes también) tiene muchos problemas con la calidad de las imágenes. En otro artículo explicaremos cómo mejorar las imágenes de productos y por qué pierden tanta calidad, hoy vamos con el logo en las facturas. Cómo mejorar la calidad del logo en las facturas de Prestashop. Cuando subes un logo desde el backend para las facturas, desde Diseño>Tema y Logotipo>Logos de Factura y Correo Electrónico, Prestashop lo pone en las facturas. El problema es que toda imagen que sube la comprime y modifica. Puedes modificar el tamaño y la posición de esta imagen (modificada) desde el fichero header.tpl de tu directorio pdf (ya sea en la raíz o, más recomendable, en tu tema). En la web que estábamos trabajando estos días, esto implicaba que el logo se veía borroso. La calidad empeoraba cuando subíamos el tamaño, y se veía borrosa cuando lo volvíamos pequeño. Solución. La solución parece estar en saltarse a Prestashop, subir la imagen por FTP a un directorio, y modificar el header.tpl para que la busque directamente en ese directorio. En el enlace que hemos dejado al principio del artículo los usuarios han enlazado una imagen svg. Se puede si no tienes tipografía extraña, si no, como el servidor no la tiene, no se va a ver. Nosotros pusimos directamente un enlace a un png y la mejora era espectacular. Ve a tu directorio de facturas (suponemos en la plantilla) en /themes/tuplantilla/pdf y edita el fichero header.tpl. Ahí verás una línea que pone: {if $logo_path} <img src=”{$logo_path}” style=”width:{$width_logo}px; height:{$height_logo}px;” /> Nosotros hemos comentado la original (nos gusta más que borrar) y puesto: {if $logo_path} {**<img src=”{$logo_path}” style=”width:{$width_logo}px; height:{$height_logo}px;” />*} <img src=”{$img_ps_dir}nombredetulogo.png” style=”width:{$width_logo}px; height:{$height_logo}px;” /> En el artículo que enlazamos pusieron un svg (pruébalo primero porque obviamente la calidad es mejor): <img src=”{$img_ps_dir}Name_of_your_Logo.svg” style=”width:{$width_logo}px; height:{$height_logo}px;” /> La imagen obviamente la estamos subiendo al directorio img de la raíz (que es el que se llama con {$img_ps_dir} Veréis como así tus facturas tienen un logo con la calidad adecuada.