Añadir “aceptar políticas de privacidad” en Avísame cuando esté disponible

Seguimos añadiendo casillas de aceptar la politica de privacidad GDPR, en todos los apartados donde se piden datos de clientes y usuarios, en esta ocasión, vamos a añadir esta casilla en el apartado donde damos opción de avisar cuando el producto vuelva a estar en Stock.

Como siempre hay que modificar un fichero en esta ocasion

/themes/xxxxx/modules/mailalerts/views/templates/hook/product.tpl

Buscamos la linea

<a href="#" title="{l s='Notify me when available' mod='mailalerts'}" id="mailalert_link" rel="nofollow">{l s='Notify me when available' mod='mailalerts'}</a>

y justo encima añadimos

<DIV class="" id="uniform-customer_privacy">
    <INPUT type="checkbox" value="0" required id="customer_privacy" name="customer_privacy" autocomplete="off">
    <LABEL for="newsletter-input"><A href="/info/privacidad-gdpr.html">Acepto politica de Privacidad</A></LABEL>
    </DIV>

Bueno con esto ya se ha añadido la casilla, pero no había puñetera manera que fuera obligatorio el activarla, por lo que hay que añadir codigo javascript, pero es muy facil

En el mismo fichero abajo de todo , donde se acaba todo el código hay que añadir este código, de esta manera se deshabilita el “boton” hasta que no esta activa la casilla, es algo chapuza, pero funciona.

<SCRIPT>
$(document).ready(function() {
   
    if($("#customer_privacy").checked){
        $("#mailalert_link").prop("disabled",false);

    }else{
        $("#mailalert_link").prop("disabled",true);
    }
    
    
    $('#customer_privacy').click(function() {
        if($(this).is(':checked')){
            $("#mailalert_link").prop("disabled",false);
        }else{
            $("#mailalert_link").prop("disabled",true);
        
        }
    });
        

});
</SCRIPT>