Presta Shop – logowanie i rejestracja na sklepie za pośrednictwem Facebooka

Za pomocą modułu o nazwie kodowej tmsociallogin (autor: Alexander Grosul) rejestracja lub logowanie jest bardzo proste. Ogranicza wręcz się do paru kliknięć i bardzo ułatwia to klientom zakupy. Poniżej przedstawimy instrukcję jak to wszystko skonfigurować. Moduł jest dołączany wraz z templatami na https://www.templatemonster.com/

Konfiguracja po stronie Facebooka

Panel zarządzania aplikacjami na FB nieustannie ulega zmianom. Poniższa instrukcja to stan na luty 2018.

Wchodzimy na stronę https://developers.facebook.com/apps. Jeśli nie posiadamy tam konta – należy je założyć i możliwe, że będziesz musiał/a dodatkowo podać numer telefonu zgodnie z polityką FB.

Dodajemy nową aplikację:

i wybieramy produkt „Facebook login”:

Z menu „Quickstart” wybieramy opcję „Web”:

Wypełniamy wymagane pola – tutaj adres strony: pełny adres – jeśli posiadamy certyfikat to z https:// na początku:

W menu „Settings” wprowadzamy witrynę sklepu w analogiczny sposób i zaznaczamy te opcje:

Następnie wybieramy podmenu Settings -> Basic i wypełniamy pola:

• Namespace: małymi literami nazwę sklepu bez spacji i pl znaków
• App Domains: nazwę domeny bez www i http / https
• Category: Business and Pages
• App Icon: Tworzymy obraz o wielkosci 1024×1024 z logo sklepu w środku
• Privacy Policy URL: Link do regulaminu na sklepie

Po wykonaniu tych działań wciskamy przycisk aktywacji aplikacji u góry ekranu (on/off) i potwierdzamy aktywację aplikacji:

Następnie kopiujemy dane:

• App ID
• App Secret (wymaga podania hasła do Facebooka)

Konfiguracja po stronie sklepu

Instalujemy moduł tmsociallogin

Wchodzimy w jego ustawienia i wklejamy w/w pozyskane dane:

• App ID
• App Secret

Otwieramy plik:

/themes/{TWOJ-SZABLON}/authentication.tpl

Wklejamy przed kodem (przed formularzami logowania i rejestrowania)

<div class="row">
		<div class="col-xs-12 col-sm-6">
			<form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post" id="create-account_form" class="box">
				<h3 class="page-subheading">{l s='Create an account'}</h3>

Ten kod:

<div class="row">
		<div class="col-xs-12 col-sm-6">
		{hook h="displayHeaderLoginButtons"}	
		</div>
    </div>

Gotowe. Po przebudowaniu cache szablonu (Zaawansowane -> Wydajność) powinien się tam pojawić przycisk do logowania przez FB.

Uwaga, w przypadku wystąpienia błędu 500 (lub białej strony podczas próby logowania) sprawdź czy Twój moduł tmsociallogin posiada tę modyfikację: https://pskrk.com/problem-z-modulem-tmsociallogin-wewnetrzny-blad-serwera-500/

Wskazówka: Jeśli Twój szablon nie używa zupełnie prawej kolumny – usuń albo zakomentuj <DIV> o id=”right_column” w pliku /themes/{TWOJ-SZABLON}/footer.tpl. Możliwe, że na monicie, który jest widoczny po przekierowaniu z Facebooka będzie ta kolumna widoczna.