Cambiar pestaña por defecto de la zona de módulos en Prestashop 1.7

En su momento estuvimos comentado a grosso modo las novedades y opciones básicas de la gestión de módulos desde el panel en Prestashop 1.7

Recordamos que cuando accedemos a la gestión de módulos en Prestashop 1.7 desde la pestaña Módulos -> Módulos y servicios.

Inicialmente accedemos por defecto a la pestaña “Selección“.

Pestaña “Selección” por defecto al acceder a la gestión de módulos en Prestashop 1.7

La idea es acceder por defecto a la opción/pestaña  “Módulos Instalados” cuando vayamos acceder a  la gestión de módulos desde Módulos -> Módulos y servicios.

Pestaña módulos instalados por defecto

Tenemos una solución proporcionada por el usuario Zax37 de la Comunidad de Prestashop en forma de módulo.

La instalación del módulo no tiene complicaciones, se hace desde la pestaña módulos -> módulos y servicios

El módulo no permite ninguna configuración adicional.

Módulo instalado

Una vez que hemos instalado el módulo, siempre que accedamos a la pestaña “Módulos -> Módulos y servicios” veremos seleccionada por defecto la opción “Módulos Instalados“.

Pestaña módulos instalados

Al meternos un poquito en el módulo, por ejemplo, en el fichero: adminmoduleslinkfix.php (clase principal del módulo en cuestión) veremos (entre otras cuestiones) dentro de la función install del módulo la siguiente instrucción:

$this->replaceString(__DIR__."\..\..\classes\Link.php", "admin_module_catalog", "admin_module_manage");

Esta instrucción hace que en clase “Link.php” (/classes/Link.php) donde aparece “admin_module_manage” se cambie por “admin_module_catalog

Si nos metemos dentro de /classes/Link.php, dentro de  “case ‘AdminModulesSf’“: y observamos la siguiente línea:

Código clase Link

Fijémonos en el siguiente código:

case 'AdminModulesSf':
$sfRoute = array_key_exists('route', $sfRouteParams) ? $sfRouteParams['route'] : 'admin_module_catalog';

El módulo simplemente cambia “admin_module_catalog” por “admin_module_manage” para acceder por defecto a la opción de “Módulos instalados” cuando pinchemos en el panel de administración de tu tienda en la pestaña módulos -> módulos y servicios.

Observando fríamente el funcionamiento del módulo, sería conveniente hacer un override de la clase depende hacer un buscar y reemplazar de un dato en la clase original.

Continúa leyendo Cambiar pestaña por defecto de la zona de módulos en Prestashop 1.7

Añadir aviso en el pie de página de Prestashop

Este módulo, me lo encontré hace bastantes años por la Comunidad, creo que por el 2013, pero se ha terminado actualizando con el tiempo. (No confundir con el módulo de las Cookies)

El módulo está desarrollado por el usuario Vekia de la Comunidad de Prestashop.

El módulo, simplemente muestra un aviso en la parte inferior de la tienda en el que podemos configurar un texto adicional. (Si subimos el scroll hacia arriba o hacia abajo, veremos que podemos ver el aviso en todo momento)

Aviso del pie de página en Prestashop

La instalación y subida del módulo, sin problemas desde la pestaña módulos -> módulos

Instalando módulo en Prestashop para mostrar un aviso informativo en Prestashop

Las opciones de configuración que nos trae el módulo con las siguientes:

  • Mensaje -> Mensaje que se mostrara en el aviso.

    Mensaje de aviso
  • Sidebar height -> Altura del bloque.
  • Sidebar background color -> Fondo del bloque

    Fondo Bloque
  • Sidebar border size -> Borde del bloque

¿Dónde puedo descargar este módulo, discutir los problemas y preguntas las dudas?

Continúa leyendo Añadir aviso en el pie de página de Prestashop

Recibir una alerta de sonido al recibir un pedido en Prestashop

En esta ocasión, hablamos de un módulo que mostrara una notificación por sonido en el panel de administración cuando un cliente realice una compra en la tienda.

No confundir con las alertas de los pedidos por email en Prestashop

El módulo esta desarrollado por el usuario jgullstr de la Comunidad de Prestashop

La instalación y subida del módulo, como suele ser habitual, desde la pestaña módulos -> módulos

Instalando módulo que servirá para recibir una alerta por audio en el panel de administración de que un cliente ha realizado un pedido

El módulo, lleva ninguna opción de configuración adicional,

Si entráis en la configuración propia del módulo, veréis que simplemente se escucha la alarma a modo de demostración, pero que no permite ninguna opción de configuración adicional.

Configuración del módulo

Simplemente cuando el cliente haga un pedido en tu tienda, y tu estes en tu panel de administración se escuchara un audio de aviso.

Por otro lado el audio de sonido que se escucha, esta guardado en el directorio: “/modules/neworderalarm/media/

Si nos podemos a estudiar el código del módulo, vemos que en la clase del módulo “neworderalarm.php” que el módulo queda registrado en los dos siguientes hooks:

  • displayBackOfficeFooter -> Hook situado en el pie de página del panel de administración.
  • actionValidateOrder -> Hook que se ejecuta cuando se realiza el pedido.

¿Dónde puedo descargar el módulo para que en mi panel se escuche una alerta de audio cuando el cliente haga un pedido en la tienda?

  • https://www.prestashop.com/forums/topic/284580-module-new-order-alarm-ps-15/

Review realizado bajo Prestashop 1.6.1.14 y la versión “1.0.1” del módulo.

Asociar grupo en base al registro de clientes en Prestashop

En esta ocasión, vamos hablar de un módulo desarrollado por Hennes Hervé.

El módulo permite que cuando el usuario se registre en tu tienda, automáticamente se le asocie un grupo de cliente en base a las condiciones que hayamos establecido en la misma configuración del módulo.

Por ejemplo, podemos tener grupo de Mujeres y grupo de Hombres, entonces cuando el cliente se registra y señala por ejemplo que es un “Hombre”, automáticamente queda asignado al grupo de hombres.

Hemos hablado de una condicional, pero se puede hacer en base al resto de datos del registro del cliente, incluyendo los datos de la dirección como el mismo país, provincia, etc…

El review lo vamos a realizar bajo Prestashop 1.6

La instalación del módulo, sin problemas, desde la pestaña módulos > módulos

Instalando módulo que nos permitirá una asociación automática de los grupos a los usuarios que se registren en la tienda en base a unos determinados criterios
Instalando módulo que nos permitirá una asociación automática de los grupos a los usuarios que se registren en la tienda en base a unos determinados criterios

Para poder configurar el módulo, tenemos que ir a la nueva pestaña que el módulo nos ha creado dentro de la pestaña Clientes, llamada “Customers Auto groups”

Accediendo a la configuración del módulo desde la pestaña Clientes

Una vez accedemos a la configuración del módulo, podemos añadir nuestras reglas, modificar las que vayamos a crear o eliminarlas.

Creando una nueva regla en la configuración del módulo
Creando una nueva regla en la configuración del módulo

Si pulsamos en “+”, veremos las opciones que nos permite a la hora de crear la nueva regla.

Primer bloque de configuración
Primer bloque de configuración
  • name -> Nombre de la regla
  • description -> descripción de la regla
Segundo bloque de configuración
Segundo bloque de configuración
  • Condition Type -> La condición se aplica sobre los datos básicos del registro (customer) o sobre los datos de la dirección del cliente (address)

    Tipo de condición a la hora de asignar el grupo al Cliente
    Tipo de condición a la hora de asignar el grupo al Cliente
  • Condition Field -> Seleccionamos el campo de los datos básicos del registro o de la dirección (dependiendo lo que hayamos seleccionado en “Condition Type”) para hacer la condición de la asociación del grupo en base a este campo.
  • Condition Operator -> Disponemos de varios operadores, por ejemplo si el campo “id_gender (genero del cliente)” es igual al ID 1 que corresponde al genero Mujer (Sra.) usaremos “=”. (Disponemos de varios operadores según como vayamos a realizar la comparación)

    Operador de la condición
    Operador de la condición
  • Customer Group-> Elegimos a que grupo quedara asignado este cliente. (Los grupos que aparecen aquí son los que vienen en la pestaña Clientes -> Grupos)

    Grupo de Clientes
    Grupo de Clientes
Tercer bloque de configuración
Tercer bloque de configuración
  • Priority -> Prioridad de la regla sobre otras que tengamos creadas
  • Active -> Esta opción es para indicar si la regla está activa o no lo está.
  • Stop processing further rules -> Si activamos esta “opción”; significa que la actual regla sera la última que se vaya aplicar al cliente en el registro.
  • Delete all others groups -> Dejar al cliente solo en el “Grupo” que le hemos asignado en la condición. (Opción dependiente también de la opción  “Stop processing further rules”)

Decir, que por supuesto se pueden jugar con varias reglas a la hora de asignar clientes a grupos en el registro.

¿Dónde puedo ver información sobre las actualizaciones del módulo, descargar la última versión y ver si funciona en Prestashop 1.7?

  • https://github.com/nenes25/prestashop_customerautogroups
  • http://www.h-hennes.fr/blog/2015/11/10/prestashop-ajouter-automatiquement-les-clients-a-un-groupe-lors-de-linscription/

(El módulo tiene una versión “beta” que funciona en Prestashop 1.7, revisar los enlaces que os he pasado)

Documento realizado bajo Prestashop 1.6.1.14 y la versión “0.4.0” del módulo.

Suscripciones cuando el producto cambia de precio en Prestashop

En esta ocasión, contamos con un módulo desarrollado por el usuario DataKick de la Comunidad de Prestashop.

Este módulo gratuito permite a los clientes una especie de suscripción a los productos para que cuando los precios varíen, puedan recibir una notificación de este dato y estar al tanto de si el precio del producto ha variado.

El módulo es válido tanto para productos básicos, como productos con combinaciones y por supuesto podemos personalizar el email que lleva el módulo a nuestro gusto.

La instalación del módulo, sin problemas desde la pestaña módulos -> módulos

Instalación módulo suscripción de la variación de los precios en Prestashop

¿Cómo funciona el módulo?

Vamos a la ficha de un producto cualquiera, y veremos ahora una opción nueva llamada: -> “Alert me when price drops” debajo del bloque de Añadir al carrito.

Botón suscripción al producto en Prestashop

Al pinchar en el botón, se nos abrirá un popup:

Configuración suscripción precio producto en Prestashop

Podemos elegir a partir de cuándo se activa la alerta, es decir cuando el precio baja de XX Euros, que nos envié una alerta.

Configurando alerta a partir de la baja de X precio en Prestashop

Si el producto tiene combinaciones, como es este ejemplo podemos crear alertas por el precio en base a las combinaciones.

Combinaciones Precio Productos alertas

Y finalmente, tenemos el botón para “crear las alertas”

Botón crear alerta para los precios en Prestashop

Si no estamos registrados y pulsamos en el botón de “Crear la alerta”, nos permite colocar un “email”.

Email alerta precio en Prestashop

Y si estamos registrados usara el email del cliente.

El cliente recibirá el siguiente email:

Email suscripción variación del precio

Por cierto, en la actual versión del módulo en la carpeta “mails” del módulo en “modules/pricealert/mails/” solo viene el directorio “en”, duplicar ese directorio, y al duplicado cambiarle el nombre a “es”.

Después ya en la pestaña Localización -> Traducciones -> Modificar Traducciones -> Traducciones de los Emails, ya podéis cambiarlo y “traducirlo realmente” al Español.

Por otro lado y para finalizar esta minireseña, las suscripciones se guardan en la tabla: ps_ph_pricealert de la base de datos.

¿Dónde puedo descargar este módulo, preguntas dudas y obtener soporte?

https://www.prestashop.com/forums/topic/612554-free-module-pricealert-follow-the-price/

Documento realizado bajo la versión 1.6.1.13 de Prestashop y la versión “1.0.1” del módulo.

Botón Whatsapp en Prestashop 1.7

Si hablamos del código del botón del Whatsapp, decir que lo podemos insertar directamente con módulos como el contentbox / htmlbox que si recordamos en la comparativa que hicimos en su momento permitían insertar codigo html, javascript, css, etc.. en Prestashop de forma sencilla.

Realmente el código que nos proporciona Whatsapp es el siguiente:

https://api.whatsapp.com/send?l=es&phone=NumerodeTelefono

Con un poco de ingenio, podemos hacer un enlace con un botón y situarlo en la parte inferior de forma flotante en Prestashop con alguno de los dos módulos que he dicho.

Pero bueno, como ya disponemos de un módulo desarrollado por el usuario bera_ramazan de la Comunidad de Prestashop, pues podemos usar ya el módulo que viene preparado con opción a configurar el teléfono en una casilla desde el panel y con el icono en la tienda.

La instalación del módulo, sin complicaciones, desde la pestaña módulos -> módulos

¿Qué opciones de configuración nos ofrece el módulo?

Whatsapp en Prestashop
Whatsapp en Prestashop

Simplemente, nos muestra una casilla para introducir nuestro teléfono.

Configuración módulo Whatsapp en Prestashop

¿Cómo se ve el módulo en nuestra tienda?

Botón Whatsapp en Prestashop

¿Dónde se puede descargar el módulo actualizado, preguntar dudas y obtener soporte?

https://www.prestashop.com/forums/topic/613462-free-module-whatsapp-chat-module/

Documento realizado bajo Prestashop 1.6.1.13 / 1.7.1.1 y la versión “1.0.0” del módulo.

Añadir preguntas frecuentes en Prestashop 1.6 y 1.7

En el año 2012, estuvimos hablando de un módulo que nos permitía simular el funcionamiento típico de las preguntas frecuentes al estilo acordeón (El módulo era independiente de los contenidos creados en la pestaña Preferencias -> CMS).

En esta guía, vamos a realizar una pequeña integración en los contenidos que creamos en la pestaña Preferencias -> CMS, para mostrar preguntas y respuestas de forma que inicialmente solo aparezcan las preguntas y cuando hagamos click sobre la pregunta, aparezca la respuesta.

Implementar preguntas frecuentes en Prestashop
Desplegando preguntas frecuentes en Prestashop

Vamos hacer uso de este código: https://gist.github.com/neilgee/9284745#file-faq-html que hemos obtenido en el repositorio de github del usuario neilgee

Esta guía está realizada bajo Prestashop 1.6, pero también funciona en Prestashop 1.7

El código JavaScript:

$(document).ready(function() {
$('.faq_question').click(function() {
if ($(this).parent().is('.open')){
$(this).closest('.faq').find('.faq_answer_container').animate({'height':'0'},500);
$(this).closest('.faq').removeClass('open');
}else{
var newHeight =$(this).closest('.faq').find('.faq_answer').height() +'px';
$(this).closest('.faq').find('.faq_answer_container').animate({'height':newHeight},500);
$(this).closest('.faq').addClass('open');
}
});
});

Lo vamos a introducir en el fichero:

/themes/plantilla/js/cms.js

Código JavaScript CMS

El siguiente paso es introducir la estructura (código html) de las preguntas frecuentes en los contenidos que vayamos a crear en la pestaña Preferencias -> CMS

La estructura tiene la siguiente forma:

<div class="faq_container">
<div class="faq">
<div class="faq_question">Pregunta 1</div>
<div class="faq_answer_container">
<div class="faq_answer">Respuesta a la pregunta 1</div>
</div>
</div>
</div>
<div class="faq_container">
<div class="faq">
<div class="faq_question">Pregunta 2</div>
<div class="faq_answer_container">
<div class="faq_answer">Respuesta a la pregunta 2</div>
</div>
</div>
</div>
<div class="faq_container">
<div class="faq">
<div class="faq_question">Pregunta 3</div>
<div class="faq_answer_container">
<div class="faq_answer">Respuesta a la pregunta 3</div>
</div>
</div>
</div>

Desde el editor gráfico de contenidos que tenemos en la pestaña Preferencias -> CMS, pulsamos en Herramientas  -> Código Fuente (<>) y colocamos el código.

Insertar código HTML en el editor gráfico en Prestashop
Código HTML Prestashop

Por último, vamos agregar el estilo (css) de las preguntas frecuentes en el CSS de Prestashop, en nuestro caso vamos añadir el siguiente código:

/* CSS Preguntas Frecuentes */
.faq_question {
margin: 0px;
padding: 8px;
display: inline-block;
cursor: pointer;
font-weight: bold;
}
.faq_answer_container {
height: 0px;
overflow: hidden;
padding: 0px;
background:#fff
}
.faq.open .faq_question {
color: #fff;
}
.faq {
background: #e1e1e1;
border-bottom: 3px solid #fff;
}
.faq.open {
background: #635858;
border:none;
}

en el fichero:

/themes/plantilla/css/cms.css

El código javaScript entre otras cosas lo que hace es que cuando pinchamos sobre la pregunta, a la respuesta se le asigna una altura, ya que por defecto la altura (height) de la respuesta (.faq_answer_container) es 0px;

¿Funciona en Prestashop 1.7?

Este “tip” funciona en Prestashop 1.7, te nombro algunas diferencias.

Te recomiendo meter el “CSS“, en el fichero:

/themes/classic/assets/css/custom.css

El javascript, en el fichero:

/themes/classic/assets/js/custom.js

Y en referencia el código html que en Prestashop 1.6 lo insertamos en la pestaña Preferencias -> CMS, en Prestashop 1.7 tal como tenemos comentado en nuestra guía de ubicación de las pestañas en Prestashop 1.7, se encuentra en la pestaña Diseño -> Página  

Preferencias -> CMS en Prestashop 1.7

Continúa leyendo Añadir preguntas frecuentes en Prestashop 1.6 y 1.7

Cambiar colores en Prestashop 1.7

En su momento, estuvimos hablando a modo de ejemplo de cambiar 2/3 fondos de la plantilla por defecto en Prestashop 1.7 añadiendo nuestros propios estilos en el fichero /themes/classic/assets/css/custom.css 

En esta ocasión, vamos hablar de un módulo desarrollado por el usuario shacker de la Comunidad de Prestashop, que nos permitirá cambiar colores “generales” sin tener que añadir nosotros nuestros propios estilos o modificar estilos existentes de forma manual.

La instalación del módulo, sin ningún problema desde la pestaña módulos -> módulos

Módulo para cambiar colores en Prestashop 1.7

En la configuración del módulo vemos las opciones que nos permite a la hora de cambiar los colores de la plantilla.

Para no dar un repaso a todas las opciones, vamos a chequear por ejemplo 3 opciones:

Configuración de módulo para cambiar colores básicos en Prestashop 1.7

En la imagen, hemos señalado un color para el encabezado, otro para los precios y otro para el pie de página

A la hora de cambiar/elegir el color nos proporciona una paleta con la que nos facilita la elección del color:

Paleta de colores

En nuestro caso, el resultado final ha quedado de la siguiente forma:

Color de fondo pie de página en Prestashop 1.7
Color precio de los productos en Prestashop 1.7
Color cabecera en Prestashop 1.7

¿Dónde puedo descargar este módulo para poder cambiar colores en Prestashop 1.7?

Continúa leyendo Cambiar colores en Prestashop 1.7

Información sobre las posiciones y módulos en Prestashop

En esta ocasión vamos hablar de un módulo desarrollado por el usuario coeos.pro de la Comunidad de Prestashop que ha ido actualizándose a lo largo del tiempo para funcionar sobre las distintas versiones de Prestashop.

El módulo nos permite conocer información relativa a las posiciones de la tienda, información sobre los módulos instalados (localización del CSS, JS, etc..)

La instalación del módulo, como suele ser habitual la realizamos desde la pestaña módulos -> módulos

Accediendo a la configuración del módulo para ver información relativa a los módulos y posiciones en Prestashop

Inicialmente las opciones de configuración, que nos ofrece el módulo son las siguientes:

Configurando el módulo
  • Address IP -> Solo las IP de las conexiones que vayamos a colocar aquí, verán la información de este “debug”. (Si lo queremos ver nosotros “solos”, colocamos nuestra IP publica (cualesmiip.com) de conexión a internet)
  • open block H-M -> Dependiendo la opción que seleccionemos aquí, por ejemplo, nos permite ver la información solo cuando pulsamos en los bloques, o verla directamente desplegada si seleccionamos “all the time”

    Desplegando toda la información
  • CSS and JS -> Si activamos esta opción mostramos la información de las rutas de los CSS y JS de los módulos

Por ejemplo, si nos vamos a la ficha del producto en Prestashop (pongo un extracto de una imagen, vemos la siguiente información):

Viendo información en la ficha del Producto

En esta captura (recordamos que esta recortada), vemos el hook displayRightColumnProduct y el hook “displayProductButtons” y vemos los módulos que tenemos instalados y la ruta de los TPL, JS, PHP.

¿Dónde puedo descargar este módulo, ver los problemas y preguntar dudas?

https://www.prestashop.com/forums/topic/468925-what-is-this-module-what-is-this-hook-css-js-tpl/

Aunque el documento esta construido bajo Prestashop 1.6 (Sigo diciendo que a día de hoy sigue siendo la versión mas estable), el desarrollador esta actualizando el módulo para su funcionamiento en Prestashop 1.7 Continúa leyendo Información sobre las posiciones y módulos en Prestashop

Cambiar transportista en el pedido en Prestashop

En esta ocasión, vamos hablar de un módulo desarrollado por el usuario Klemart3D de la Comunidad de Prestashop.

El módulo, añade un “bloque nuevo” en la gestión de pedidos del panel de tu tienda, para poder cambiar el transportista que tenías asignado a un determinado pedido con un simple Click.

En principio, la instalación/subida del módulo sin problemas.

Instalación de un módulo que nos permitirá cambiar el transportista de un pedido en Prestashop de forma sencilla

El módulo, no ofrece ninguna opción de configuración adicional.

¿Dónde se muestra el bloque para cambiar el transportista de un pedido?

Simplemente, en la ficha del pedido (parte inferior) encima del resumen de los productos del pedido.

Bloque adicional en la ficha del pedido en Prestashop

Cómo podemos ver en la imagen, al desplegar el selector del bloque, nos salen los transportistas que hemos definido en nuestra tienda, y nos da la opción a cambiarlo.

Como buena noticia, puedo decir que, en el tema del foro, los comentarios últimos no son negativos sobre el funcionamiento del módulo 🙂

Continúa leyendo Cambiar transportista en el pedido en Prestashop