Blog

Clientes, Diseño Web, Trabajos

Nueva web para Laosgarden. Tienda online

/

Hoy os presentamos uno de los proyectos en que llevamos trabajando desde verano. La nueva web para Laos Garden, una de las mejores (si no la mejor) tiendas de bonsai de Europa. https://www.laosgarden.com Esta web ha sido un proyecto intenso, por varias razones. Por un lado porque la nueva web tenía muchos requisitos personalizados de envíos y productos. Además tenían mucho stock con imágenes de calidad e información que había que importar. Además el cliente tenía muy claro todas las funcionalidades y requisitos de la nueva web y ha ido repasando cada paso con nosotros. Esto siempre es de agradecer, porque hace que el producto final sea mucho mejor y haya pasado por múltiples revisiones (reduciendo los errores posibles).  Pero produce muchas horas de revisión, y mejoras. Al final, ha sido un parto exitoso, deseado y estamos muy contentos con el resutlado. Estamos hablando de una web que puede vender automáticamente a cualquier lugar de Europa, con varios transportistas según zona y peso. También puede vender fuera de zona con opciones de recibir la información tras el pedido. Permite varios métodos de pago, es responsive y además gestiona los pedidos realizados en la tienda física. Las imágenes son mejoradas con respecto al Prestashop por defecto (ya explicaremos cómo). Como decimos… estamos todos muy contentos con el producto final.

Gestores de contenidos, Prestashop, Trucos

Prestashop: backend va lento o no puedes acceder. Solución

/

Estos días muchos de nuestros clientes con Prestashop han tenido el mismo problema. O lentitud (enorme) en el backend, o directamente no podían entrar en él (rueda girando indefinidamente tras pinchar en acceder). Obviamente todos pensamos en los hosting y hemos perdido mucho tiempo intentando depurar el problema. Pero la causa era otra. Parece ser que Prestashop usa servidores externos cuando ciertos módulos o addons están activos. Estos módulos estaban colapsados y esto provocaba la lentitud o la imposibilidad de acceso. Os decimos cómo solucionarlo. Solución a backend lento o a no poder acceder por los problemas de addons externos. La solución varía dependiendo de la versión de Prestashop. En Pretashop 1.6: hay que desactivar el módulo gamification. Pero no vale hacerlo desde el backend (y si no puedes acceder peor jejeje). Hay que cambiar el nombre de la carpeta  /modules/gamification  Con esto verás como ya puedes acceder a tu backend y va muy rápido. En Prestashop 1.7:  no hay módulo, hay que modificar unos ficheros. Podéis ver la solución propuesta por Prestashop aquí pero consiste en: – Editar el fichero classes/Tools.php y cambiar la línea : protected static $is_addons_up = true;  a protected static $is_addons_up = false; – Editar el fichero src/Adapter/Addons/AddonsDataProvider.php  y cambiar la línea: protected static $is_addons_up = true; a protected static $is_addons_up = false; Con esto debería estar arreglado. Nota: hay quien recomienda borrar el fichero config/xml/default_country_modules_list.xml. Si no te funciona prueba con eso, aunque nosotros no lo hemos necesitado.

Diseño Web, Gestores de contenidos, Prestashop

Prestashop: mostrar las variables y valores que llegan a un tpl en Smarty con debug

/

Cuando tienes que modificar ficheros tpl en Prestashop, muy a menudo necesitas saber qué variables le llegan desde Smarty (no las de la plantilla). Porque existen unas variables globales y otras que llegan a cada plantilla (diferentes a cada una). Si no pierdes mucho tiempo “probando”. Cómo mostrar las variables y valores que llegan a un tpl en Smarty. Esto para nosotros ha sido “un descubrimiento”.  Sólo tienes que poner {debug} en la plantilla tpl que quieras “evaluar”. Después de poner ese código, recarga la página. El código va a producir un pop-up, así que comprueba que el navegador no te lo está bloqueando. Cuando lo activas, saldrá un pop up como el de la imagen con las variables buscadas y sus valores. Con eso sólo tienes que programar lo que necesites. Esto es muy útil para programar cambios, pero también para hacer “debug”, es decir para ver por qué falla alguna cosa. Las de la plantilla puedes obtenerlas con getTemplateVars. Por ejemplo con: $all_tpl_vars = $smarty->getTemplateVars(); var_dump($all_tpl_vars);

Diseño Web, Gestores de contenidos, Trucos

Woocommerce: cómo editar varios productos a la vez. Asignar la misma categoría a muchos productos.

/

En ocasiones queremos hacer cambios a muchos productos en Woocommerce. Por ejemplo para cambiarles de categoría. ¿Es necesario hacerlo de uno en uno? La respuesta es no. Hoy os enseñamos a editar productos en grupo en Woocommerce. Cómo editar varios productos a la vez en Woocommerce. Podemos editar varios productos a la vez en Woocommerce. Para ello tenemos que irnos a Productos en el backend, y marcar los que queremos editar. Después tenemos que ir al desplegable que pone Acciones en lote y elegir Editar. Se os abrirá una nueva ventana con un pequeño editar y todos los posts marcados. Ahí podréis hacer cosas como cambiar de categoría, cambiar el precio y alguna cosa más. No se puede hacer todo, es una edición limitada, pero si alguna cosa muy útil. Nosotros lo hemos necesitado cuando teníamos que “mover” productos a otras categorías. Aquí os mostramos cómo:  

Diseño Web, Gestores de contenidos, Prestashop, Trucos

Prestashop: el archivo es demasiado grande. Configurar el tamaño de subida de archivos

/

En ocasiones, sobre todo si tienes imágenes grandes, puedes recibir un error de “el archivo es demasiado grande”. Os enseñamos a modificar el tamaño de subida en Prestashop. Cómo configurar el tamaño de subida de archivos en Prestashop. Este error se puede deber a dos causas: a) configuración de Prestashop y b) configuración del servidor. Lo primero sería verificar la fácil, la de Prestashop. Para ello tenemos que ir al backend, a Configuración> Parámetros Avanzados > Administración. Ahí veréis un apartado llamado Cuota de subida donde podéis cambiar el tamaño de ficheros. El interesante es el de “Tamaño máximo para una imagen de producto“, porque suele ser la que falla. Subidla a lo que necesitéis (teniendo en cuenta que imágenes más grandes tardan más en cargar). En Diseño >Imágenes tenéis algún que otro parámetro más para las imágenes de personalización de productos (sólo para ese caso especial). Paso 2. Si esto falla lo más seguro es que tengáis alguna limitación en el servidor. Lo mejor es poner por prestashop un fichero phpinfo y ver los parámetros configurados. Sobre todo mira post_max_size y upload_max_filesize. Si estos parámetros están demasiado bajos tienen que cambiarse. Cómo hacerlo depende de tu alojamiento. Muchos admiten cambiarlos desde el panel. Otros admiten crear php.ini personalizados o incluso cambiar los parámetros desde htaccess. Lo mejor es que contactes con tus administradores o con algún técnico para que lo vea. Una modificación errónea puede “tirar” tu web.  

Linux, Servidores, Sistemas, Trucos

Cómo saber las conexiones activas por FTP en un servidor Linux

/

Si tienes un servidor Linux y quieres saber qué conexiones de FTP están activas en ese momento o, dicho de otra manera, cuánta gente hay conectada en ese momento por FTP, hoy os decimos cómo. Enumerar las conexiones activas por FTP en un servidor Linux. Pure-ftpwho: Este es uno de los primeros comandos a probar. En línea de comandos lista las conexiones de FTP activas. Pero además tiene algún parámetro interesante como -c  o -w que hace que el resultado se muestre en html. Por lo tanto puede usarse en u script y mostrarse en una web o herramienta interna. Puedes filtrar los resultados de netstat para el puerto que quieras, tanto el 21 de FTP clásico como el 22 de sftp. netstat -tan | grep \:21 para FTP netstat -tan | grep \:22 para SFTP En algunos servidores, si lo tienen instalado, también puedes ejecutar ftptop o ftpwho. Así podréis vigilar vuestras conexiones en  el servidor.

Sistemas, Trucos

Cómo encontrar la ruta de la imagen fondo de escritorio en Windows

/

Ayer nos surgió la siguiente duda: tengo una imagen en el escritorio que quiero recuperar, ¿cómo encuentro la ruta de dicha imagen? Cómo encontrar la ruta de la imagen fondo de escritorio en Windows Para encontrar la ruta de la imagen fondo de escritorio en Windows tenemos que usar el registro de Windows. En este caso no debería haber ningún peligro porque no vamos a modificar nada, sólo consultar, pero como siempre cuidado. Nunca está de más hacer una copia. Para abrir el editor de registro hay que ejecutar regedit (en buscar o en ejecutar). Después hay que buscar la siguiente clave: \HKEY_CURRENT_USER\Control Panel\Desktop y ahí la clave Wallpaper Ahí está la ruta, que podremos copiar y pegar si hacemos doble clic sobre la clave. En el vídeo os mostramos cómo.  

Sistemas, Soporte, Trucos

Cómo restaurar las opciones de energía en Windows. Recuperar el alto rendimiento

/

Una de las preguntas que más se repite en nuestro canal de Youtube es sobre el las opciones de energía. A mucha gente no le salen las opciones por defecto. ¿Qué pueden hacer? Cómo restaurar las opciones de energía en Windows. Para ver las opciones de energía que tienes puedes pinchar con el botón derecho en el icono de la batería del portátil y pinchar en Opciones de energía. Ahí puedes verlas. También puedes abrir un cmd y escribir  powercfg -l Si no tienes las opciones que quieres, la más interesante es la de alto rendimiento, puedes intentar poner, en un cmd con permisos de administrador, lo siguiente: powercfg -restoredefaultschemes Pero esto no siempre funciona. Así que puedes probar lo siguiente: Modo Equilibrado: powercfg.exe -duplicatescheme 381b4222-f694-41f0-9685-ff5bb260df2e Modo alto rendimiento: powercfg.exe duplicatescheme 8c5e7fda-e8bf-4a96-9a85-a6e23a8c635c Modo ahorro de energía: powercfg.exe -duplicatescheme a1841308-3541-4fab-bc81-f71556f20b4a Como veréis en el vídeo, con esto tendréis las opciones de energía de Windows restaurada.

Sistemas, Trucos

Configura los productos que sincronizas con G Suite Sync for Microsoft Outlook

/

Recientemente hemos tenido varios casos de clientes con probemas de rendimiento por usar G Suite Sync for Outlook (GSSMO). Las razones eran o que tenían mucha información o que las alguna tenía errores y saturaban la sincronización o el registro de errores. En todos esos casos se nos ha resuelto haciendo que no sincronice algún producto, normalmente las notas. Esto no se puede hacer por la configuración de G Suite Sync, pero si por el registro. Nota: como siempre que hay que usar el registro hay que tener cuidado, hacer copia de seguridad, y no nos hacemos responsables. Cómo configurar los productos que sincroniza G Suite Sync for Outlook. Hay que abrir el editor del registro (regedit en ejecutar o en buscar). Después tienes que buscar las claves de G Suite Sync. Esto va a depender de si tienes Outlook de 32 o de 64 bits.  Si es de 32 bits tienes dos opciones: Ejecutar %systemroot%\syswow64\regedit en vez de regedit. Esto abre la versión de 32 bits y sólo muestra esas claves. Abrir el regedit normal y buscar las claves que indicamos a continuación pero en los nodos Wow6432Node. Por ejemplo en vez de  HKEY_CURRENT_USER\Software\Google\Google Apps Sync hay que ir a HKEY_CURRENT_USER\Software\Wow6432Node\Google\Google Apps Sync Lo primero que debemos hacer es habilitar la modificación de la configuración de la sincronización. Para eso nos vamos, en el regedit, a HKEY_CURRENT_USER\Software\Google\Google Apps Sync\ Ahí tenemos que crear un DWORD con el nombre SyncFlagsEnabled y ponerle el valor 1. Después debemos abrir y cerrar Outlook. Al hacerlo veréis que nos ha creado en esta ruta del registro HKEY_CURRENT_USER\Software\Google\Google Apps Sync\, nuevas subclaves para cada producto. Si queremos, por ejemplo, desactivar la sincronización de las notas (que no suele ir muy bien), podemos ir a NotesSync  y poner un DWORD con nombre DownloadEnabled y valor 0, y otro DWORD con nombre UploadEnabled y valor 0. Esto desactiva la sincronización en ambos sentidos. Los productos que podemos configurar así son: Google Calendar—Use CalendarSync Contacts—Use ContactsSync G Suite Directory (shared contacts)—Use AddressBookSync Gmail—Use EmailSync Notes—Use NotesSync Tasks—Use TasksSync Más información aquí.  

Diseño Web, Prestashop, Trucos

Mejorar la calidad del logo en las facturas de Prestashop

/

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.

Scroll al inicio