Jak dodać pole akceptacji regulaminu podczas rejestracji konta w PrestaShop

Aby dodać pole (checkbox) akceptacji regulaminu podczas rejestracji nowego konta klienta należy edytować tylko jeden plik. Plik ten znajduje się w katalogu twojego szablonu ( ../themes/twój_szablon/). Nazwa pliku to authentication.tpl

Plik ten należy otworzyć w edytorze np PHP ( http://www.pspad.com/ ).

Następnie kolejno edytować.

Np. około lini 80 dodać kod:

{literal}

var msg = "Przeczytaj politykę prywatności oraz regulamin";

function acceptCGV()

{

if ($('#cgv').length && !$('input#cgv:checked').length)

{

alert(msg);

return false;

}

else

return true;

}

{/literal}

 

Kolejno odszukać linię zawierającą kod:

 

<form action="{$link->getPageLink('authentication.php', true)}" method="post" id="create-account_form" class="std">

 

I edytować ją do postaci:

 

<form action="{$link->getPageLink('authentication.php', true)}" method="post" id="create-account_form" class="std" onsubmit="return acceptCGV();" >

 

Teraz możemy dodać pole które będzie musiało zostać zaznaczone przed kontynuowaniem  rejestracji klienta.

 

<input type="checkbox" name="cgv" id="cgv" value="1" {if $checkedTOS}checked="checked"{/if} />

Przeczytaj politykę prywatności oraz regulamin.

 

Jednak jeśli użytkownik będzie miał wyłączoną obsługę Java Script to przejdzie przez ten formularz bez zatwierdzania np. regulaminu.

Aby temu w jakiś sposób zapobiedz można wykonać dodatkową modyfikację.

na początek poinformujemy klienta że nie ma włączonej obsługi Java Script 

 

<noscript><div class="error">Twoja przeglądarka ma wyłączoną obsługę Java Script!</div></noscript>

 

Kolejno ukryjemy zawartość formularza tak aby nie można było się zarejestrować bez obsługi Java Script.

 

<script type="text/javascript">

// <![CDATA[

if (self == parent) document.write('TO_UKRYJ');

// ]]>

</script>

 

W miejscu pomiędzy apostrofami ' ' zamiast tekstu TO_UKRYJ wklejamy kod do ukrycia ważne jest aby był on w jednej lini np. kod w takiej formie będzie błędny :

 

<p class="submit">

<input type="submit" id="SubmitCreate" name="SubmitCreate" class="button_large" value="{l s='Create your account'}"/>

<input type="hidden" class="hidden" name="SubmitCreate" value="{l s='Create your account'}" />

</p>

 

Kod powinien wyglądać tak:



<p class="submit"><input type="submit" id="SubmitCreate" name="SubmitCreate" class="button_large" value="{l s='Create your account'}"/><input type="hidden" class="hidden" name="SubmitCreate" value="{l s='Create your account'}" /></p>