Jak vytvořit privátní eshop

Úvodní strana \ Prestashop \ Články \ Jak vytvořit privátní eshop

Neděle, 17 Říjen 2010 20:43

V dalším ze článků o Prestashopu se pustím do programování. Ukážeme si jak vytvořit privátní eshop, do kterého budou mít přístup pouze registrovaní uživatelé. To se hodí například pokud chcete svým obchodním partnerům nabídnout nákup za velkoobchoní ceny, nebo pro testování. Tento článek předpokládá alespoň základní znalosti html.

Bez delšího otálení jdeme na to. Jako první musíme upravit soubor prestashopu tak, aby nebylo možné zobrazit jakoukoliv stránku bez přihlášení. Otevřeme si tedy soubor header.php z kořenové adresáře a před

$smarty->display(_PS_THEME_DIR_.'header.tpl');

přidáme tento kus kódu.

if(!$cookie->isLogged()&&!isset($_POST['submitAccount'])){
 header('Location:login_form.php');
}

Ten nám říká, že pokud není uživatel přihlášen, nebo pokud nebylo stisknuto tlačítko na registraci, přesměruj na přihlášení. Soubor login_form.php zatím neexistuje. Musíme ho tedy vytvořit otevřeme si tedy například PsPad a vytvoříme nový soubor s názvem login_form.php. Do něj vložíme


 <html>
 <head>
 <title>Vas obchod</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <style>
 body{
 color:#000000;
 background:#ffffff;
 font:12px Arial;
 text-align:center;
 }
 
 fieldset legend{
 color:#000000;
 }
 fieldset{
 background:#e9e9e9;
 border:1px solid #D0D3D8;
 margin-bottom:1em;
 padding-bottom:1em;
 width:100%;
 }
 fieldset h3{
 border-bottom:1px solid #D0D1D5;
 color:#555555;
 font-size:1.4em;
 font-weight:normal;
 margin:0 0 0.5em;
 padding:0.5em;
 }
 form.std label, form.std p span {
 float:left;
 text-align:right;
 width:30%;
 }
 form.std .checkbox label, form.std .radio label, form.std span.form_info {
 float:none;
 margin:0;
 text-align:left;
 }
 form#account-creation_form input.text, form#account-creation_form #id_country, form#account-creation_form #id_state, #authentication textarea {
 width:17em;
 }
 input.text {
 height:18px;
 padding-left:2px;
 padding-right:2px;
 }
 input, textarea, select {
 border:1px solid #BDC2C9;
 }
 input, textarea, select, span.editable {
 font-family:Verdana,Arial,Helvetica,Sans-Serif;
 font-size:12px;
 margin-left:0.7em;
 outline:medium none;
 vertical-align:top;
 }
 table{
 font:12px arial;
 }
 p.text{
 text-align:justify;
 }
 </style>

 </head>
 <body>
 <div style="width:600px;margin-left:auto;margin-right:auto;text-align:center;">
 
 <h1>Prihlaseni Vas obchod</h1>

 <form class="form" name="loginf" id="loginf" action="authentication.php" method="post">

 <fieldset>
 <legend></legend>
 <table style="margin:0 auto;">
 <tr><td><label for="login_username">:</label></td><td><input name="o_email" id="o_email" type="text" class="required email" /></td></tr>
 
 <tr><td><label for="login_password">:</label></td><td><input name="o_passwd" id="o_passwd" type="password"  class="required" /></td></tr>
 
 <tr><td colspan="2" align="right">
 <label for=""> </label><input class="submit" id="submitbutton" name="odeslat" type="submit" value="" /></td></tr>
 </table>
 </fieldset>
 </form>
 <a href="/register_form.php" title="Registrace"></a>
 
 </div>
 

 </body>
 </head>

Jak vidíme, nepřidali jsme nic převratného. Většina kódu jsou jen styly a nějaký formulář na přihlášení. Co je ovšem důležité je aby zpracování formuláře prováděl soubor authentication.php. Je tedy nutné nastavit parametr action u tagu form na action="authentication.php". Jednoduché že, ani jsme nemuseli napsat řádku php kódu. Vše za nás obstará již existující soubor prestashopu. Jediná nevýhoda toho zpracování je, že nevidíme chybovou hlášku, pokud vyplní uživatel nesprávné údaje. I to by se určitě dalo zobrazit, ale pro jednoduchost nám stačí mít soubor takto.

Po této úpravě je ještě nutné upravit existující soubor v kořenovém adresáři authentication.php, otevřeme ho a přidáme před:

if (Tools::getValue('create_account'))

tento kus kódu:

if(isset($_POST['odeslat'])){
 $customer = new Customer();
$authentication = $customer->getByemail(trim($_POST['o_email']), trim($_POST['o_passwd']));
 if (!$authentication OR !$customer->id)
 header('Location:login_form.php?ok=0');
 else
 {
 $cookie->id_customer = intval($customer->id);
 $cookie->customer_lastname = $customer->lastname;
 $cookie->customer_firstname = $customer->firstname;
 $cookie->logged = 1;
 $cookie->passwd = $customer->passwd;
 $cookie->email = $customer->email;
 if (Configuration::get('PS_CART_FOLLOWING') AND (empty($cookie->id_cart) OR Cart::getNbProducts($cookie->id_cart) == 0))
 $cookie->id_cart = Cart::lastNoneOrderedCart($customer->id);
 Module::hookExec('authentication');
 if ($back = Tools::getValue('back'))
 Tools::redirect($back);
 Tools::redirect('my-account.php');
 }

}

Předchozí kód zajišťuje autentizaci uživatele a všechny potřebné úkony provedené po přihlášení.

Jistě jste si všimli odkazu na konci stránky s přihlášením, který směřuje na registraci. To už je na Vás, zda-li chcete umožnit, uživatelům se registrovat a nebo budete nové uživatele zakládat pouze v adminu. Pokud chcete umožnit registraci je nutné založit další soubor. Nazveme ho register_form.php a opět uložíme do kořenového adresáře. Celý soubor je k dispozici zde zabalený v zipu. Je to vlastně totožný s formulářem pro registraci v prestashopu. Je v něm použita validace pomocí jQuery. Je tedy ještě nutné stáhnout plugin pro jquery validate. Samotný jQuery balíček již Prestashop využívá proto není nutné ho stahovat, pouze přejmenovat název souboru v hlavičce, dle aktuálního souboru ve složce js/jquery/. Akci formuláře opět převezme soubor authentication.php. Pokud uživatel vyplní chybně některá data, dostane se do prestashopu, kde se zobrazí chybová hláška, částečně však může vidět ceny v některých modulech postranních modulů. Je tedy dobré provést veškerou validaci již v souboru register_form.php, pokud chceme obchod důkladně skrýt před běžnými uživateli.

Stáhnout všechny nové a upravené soubory (nenahrazujte soubory authentication.php a header.php pouze přidejte potřebné části kódu)

To je vše, dále už jen ukážu printscreeny jak může login a registrace vypadat. Soubory byly testovány pro verzi 1.2, veřím ale, že budou fungovat i pro 1.3. Pokud ne, je nutné upravit názvy polí ve formulářích stejně jako v originálních souborech prestashopu. V případě problémů můžete psát do diskuze, pokud bude někdo ochoten otestovat tento postup na verzi 1.3 budeme rádi pokud nám dá vědět.