Press "Enter" to skip to content

Jak na stronie KONTAKT w PrestaShop wyświetlić NIP sklepu?

Admin 1

Sprawa dość prozaiczna. Chcemy osiągnąć taki efekt:

Czyli na stronie kontaktowej w sekcji informacji o sklepie chcemy dodatkowy segment z (wybraną) ikonką oraz (edytowalną) informacją o NIP sklepu. Zaznaczono to na ww. screenie na czerwono.

Wprowadzenie NIP do sklepu

Aby to zrobić najpierw zdeklaruj NIP w Twoim sklepie i zapisz formularz:

Preferencje -> Kontakt -> Dane kontaktowe -> Numer rejestracyjny

Modyfikacja modułu – plik PHP

Otwórz plik:

modules/ps_contactinfo/ps_contactinfo.php

Znajdź funkcję: getWidgetVariables()

Następnie dopisz jeden element do tablicy. Zamień kod:

'phone' => Configuration::get('PS_SHOP_PHONE'),
'fax' => Configuration::get('PS_SHOP_FAX'),
'email' => Configuration::get('PS_SHOP_EMAIL'),

Na:

'phone' => Configuration::get('PS_SHOP_PHONE'),
'fax' => Configuration::get('PS_SHOP_FAX'),
'email' => Configuration::get('PS_SHOP_EMAIL'),
'nip' => Configuration::get('PS_SHOP_DETAILS'),

Modyfikacja pliku szablonu

Kolejnym krokiem jest dopisanie kodu HTML. Otwórz plik:

themes/{TWÓJ-SZABLON}/modules/ps_contactinfo/ps_contactinfo-rich.tpl

Następnie po kodzie:

{if $contact_infos.email}
  <hr/>
  <div class="block">
    <div class="icon"><i class="material-icons">&#xE158;</i></div>
    <div class="data email">
      {l s='Email us:' d='Shop.Theme.Global'}<br/>
     </div>
     <a href="mailto:{$contact_infos.email}">{$contact_infos.email}</a>
  </div>
{/if}

Doklej:

{if $contact_infos.nip}
  <hr/>
  <div class="block">
    <div class="icon"><i class="material-icons">&#xe8d1;</i></div>
    <div class="data">
      {l s='NIP:' d='Shop.Theme.Global'}<br/>
      {$contact_infos.nip}
    </div>
  </div>
{/if}

GOTOWE! Po wyczyszczeniu cache sklepu już to zadziała 🙂

Wybór ikony

Jeśli chcesz określoną ikonkę w tamtym miejscu (w naszym przypadku jest to kod: &#xe8d1; – a dokładniej e8d1) wejdź na stronę:

https://fonts.google.com/icons?selected=Material+Icons

I wyszukaj ikonę, która Cię interesuje.

Dla przykładu ikona komputera:

https://fonts.google.com/icons?selected=Material+Icons&icon.query=computer

Ma nazwę kodową (widoczną po prawej):

e30a

I taką należy zdeklarować w ww. kodzie doklejanym w pliku ps_contactinfo-rich.tpl

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.

Zobacz także !
Potrzebujesz wykonać szybko zmiany CSS/JS w Twoim szablonie bez logowania…