Search the Community

Hola, Tras tantos meses recibiendo ayuda, recopilando datos de aquí y de allí, quiero dar un pequeño aporte a la comunidad. La semana pasada me la pasé entera intentando poner un check box de confirmación para la política de privacidad de datos en prestashop 1.7. Tanto en la newssletter, como en el formulario de contacto. Tras mucho buscar di con un enlace en el que es bastante sencillo hacer esto. Enlace original Antes de empezar quiero avisar que mis conocimientos de programación son nulos, por lo que cualquiera con ganas de fuchicar un poco puede hacerlo. Espero explicarme lo suficientemente bien y ser de ayuda para todos. El que quiera añadir un check en el formulario de registro, prestashop tiene un módulo gratuito únicamente para esto: Bloque de privacidad de datos del cliente Para echarle un ojo antes de nada os dejo acceso a mi formulario de contacto: https://uesti.es/contacto Bueno, lo primero es acceder a través de ftp a los datos de nuestro servidor. Ahí descargamos el siguiente archivo: /themes/tutema/modules/contactform/views/templates/widget descargamos el archivo contactform.tpl. Dentro de ese archivo debemos localizar la siguiente linea (casi al final) <footer class="form-footer text-xs-right"> <input class="btn btn-primary" type="submit" name="submitMessage" value="{l s='Send' d='Shop.Theme.Actions'}" disabled> </footer> Os añado mi código editado, si quereis el original copiarlo en el enlace original. Lo sustituimos por el siguiente: <footer class="form-footer text-xs-right"> <span class="privacy_wrp col-md-12" style="padding-left:0rem;"> <input style="float:left;" type="checkbox" name="DG_terms" value="No" id="prv_ck" /> <p style="text-align: left; display: inline; overflow: hidden; padding-left: 0.3rem;"> {l s='Dichiaro di aver letto ed accetto l\' informativa sulla Privacy' d='Shop.Theme.Actions'} <br/> <a href="tu-enlace" onclick="window.open(this.href); return false;"><span style="color: #c69f70;">{l s='(LEER)' d='Shop.Theme.Actions'}</a> </p> </span> <p> <br/> <small><span style="font-size: 12px;">{l s='Tutti i campi contrassegnati con * sono da considerararsi obbligatori' d='Shop.Theme.Actions'}</small> </p> <input class="btn btn-primary" id="disabledInput" type="submit" name="submitMessage" value="{l s='Send' d='Shop.Theme.Actions'}" disabled> Esto lo que hace es añadirnos el check box con el texto que hallamos añadido. Podéis cambiarlo antes de añadirlo o añadirlo así y después traducirlo en traducciones. Yo lo añadí primero y tuve que hacerlo a través de traducciones. En "tú-enlace" ponemos la página en la que está tu política de privacidad. Guardamos y lo sustituimos por el archivo original. Recomiendo hacer copia del archivo y de todos los datos de la web por muy innecesario que lo veais. Debería quedaros algo así: Lo último que queda por hacer es añadir algo de JQuery en el check box para que cuando esté el check activo deje darle a enviar y cuando esté desactivado no deje. Para ello volvemos a necesitar acceder vía ftp a la siguiente ubicación vamos a /themes/tu_tema/assets/js y descargamos "custom.js", dentro pegamos lo siguiente: $('#prv_ck').change(function() { console.log('ok changed'); $("#disabledInput").attr('disabled', !this.checked) }); Guardamos y sustituimos por el archivo anterior. Listo, ya tenemos nuestro check preparado para la nueva normativa LOPD. Ahora seguramente os preguntaréis lo siguiente. Como añado esto a la newsletter. Es sencillo simplemente debemos buscar el archivo tpl de nuestra newsletter, yo no utilizo la newsletter que trae por defecto prestashop pero el proceso debería ser parecido. Descargamos el archivo tpl de nuestra newsletter, en mi caso es en la siguiente ruta modules/stnewsletter/views/templates/hook yo lo añadí sobre el hook del footer, ya que únicamente tengo mi suscripción a la newsletter ahí. Buscamos el botón, en mi caso es el siguiente y se encuentra casi al final: <button type="submit" name="submitStNewsletter" class="btn btn-less-padding st_news_letter_submit link_color"> Y lo customizamos de la siguiente manera: <button id="disabledInput" type="submit" name="submitStNewsletter" class="btn btn-less-padding st_news_letter_submit link_color" value="{l s='Send' d='Shop.Theme.Actions'}" disabled> Lo que hemos hecho es añadir id="disabledInput" y value="{l s='Send' d='Shop.Theme.Actions'}" disabled> al final. Así no hace falta otra configuración de JQuery Lo último es pegar el primer código del checkbox justo encima, antes de que empiece el botón. Tal que así: <span class="privacy_wrp col-md-12" style="padding-left:0rem;"> <input style="float:left;" type="checkbox" name="DG_terms" value="No" id="prv_ck" /> <p style="text-align: left; display: inline; overflow: hidden; padding-left: 0.3rem;"> {l s='Dichiaro di aver letto ed accetto l\' informativa sulla Privacy' d='Shop.Theme.Actions'} <br/> <a href="tu-url" onclick="window.open(this.href); return false;"><span style="color: #c69f70;">{l s='(LEER)' d='Shop.Theme.Actions'}</a> </p> </span> Si os fijáis en comparación con el primero, eliminé el botón que traía y lo de "los campos con un * son obligatorios" Yo no lo necesitaba, si lo queréis añadir es cuestión de hacer copia pega, ponemos la url de nuestra política de privacidad y sustituimos el archivo. Espero haberos sido de ayuda y poder aportar algo de valor a la comunidad. Un saludo a todos! Y mucha suerte a través de los campos tenebrosos de prestashop. Edito el post. hay un módulo gratis para poner el check de la política de privacidad. Tanto para el formulario de contacto cómo para el registro. El módulo es Cumplimiento del RGPD de PrestaShop y en la versión 1.7 ya viene disponible en el listado de módulos del back office. Aquí os hablan de el.

Hey there, I want to put a check box with Terms and Conditions at the end (or beggining) of my order form, so that when anyone want to place an order to be forced to check this box before continuing. There is any plugin for this or something else? Thnx in advance!

I've searched everywhere to see if this is possible just to come up with unanswered posts and a module from 2009 that doesn't work in the latest version. I want to put additional extras on my product pages where the user can check or uncheck some check boxes depending on what they want. It seems unusually difficult to do, so any help would be greatly appreciated Cheers Richie

When any category is clicked on in the front of my store, all of the images have a tick box saying 'select to compare', but all of the products are already ticked. How do you make them un-ticked?