Jump to content

Incluir check en suscripción a newsletter


josueramos

Recommended Posts

Buenas a todos

 

Quiero añadir una casilla de verificación que apruebe la política de privacidad donde se realiza la suscripción al newsletter. He trasteado por el foro sin hallar una solución. 

 

Adjunto la captura de pantalla donde indico donde quiero que aparezca. 

 

También debería añadir un enlace a la política de privacidad.

 

Mi página es www.lecanarienediciones.com y uso la v. 1.5.6.1

 

Gracias a todos

 

 

post-738152-0-45561400-1397560336_thumb.jpg

Link to comment
Share on other sites

Ese apartado se muestra en el "Bloque newsletter". 

Mira a ver si dentro de la carpeta de tu theme existe ya el módulo dentro de la carpeta modules. Si existe modificalo ahí, sino puedes modificarlo directamente en el modules del raiz, aunque lo recomendable es que te lo copies a la carpeta del theme para reescribirlo. Es decir, 

/tuheme/modules/blocknewsletter/blocknewsletter.tpl
Link to comment
Share on other sites

Ok, pensé que no encontrabas donde ponerlo.

 

He estado buscando porque había módulos que adaptaban las newsletter a la LOPD, pero estaban en http://www.todoprestashop.com que por desgracia ha cerrado. 

 

He encontrado esto http://www.prestashop.com/forums/topic/244467-adaptar-el-formulario-de-contacto-a-la-lopd-con-un-check/ que es para hacer lo que tú quieres pero para el formulario de contacto. Al final es lo mismo osea que te puede servir de guía para hacer los cambios en tu tpl

Link to comment
Share on other sites

  • 5 months later...

Hola buenas tardes, estoy tratando de implementar un checkbox en la suscripción a las newsletter y casi lo tengo pero ya le he dado hoy durante todo el día que la cabeza hecha humo y haber si alguien me puede ayudar:

 

Utilizo Prestashop 1.6.0.9 con la plantilla standar.

 

Con este codigo en el formulario:

 

<!-- Block Newsletter module-->
<div id="newsletter_block_left" class="block">
<h4>{l s='Newsletter' mod='blocknewsletter'}</h4>

<div class="block_content">
<form action="{$link->getPageLink('index')|escape:'html':'UTF-8'}" method="post">
<div class="form-group{if isset($msg) && $msg } {if $nw_error}form-error{else}form-ok{/if}{/if}" >
<input class="inputNew form-control grey newsletter-input" id="newsletter-input" type="text" name="email" size="18" value="{if isset($msg) && $msg}{$msg}{elseif isset($value) && $value}{$value}{else}{l s='Enter your e-mail' mod='blocknewsletter'}{/if}" />
                <button type="submit" name="submitNewsletter" class="btn btn-default button button-small">
                    <span>{l s='Ok' mod='blocknewsletter'}
</button> 
<input type="hidden" name="action" value="0" />

                <p class="checkbox" id="security_informations">
                <input id="acepta_lopd_form" type="checkbox" value="1" {if isset($smarty.post.acepta_lopd_form) AND $smarty.post.acepta_lopd_form == 1}checked="checked"{/if}  name="acepta_lopd_form">
                <label for="acepta_lopd_form">{l s='Acepto'} </label> <a href="{$link->getCMSLink(Configuration::get('PS_CONDITIONS_CMS_ID'))}{if Configuration::get('PS_REWRITING_SETTINGS') == 1}?{else}&{/if}content_only=1" class="iframe">{l s='Politica Privacidad'}</a></p>

</div>
</form>
</div>
</div>

Obtengo este resultado:

 

resul1.jpg

 

y quisiera que quedara asi:

 

resul2.jpg

 

En unas de las modificaciones realizadas lo he conseguido pero como el texto era más largo saltaba el check en dos líneas, luego no se que narices he tocado (no soy experto en código) que se fué todo al carajo otra vez. 

 

El código está extraído del ejemplo que indica jesa, y he conseguido implementarlo en el alta de nuevas cuentas y en el formulario de contacto, pero este tipo el puñetero boletín se me resiste el condenado.

 

Por favor si alguien me puede ayudar ya tendría la lopd más menos adaptada en la web a falta del la historia de que el propio usuario se pueda borrar la cuenta, manda narices con la dichosa lopd.

 

Gracias.

Un saludo.

Link to comment
Share on other sites

Gracias, rafaelamargo. He quitado

 

 

 
 
Hola si quitas el:
 
               <p class="checkbox" id="security_informations">
 
y la cerradura del (p)
 
</p>
que es como un salto de linea, se te mostrara en la misma linea.
 

 y el resultado es este:

result3.jpg

 

Para asegurarme que el salto de línea no lo provoca un texto excesivamente largo he dejado solo (provisionalmente) Acepto.

Un saludo.

Link to comment
Share on other sites

  • 3 weeks later...

He solicitado borrar mis mensajes del  tema, porque en el tema del estilo yo tampoco he conseguido y no quiero crear confusión, he visto que ahora prestashop te crea unos elementos automaticos, cuando añades un elemento en el formulario.
 

Yo no he conseguido colocarlo sin que se baje (si puedes solucionar eso, dimelo), lo que si creo que he conseguido es que funcione la validación real gracias a moraira: http://www.prestashop.com/forums/topic/244467-adaptar-el-formulario-de-contacto-a-la-lopd-con-un-check/ , es decir, yo lo tengo asi:

 
<script type="text/javascript">
{literal}

$('document').ready(function() {

// desactivo boton envio

$('#formsucripcion').submit(function() {

if ($("#acepta_lopd_form").is(":checked")) {

$('#submitNewsletter').hide()

return true;

} else {

alert ("{/literal}{l s='If you agree to the terms in the Customer Data Privacy message, please click the check box below.' mod='blocknewsletter'}{literal}");

$('#submitNewsletter').show()

return false;

}

});

});
{/literal}

</script>


{*
* 2007-2014 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2014 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
<!-- Block Newsletter module-->
<div id="newsletter_block_left" class="block">
	<h4>{l s='Newsletter' mod='blocknewsletter'}</h4>
	<div class="block_content">
		<form action="{$link->getPageLink('index')|escape:'html':'UTF-8'}" method="post"  id="formsucripcion">
			<div class="form-group{if isset($msg) && $msg } {if $nw_error}form-error{else}form-ok{/if}{/if}" >
				<input class="inputNew form-control grey newsletter-input" id="newsletter-input" type="text" name="email" size="18" value="{if isset($msg) && $msg}{$msg}{elseif isset($value) && $value}{$value}{else}{l s='Enter your e-mail' mod='blocknewsletter'}{/if}" />
                <button type="submit" name="submitNewsletter" id="submitNewsletter" class="btn btn-default button button-small">
                    <span>{l s='Ok' mod='blocknewsletter'}</span>
                </button>
				<input type="hidden" name="action" value="0" />
     <label for="terminosm">
	 
<script type="text/javascript">{literal}
$('a.enlace_ventana').fancybox({
    type: 'iframe',

});{/literal}
</script>		
		<input type="checkbox" name="acepta_lopd_form" id="acepta_lopd_form"> 
		<a id="enlace_ventana" href="{$link->getCMSLink(1)}{if Configuration::get('PS_REWRITING_SETTINGS') == 1}?{else}&{/if}content_only=1" class="enlace_ventana" >
		{l s='He leido y aceptado los  terminos' mod='blocknewsletter'}
			</a></label> 
		</div>               
			
		</form>
	</div>
</div>
<!-- /Block Newsletter module-->
{strip}
{if isset($msg) && $msg}
{addJsDef msg_newsl=$msg|@addcslashes:'\''}
{/if}
{if isset($nw_error)}
{addJsDef nw_error=$nw_error}
{/if}
{addJsDefL name=placeholder_blocknewsletter}{l s='Enter your e-mail' mod='blocknewsletter' js=1}{/addJsDefL}
{if isset($msg) && $msg}
	{addJsDefL name=alert_blocknewsletter}{l s='Newsletter : %1$s' sprintf=$msg js=1 mod="blocknewsletter"}{/addJsDefL}
{/if}
{/strip}
Edited by rafaelamargo (see edit history)
Link to comment
Share on other sites

  • 1 year later...
  • 2 years later...
On 26/9/2014 at 7:17 PM, ramherfer said:

Hola buenas tardes, estoy tratando de implementar un checkbox en la suscripción a las newsletter y casi lo tengo pero ya le he dado hoy durante todo el día que la cabeza hecha humo y haber si alguien me puede ayudar:

 

Utilizo Prestashop 1.6.0.9 con la plantilla standar.

 

Con este codigo en el formulario:

 


<!-- Block Newsletter module-->
<div id="newsletter_block_left" class="block">
<h4>{l s='Newsletter' mod='blocknewsletter'}</h4>

<div class="block_content">
<form action="{$link->getPageLink('index')|escape:'html':'UTF-8'}" method="post">
<div class="form-group{if isset($msg) && $msg } {if $nw_error}form-error{else}form-ok{/if}{/if}" >
<input class="inputNew form-control grey newsletter-input" id="newsletter-input" type="text" name="email" size="18" value="{if isset($msg) && $msg}{$msg}{elseif isset($value) && $value}{$value}{else}{l s='Enter your e-mail' mod='blocknewsletter'}{/if}" />
                <button type="submit" name="submitNewsletter" class="btn btn-default button button-small">
                    <span>{l s='Ok' mod='blocknewsletter'}
</button> 
<input type="hidden" name="action" value="0" />

                <p class="checkbox" id="security_informations">
                <input id="acepta_lopd_form" type="checkbox" value="1" {if isset($smarty.post.acepta_lopd_form) AND $smarty.post.acepta_lopd_form == 1}checked="checked"{/if}  name="acepta_lopd_form">
                <label for="acepta_lopd_form">{l s='Acepto'} </label> <a href="{$link->getCMSLink(Configuration::get('PS_CONDITIONS_CMS_ID'))}{if Configuration::get('PS_REWRITING_SETTINGS') == 1}?{else}&{/if}content_only=1" class="iframe">{l s='Politica Privacidad'}</a></p>

</div>
</form>
</div>
</div>

Obtengo este resultado:

 

resul1.jpg

 

y quisiera que quedara asi:

 

resul2.jpg

 

En unas de las modificaciones realizadas lo he conseguido pero como el texto era más largo saltaba el check en dos líneas, luego no se que narices he tocado (no soy experto en código) que se fué todo al carajo otra vez. 

 

El código está extraído del ejemplo que indica jesa, y he conseguido implementarlo en el alta de nuevas cuentas y en el formulario de contacto, pero este tipo el puñetero boletín se me resiste el condenado.

 

Por favor si alguien me puede ayudar ya tendría la lopd más menos adaptada en la web a falta del la historia de que el propio usuario se pueda borrar la cuenta, manda narices con la dichosa lopd.

 

Gracias.

Un saludo.

Hola!! Lo has conseguido? Tengo el mismo problema, funciona perfectamente pero me sale debajo y queda fatal

Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...