Gestores de contenidos

Diseño Web, Gestores de contenidos, Trabajos

Bonsaikawaii.com nueva tienda de bonsais.

Hoy os presentamos nuestra tercera tienda de bonsais: bonsaikawaii.com Son tiendas que da un resultado visual excelente porque tienen algo que es vital para una buena página web: buenas fotos y productos visualmente atractivos. Se puede además jugar con muchas tonalidades de colores. Bonsaikawaii es una tienda de bonsais y productos para el cuidado de los mismos. En ella podemos realizar los pedidos tanto de estas plantas como de herramientas, sustratos y productos varios. Esperemos que os guste.

Gestores de contenidos, Trucos

Mensajes de clientes con tildes o caracteres raros aparecen mal en Prestashop.

Tenemos varios clientes con Prestashop, con varias versiones (1.6 y 1.7 en estos momentos). Y en alguno de ellos (no todos) ha ocurrido algo muy curioso: los mensajes de los clientes muestran las tildes y los caracteres raros como la ñ con símbolos raros. De esta manera: El problema es que los mensajes están hechos para entender lo que nos dicen los clientes, y así no hay manera. Hoy os damos una solución que nos ha funcionado con un cliente. Solución. Tenéis que editar los siguientes ficheros de Prestashop. Fichero /adminXXXXX/themes/default/template/controllers/orders/helpers/view/view.tpl  donde XXX varía en cada instalación. Este es el fichero que regula cómo se ven los mensajes en los pedidos. Tienes que ir a la línea que pone: <p class=”message-item-text”> {$message[‘message’]|escape:’html’:’UTF-8’|nl2br} </p> y sustituirla por (añade un unescape en vez de escape): <p class=”message-item-text”> {$message[‘message’]|unescape:’html’:’UTF-8’|nl2br} </p> Fichero /adminXXXX/themes/default/template/controllers/customer_threads/helpers/view/message.pl . Este es el fichero que regula cómo se ven los mensajes en la sección Servicio al Cliente. Hay que ir a la línea que pone: <p class=”message-item-text”>{$message.message|escape:’html’:’UTF-8’|nl2br}</p> y cambiarla por: <p class=”message-item-text”>{$message.message nofilter}</p> Esto nos funcionó a nosotros y con ello nuestros clientes al final se enteran de lo que les piden los suyos. Fuente aquí.

Gestores de contenidos, Trucos

Cambiar la contraseña de un usuario de Prestashop por base de datos.

Algo que nos pasa a menudo cuando tenemos que arreglar un Prestashop de un cliente: no tenemos acceso al backend y tenemos que crear un nuevo usuario administrador (os enseñaremos otro día) o tenemos que cambiar la contraseña del existente.Hoy os enseñamos a hacerlo. Cómo cambiar la contraseña de Prestashop por base de datos. El proceso consta de dos pasos. Obtener el Cookie Key.La contraseña de Prestashop viene cifrada y usa, para ello, este valor de tu tienda (diferente en cada tienda). Para encontrarlo tienes que ir (por FTP o SSH) al fichero de configuración. Su localización depende de la versión.1.6: /config/settings.inc.php Es el valor que encuentras en la línea que pone detrás de  define(‘_COOKIE_KEY_’1.7: /app/config/parameters.php Es el valor que aparece detrás de ‘cookie_key’ => Apuntad este valor porque lo vais a necesitar. Modificar la base de datos.Para ello lo mejor es usar un editor como phpMyAdmin. Abrimos la base de datos y buscamos la tabla ps_employees (por defecto es ps, pero eso puede cambiar, puedes tener otracosa_employees).Ahí tienes que editar el usuario que quieras, ir al campo contraseña, poner en Función MD5 (para que cifre lo que pongamos en el otro campo, MD5 es un método de cifrado), y en la columna Valor quitamos lo que haya y ponemos: cookiekeycontraseña Es decir el valor de cookie key seguido de la contraseña sin espacios.Le damos a continuar y ya tendremos nuestra nueva contraseña cifrada y preparada para usar. Obviamente en el panel de administración ponemos la contraseña sin cifrar. Alternativo: si sois algo más atrevidos podéis no editar la base de datos y usar un comando de SQL en el paso 2 (tenéis que meter el cookie key donde dice, la contraseña donde dice nuevacontraseña y el correo del usuario en correoquesea. UPDATE ps_employee SET passwd = md5(“<COOKIE_KEY><tucontraseña>”) WHERE email = “correoquesea”; Os dejamos un vídeo explicándolo:

Diseño Web, Gestores de contenidos

WooCommerce Redsys Gateway Light. Plugin oficial gratis para Redsys.

Hace tres años comentamos que Redsys proporciona, en su sección descargas, el plugin para WooCommerce. No es que lo actualicen mucho, y es algo pesado, pero funciona. Eso si, a mi personalmente no me da mucha confianza por esa falta de actualización y cómo afecta al rendimiento de las páginas. Por eso ayer me alegré cuando conocí este plugin oficial de WooCommerce para Redsys: WooCommerce Redsys Gateway Light. WooCommerce tiene un plugin de pago, la versión PRO, pero han sacado la light y me parece un acierto. Porque al fin y al cabo las tiendas online viven de los medios de pago. Así que tiene todo el sentido facilitar estos plugins. Pero llevan un coste y un trabajo. La solución razonable es proporcionar una versión light gratis y, en cuanto se necesiten funcionalidades algo más avanzadas, ofrecer la de pago. Os dejamos este plugin, que hemos probado y funciona muy bien. Por cierto, si los pedidos se os quedan en pendiente en vez de procesando probad a: desmarcar la casilla de “Activa compatibilidad con certificados SNI.” Desactivar plugins de cache o de seguridad.

Diseño Web, e-Learning, Gestores de contenidos, Trucos

Cómo habilitar el acceso de invitados en Moodle con y sin contraseña.

Una de las desventajas que tiene Moodle es que para acceder a sus cursos, por defecto, hay que estar registrado. Se puede habilitar el acceso de invitado (y hoy os vamos a enseñar) con y sin contraseña. El acceso de invitado implica dos pasos. Hay que hacer ambos, aunque el primero normalmente sólo una vez: Habilitar el acceso de invitados en el sistema Moodle. Habilitar el acceso de invitados en el curso en concreto. Habilitar el acceso en Moodle. Sigamos los siguientes pasos: Habilitar el acceso de invitado en el sitio. Vamos a Administración > Administración del sitio > Extensiones > Matriculaciones > Gestionar plugins de MatriculaciónAhí tenemos que asegurarnos que el Método acceso de Invitado está habilitado.Nota: podemos pinchar en Configuración para poner la configuración por defecto para todos los cursos. Habilitar el botón de acceso de invitados (optativo). Administración del sitio > Extensiones >Identificación >Gestionar identificaciónPoner el Botón de entrada para invitados en Mostrar. Permitir el acceso directo para invitados (optativo). Con la opción 2. ponemos un botón para que el invitado pinche y entre en el curso. Esto a veces es poco agradable para usuarios que no encuentran el botón.Si quieres que entren directamente, o quieres configurar accesos con contraseña, puedes habilitar esta opción. Ve a Administración del sitio > Usuarios > Permisos > Políticas del usuario y marca la opción Acceso automático de invitados. Habilitar el acceso de invitado por curso. Una vez el sistema tiene habilitado el acceso, hay que activarlo en cada curso. Para ello hay que ir, en el curso, a Administración > Administración del curso > Usuarios> Métodos de matriculación En esta opción podemos pinchar en la rueda dentada y seleccionar una contraseña. Por lo tanto, según lo configuremos tendríamos estos tres casos principales: Ponemos el acceso en el curso sin contraseña y el botón de invitado en mostrar. Sin acceso directo. Así el usuario invitado va, pincha en el botón y entra directamente. Marcamos la opción de acceso directo y en el curso ponemos el acceso de invitado sin contraseña. Los usuarios entrarían directamente sin pinchar en nada. Marcamos la opción de acceso directo y en el curso ponemos el acceso de invitado con contraseña. Así el usuario pinchará en el enlace y le pedirá una contraseña de acceso. NOTA IMPORTANTE. Moodle no permite acceso de invitado a actividades, ejercicios etc. Si a teoría pero no a la práctica. Porque no puede almacenar los datos en ningún usuario. Esto limita que permitamos dar acceso “gratis” a clientes. En ciertas actividades podemos dar acceso modificando permisos del usuario invitado. Hay que ir a: Administración del sitio > Usuarios > Permisos > Definir roles Y ahí asignar el permiso que queramos. Más información aquí.

Diseño Web, Gestores de contenidos, Trucos

Preseleccionar el valor de un campo select en Contact Form 7 mandándolo por una url.

Hoy vamos a explicar un truco con CF7 de WordPress que no está en su documentación. Imaginaos que tenemos un formulario en WordPress con un campo select (un desplegable con opciones).Lo más normal es que el usuario elija la opción que quiere.Pero, ¿y si quieres que dicho desplazamiento se preseleccione dependiendo de la página de la que venga? Por ejemplo, el desplegable puede ser un selector de departamentos, como el que os mostramos el otro día. Y queremos que, dependiendo de la página de la que venga, esta opción ya esté seleccionada con el departamento adecuado. La solución es sencilla pero, como decimos, no está documentada en ningún sitio y hemos tenido que hacer un poco de prueba y error. Hay que hacer dos cosas: Cambiar el código del select en el formulario para incluir el que, por defecto, le llegue el valor por get.Así que campo que en el artículo antes mencionado era: [select* Departamentos “Opción 1|correo1@dominio1.es” “Opción 2|correo2@dominio2.es” “Opción 3|correo3@dominio3.es”] Pasará a ser: [select* Departamentos default:get “Opción 1|correo1@dominio1.es” “Opción 2|correo2@dominio2.es” “Opción 3|correo3@dominio3.es”] Ahora tenemos que poner el enlace que ponemos y añadirle el valor del campo que queremos añadir.Por ejemplo, si suponemos que hemos puesto el formulario en la página de contacto, desde otra podemos preseleccionar la Opción 1 con: Como veis ponemos el valor del campo que queremos, pero en formato url. Lo más sencillo es que uséis herramientas como esta para convertir del texto a url.

Diseño Web, Gestores de contenidos

Cambiar la foto de usuario en WordPress con WP User Avatar.

Curiósamente este es un plugin que llevamos usando desde hace AÑOS, casi desde que empezamos con WordPress, y no hemos hablado de él hasta ahora. Se lo debíamos. Por defecto WordPress sólo deja poner las fotos de perfil que tienes en Gravatar, un sitio online para subir fotos de perfil. Pero puede que quieras usar una foto local, de la carpeta medios de tu WordPress. Y poder personalizarlo. Os enseñamos a hacerlo. Cómo cambiar la foto de perfil en WordPress. El plugin que vamos a usar se llama WP User Avatar. Es un plugin gratuito que te permite: Usar una imagen que subas a tu WordPress como foto de perfil. Fotos personalizadas por usuario. Poner una foto por defecto, o un icono por defecto que escojas tú, si un usuario no tiene foto de perfil asignada. Tiene shortcodes para poder crear páginas donde la gente suba sus fotos de perfil, o para mostrar la foto de perfil donde quieras. Puedes deshabilitar Gravatar. Sencillo, pero muy útil.

Diseño Web, Gestores de contenidos, Trucos

Cómo poder elegir el destinatario en un formulario de Contact Form 7 con un desplegable en WordPress.

Normalmente los formularios de Contact Form 7 suelen tener un sólo destinatario. PERO, en una empresa, suele ser habitual crear formularios que pueden ir a diferentes departamentos. Es decir, queremos crear un formulario de atención al cliente en el que el usuario pueda, mediante un campo desplegable, la dirección o el departamento al que enviar el formulario.Hoy os enseñamos a hacerlo. Crear un desplegable para seleccionar el destinatario en Contact Form 7. Para poder crear un desplegable desde el que seleccionar el destinatario de un formulario con CF7 tenemos que hacer lo siguiente. Creamos un campo “menú desplegable“. En el cuadro Opciones ponemos, línea por línea, el texto a mostrar en cada opción del desplegable y el correo del destinatario, separados por un pipe.Por ejemplo: Opción1|correo@dominio.esOpción2|correo2@dominio2.es Pon que el campo sea obligatorio (hay una casilla de verificación), porque destinatario tiene que haber. Llama el campo de una manera que te acuerdes donde pone Nombre . Por ejemplo Departamentos. Opcional. A mi me gusta que el primer campo sea blanco, para que la persona no tenga opción hasta que la elija. Puedes hacerlo poniendo como primera opción ” ” (que es un espacio en blanco) o en el código con la opción include_blank (lo mostramos en los ejemplos). El código resultante debería ser algo como: [select* Departamentos “Opción 1|correo1@dominio1.es” “Opción 2|correo2@dominio2.es” “Opción 3|correo3@dominio3.es”] Por último hay que ir a la pestaña Correo electrónico del formulario y, en Para poner el campo del selector. En nuestro ejemplo [Departamentos] Os lo mostramos en el siguiente vídeo.

Diseño Web, Gestores de contenidos, Información Tecnica

Juegos para aprender conceptos de CSS como Flexbox, Grid o selectores.

Si estás aprendiendo CSS, una buena manera es jugando. Os dejamos unos cuantos juegos web para aprender, repasar o afianzar ciertos conceptos de CSS. Selectores CSS. Aprender a manejar los selectores de CSS es muy importante, ya que nos ayuda a asignar nuestro código a los elementos que queremos. CSS Diner es un juego en el que te va a pedir que selecciones, mediante código CSS, los elementos que te piden. Tienes 32 niveles con dificultad ascendente, así que está muy completo. Grid. Poner los elementos en Grid, con filas, columnas y celdas, es algo muy común en las páginas web. Así que controlar su uso es treméndamente útil. CSS Garden tiene 28 niveles de dificultad en los cuales podrás aprender a manejar este elemento CSS. Flexbox. Otro elemento muy importante en las páginas de hoy en día: Flexbox (más info aquí y aquí ). Te permite colocar los elementos donde quieras en tu pantalla, y de modo “responsive” (adaptable a varios dispositivos). Del mismo creador que el juego anterior tenemos FlexboxFroggy. Probadlo, es excelente (24 niveles). También tenéis Flexboxdefense para manejar otros elementos de Flexbox.

Diseño Web, Gestores de contenidos, Trucos

Cómo cambiar el texto “Oferta” en Woocomerce.

Tenéis una tienda en WooCommerce y no os gusta el texto Oferta. Queréis poner algo más “vendible”, como “Promoción”, “Super Oferta” o similar. ¿Cómo se hace?Hoy os lo explicamos. Cómo cambiar el texto Oferta en tu tienda de Woocommerce. Si quieres cambiar ese texto te dejamos dos opciones: Traducirlo con Loco Translate (o similar). Una opción muy sencilla, que no requiere conocimientos previos, es usar un plugin de traducción de plugins y temas. Nosotros usamos Loco Translate. Sólo tienes que instalarlo, buscar “Traducción de Plugins”, elegir Woocommerce y buscar “Oferta”. Veréis el término en Inglés y que está traducido por “Oferta”. Cambiáis esto último por lo que queréis, y comprobáis que se cambia en el frontend.Fácil y rápido. Además permite que cualquier persona lo modifique (como un cliente). Con un Snippet. Se puede usar un código y añadirlo a tus Snippets o al functions de tu tema hijo.Os dejamos un Snippet posible (página del autor aquí). No lo hemos probado pero debería funcionar sin problemas.

Scroll al inicio