Strona korzysta z plików cookies w celu realizacji usług i zgodnie z Polityką Plików Cookies. Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
sklepy internetowe

Edycja szablonu sklepu

Zamieszczony w Artykuły przez Przemek Prekurat dnia 05/07/2012

Cały wygląd Waszego sklepu można dowolnie zmieniać edytując pliki szablonu (Treść i wygląd > Szablony sklepu). Możliwa jest zarówno prosta zmiana nagłówka, tła, czcionek czy kolorystyki, jak i całkowita zmiana rozmieszczenia i zawartości elementów sklepu.

W plikach szablonu wykorzystywany jest xhtml/css oraz JavaScript (w sklepie dostępny jest framework Prototype oraz biblioteki script.aculo.us). Dodatkowo w wielu miejscach pojawiają się ujęte w nawiasy klamrowe znaczniki, które podczas wyświetlania strony są zamieniane na odpowiednią treść.

Dodatkowo w szablonach często występują bloki, ktorych początek i koniec oznaczony jest komentarzami w postaci <!– NAZWABLOKU STARTS –> i <!– NAZWABLOKU ENDS –>. Przykładowo:

<!-- ZALOGOWANY STARTS -->
<a href="{ADRESSKLEPU}Twoje-konto.html">Twoje konto</a><br />
<a href="{ADRESSKLEPU}Logowanie-wyloguj.html">Wyloguj się</a>
<!-- ZALOGOWANY ENDS -->

Bloki te wykorzystywane są podczas wyświetlania tresci w oparciu o dany szablon. Zależnie od danych jakie są w danym momencie przetwarzane niektóre bloki mogą być w ogole nie wyświetlone. Przykładowo w powyższym przykładzie zawartość bloku ZALOGOWANY zostanie wyświetlona jedynie, gdy odwiedzający sklep jest w danym momencie zalogowany.

Specjalnym rodzajem bloku jest ELEMENT. Wykorzystywany jest on w iteracjach, takich jak generowanie listy produktów w kategorii.

<!-- ELEMENT STARTS -->
<h2><a href="{LINK}">{NAZWA}</a></h2>
<!-- ZDJECIE STARTS -->
<div style="float: left; text-align: center; margin-right: 10px; width: 110px; text-align: center;"><a href="{LINK}"><img src="{ZDJECIE}" alt="{NAZWA}"/></a></div>
<!-- ZDJECIE ENDS -->
{OPIS}<br />

(...)

<b>Cena:</b> <span style="font: 16px Georgia, serif;">{CENA} zł</span>
<div style="clear: both;"></div><br />
<!-- ELEMENT ENDS -->

W powyższym przykładzie zawartość bloku ELEMENT zostanie wielokrotnie wykorzystana podczas generowania listy produktów w danej kategorii, za każdym razem za znaczniki w nawiasach klamrowych podstawiając inne dane. Dodatkowo pojawia się tutaj m.in. blok ZDJECIE, który zostanie wyświetlony wyłącznie jeżeli dany produkt na liście ma załączone zdjęcie.

Poniżej znajdziecie listę wszystkich plików, tworzących szablon sklepu, wraz z wyjaśnieniem za który element odpowiadają oraz listą znaczników dostępną w każdym z nich.

Główne szablony

kategoria.htm

Widok kategorii, zawiera informacje o właśnie przeglądanej kategorii, a także listę produktów w niej się znajdujących.

Dostępne znaczniki:

W części głównej:
{NAZWA} – nazwa kategorii
{ZDJECIEGLOWNE} – adres ilustracji kategorii
{OPIS} – opis rozszerzony kategorii

W obrębie bloku LISTA:
{NAZWA} – nazwa produktu
{LINK} – link do podstrony produktu
{ZDJECIE} – adres miniaturki zdjęcia produktu
{PRODUCENT} – nazwa producenta
{OPIS} – skrócony opis produktu
{KOSZYKLINK} – link dodawania produktu do koszyka
{CENABEZRABATU} – bazowa cena produktu
{CENA} – cena produktu z uwzględnieniem ewentualnych rabatów
{DOSTEPNOSC} – dostępność produktu w domyślnym wariancie
{STAN} – stan magazynowy produktu w domyślnym wariancie
{WSZYSTKO} – link kierujący na widok wszystkich produktów w danej kategorii (bez podziału na strony)

W obrębie bloku STRONY:
{LINK} – adres określonej strony obecnie przeglądanej kategorii
{NUMER} – numer strony w generowanej liście stron

koszyk.htm

Widok zawartości koszyka.

Dostępne znaczniki:
{NAZWA} – nazwa produktu w koszyku
{WARIANT} – nazwa wariantu produktu w koszyku
{LINK} – link do strony produktu
{CENA} – cena brutto produktu
{LICZBA} – liczba sztuk danego produktu w koszyku
{WARTOSC} – wartość danego produktu w koszyku (cena * liczba)
{SUMA} – łączna wartość produktów w koszyku
{WROC} – adres ostatnio odwiedzonej strony

layout.htm

Główny plik szablonu, zawierający nagłówki oraz podstawowy układ elementów w sklepie.

Dostępne znaczniki:
{TYTUL} – tytuł przeglądanej w danym momencie podstrony
{TRESC} – treść przeglądanej w danym momencie podstrony
{LEWAKOLUMNA} – elementy przypisane w panelu administratora do lewej kolumny
{PRAWAKOLUMNA} – elementy przypisane w panelu administratora do prawej kolumny

podstrona.htm

Szablon stworzonej w panelu administratora podstrony (przykładowo Regulamin, Polityka Prywatności, O sklepie).

Dostępne znaczniki:
{TYTUL} – tytuł podstrony
{TEKST} – treść podstrony

rejestracja.htm

Formularz rejestracji w sklepie, pojawiający się po kliknięciu linku do rejestracji pod formularzem logowania.

Dostępne znaczniki:
{BLAD} – komunikat błędu w przypadku wprowadzenia błędnych lub niekompletnych danych

Podstrona produktu

galeria.htm

Galeria dodatkowych zdjęć na stronie produktu.

Dostępne znaczniki:
{TYTUL} – tytuł danego zdjęcia
{MINIATURA} – adres miniatury zdjęcia
{POWIEKSZENIE} – adres powiększenia zdjęcia

opinie.htm

Opinie klientów na stronie produktu.

Dostępne znaczniki:
{TYTUL} – tytuł opinii
{OCENAPROD} – ocena w formie gwiazdek (lub innych elementów graficznych)
{TRESC} – treść opinii
{AUTOR} – autor opinii
{DATA} – data dodania opinii
{TAK} – liczba pozytywnych ocen danej opinii
{TAKNIE} – liczba wszystkich ocen danej opinii

opinie_zaloguj.htm

Formularz logowania podczas dodawaniu opinii.

Brak dostępnych znaczników.

produkt.htm

Podstrona produktu.

Dostępne znaczniki:
{NAZWA} – nazwa produktu
{ZDJECIE} – adres standardowej wersji zdjęcia
{POWIEKSZENIE} – adres powiększenia zdjęcia
{OPIS2} – rozszerzony opis produktu

W obrębie bloku LISTA:
{NAZWA} – nazwa wariantu
{WID} – identyfikator wariantu
{CENABEZRABATU} – bazowa cena produktu
{CENA} – cena produktu z uwzględnieniem ewentualnych rabatów
{DOSTEPNOSC} – dostępność produktu w danym wariancie
{STAN} – stan magazynowy produktu w danym wariancie
{WAGA} – waga produktu

Proces składania zamówienia

zamowienie_dostawa_i_platnosc.htm

Ekran wyboru formy płatności oraz sposobu dostawy, zawierający również listę zamawianych produktów.

Dostępne znaczniki:
W obrębie bloku LISTA:
{NAZWA} – nazwa zamawianego produktu
{WARIANT} – nazwa zamawianego wariantu produktu
{LINK} – link do strony produktu
{CENA} – cena brutto produktu
{LICZBA} – liczba zamawianych sztuk danego produktu
{WARTOSC} – wartość danego produktu (cena * liczba)
{SUMA} – łączna wartość zamawianych produktów

W obrębie bloku PLATNOSC:
{ID} – identyfikator formy płatności
{NAZWA} – nazwa formy płatności

W obrębie bloku DOSTAWA:
{ID} – identyfikator sposobu dostawy
{NAZWA} – nazwa sposobu dostawy
{CENA} – cena dostawy

W obrębie bloku ADRES:
{ID} – identyfikator adresu dostawy
{NAZWA} – nazwa adresu dostawy

zamowienie_finalizacja.htm

Potwierdzenie przyjęcia zamówienia.
WAŻNE: w tym szablonie konieczne jest wstawienie danych rachunku bankowego sklepu.

Dostępne znaczniki:
{NUMER} – numer zamówienia
{LINKDOPLATNOSCI} – link pozwalający na ponowne przejście do systemu platności internetowych w przypadku wcześniejszego niepowodzenia w zleceniu zapłaty

zamowienie_logowanie.htm

Ekran zawierający formularz logowania, a także formularz podania danych adresowych do jednorazowego złożenia zamówienia lub rejestracji (w przypadku uzupełnienia pola na hasło).

Dostępne znaczniki:
Brak.

zamowienie_platnosci.htm

Ekran wyboru sposobu płatności w przypadku płacenia przez Internet

Dostępne znaczniki:
Brak.

zamowienie_podsumowanie.htm

Podsumowanie wybranych opcji płatności, przesyłki, adresu dostawy wraz z listą zamawianych produktów.

Dostępne znaczniki:
{NAZWA} – nazwa zamawianego produktu
{WARIANT} – nazwa zamawianego wariantu produktu
{LINK} – link do strony produktu
{CENA} – cena brutto produktu
{LICZBA} – liczba zamawianych sztuk danego produktu
{WARTOSC} – wartość danego produktu (cena * liczba)
{WYSYLKA} – koszt wysyłki
{SUMA} – łączna wartość zamawianych produktów

{PLATNOSC} – wybrany sposób płatności
{DOSTAWA} – wybrany sposób dostawy
{IMIE}, {NAZWISKO}, {ULICA}, {DOM}, {KOD}, {MIASTO} – dane adresowe
{FIRMA} – nazwa firmy do faktury
{NIP} – numer NIP do faktury

Elementy bocznych kolumn

bestsellery_kolumna.htm

Lista sklepowych bestsellerów w bocznej kolumnie.

Dostępne znaczniki:
{LINK} – adres podstrony produktu
{NAZWA} – nazwa produktu

element_lewa_kol.htm

Ogólny szablon elementu lewej kolumny.

Dostępne znaczniki:
{TYTUL} – nagłówek elementu
{TEKST} – treść elementu

element_prawa_kol.htm

Ogólny szablon elementu prawej kolumny.

Dostępne znaczniki:
{TYTUL} – nagłówek elementu
{TEKST} – treść elementu

konto_kolumna.htm

Element bocznej kolumny z formularzem logowania lub opcjami dostępnymi dla zalogowanego klienta. Znajdują się w nim dwa bloki: ZALOGOWANY i WYLOGOWANY. Zawsze wyświetla się zawartość tylko jednego z nich, zależnie od zalogowania klienta.

Dostępne znaczniki:
Brak.

koszyk_kolumna.htm

Element bocznej kolumny zawierający informację o zawartości koszyka.

Dostępne znaczniki:
{LICZBA} – liczba produktów w koszyku
{SUMA} – wartość produktów w koszyku
{LINK} – adres podstrony ostatnio dodanego produktu
{NAZWA} – nazwa ostatnio dodanego produktu

Pozostałe szablony

aktualnosci.htm

Podstrona z listą aktualności oraz podstrona z rozszerzoną treścią pojedynczej aktualności.

Dostępne znaczniki:
{TYTUL} – tytuł aktualności
{LINK} – adres podstrony z rozszerzoną treścią aktualności
{ZDJECIE} – adres zdjęcia ilustrującego aktualność
{DATA} – data dodania aktualności
{TEKST} – treść aktualności
{PODPIS} – podpis autora aktualności

historia_zamowien.htm

Lista złożonych dotychczas zamówień dostępna dla klienta po zalogowaniu.

Dostępne znaczniki:
{ID} – numer zamówienia
{LINK} – adres podstrony ze szczegółami zamówienia
{ZLOZONE} – data złożenia zamówienia
{WARTOSC} – wartość zamówienia
{STATUS} – status realizacji zamówienia

koszyk_dodaj.htm

Ekran wyboru wariantu produktu oraz liczby dodawanej do koszyka. Pojawia się w przypadku, gdy klient kliknął w link dodawania produktu bez wybrania jego wariantu (np. na liście produktów w kategorii).

Dostępne znaczniki:
{NAZWA} – nazwa dodawanego produktu
{ZDJECIE} – adres zdjęcia produktu
{POWIEKSZENIE} – adres powiększenia zdjęcia produktu

W obrębie bloku LISTA:
{WID} – identyfikator wariantu
{NAZWA} – nazwa wariantu
{CENABEZRABATU} – bazowa cena produktu
{CENA} – cena produktu z uwzględnieniem rabatów
{DOSTEPNOSC} – dostępność produktu w danym wariancie
{STAN} – stan magazynowy produktu w danym wariancie

logowanie.htm

Podstrona z formularzem logowania.

Dostępne znaczniki:
Brak.

menu.htm

Menu kategorii z bocznej kolumny. Ważne: zmiana wyglądu menu nie wymaga edycji tego szablonu. Można to łatwo zrobic edytująć plik CSS.

Dostępne znaczniki:
{ID} – identyfikator kategorii
{POZIOM} – poziom na którym znajduje się dana kategoria
{NAZWA} – nazwa kategorii
{LINK} – adres podstrony kategorii
{KATEGORIE} – podkategorie dla danej kategorii

najnowsze.htm

Produkty ostatnio dodane do oferty sklepu, wyświetlane na stronie głównej.

Dostępne znaczniki:
{NAZWA} – nazwa produktu
{LINK} – adres podstrony produktu
{ZDJECIE} – miniaturka zdjęcia produktu
{OPIS} – skrócony opis produktu

nowehaslo.htm

Formularz zmiany hasła, do którego można uzyskać dostęp poprzez link z maila wysyłanego po przesłaniu polecenia zmiany hasła w przypadku jego zapomnienia.

Dostępne znaczniki:
{KOD} – generowany przez sklep kod autoryzacji zmiany hasła, znajdujący się w linku z maila, który otrzymuje klient

twojedane.htm

Podstrona z danymi klienta oraz jego adresami dostawy,

Dostępne znaczniki:
{BLAD} – komunikat błędu po nieudanej próbie zmiany danych
{LINK} – link do zmiany domyślnego adresu dostawy
{ULICA} {DOM} {KOD} {MIASTO} – dane z poprzednich adresów dostawy

wyniki-wyszukiwania.htm

Wyniki wyszukiwania produktów.

Dostępne znaczniki:
{SZUKANO} – szukane wyrażenie

W obrębie bloku LISTA:
{NAZWA} – nazwa produktu
{LINK} – link do podstrony produktu
{ZDJECIE} – adres miniaturki zdjęcia produktu
{PRODUCENT} – nazwa producenta
{OPIS} – skrócony opis produktu
{KOSZYKLINK} – link dodawania produktu do koszyka
{CENABEZRABATU} – bazowa cena produktu
{CENA} – cena produktu z uwzględnieniem ewentualnych rabatów
{DOSTEPNOSC} – dostępność produktu w domyślnym wariancie
{STAN} – stan magazynowy produktu w domyślnym wariancie

W obrębie bloku STRONY:
{LINK} – adres określonej strony obecnie przeglądanej kategorii
{NUMER} – numer strony w generowanej liście stron

zamowienie.htm

Szczegóły pojedynczego zamówienia złożonego przez klienta.

Dostępne znaczniki:
{ID} – numer zamówienia
{NAZWA} – nazwa zamawianego produktu
{WARIANT} – nazwa zamawianego wariantu produktu
{LINK} – link do strony produktu
{CENA} – cena brutto produktu
{LICZBA} – liczba zamawianych sztuk danego produktu
{WARTOSC} – wartość danego produktu (cena * liczba)
{WYSYLKA} – koszt wysyłki
{SUMA} – łączna wartość zamawianych produktów

{PLATNOSC} – wybrany sposób płatności
{DOSTAWA} – wybrany sposób dostawy
{ZLOZONE} – data złożenia zamówienia
{DOSTEPNOSC} – przewidywany czas realizacji zamówienia
{IMIE}, {NAZWISKO}, {ULICA}, {DOM}, {KOD}, {MIASTO} – dane adresowe
{FIRMA} – nazwa firmy do faktury
{NIP} – numer NIP do faktury
{KOMENTARZ} – uwagi do zamówienia

Znaczniki dostępne we wszystkich plikach szablonów:
{ADRESSKLEPU} – adres Waszego sklepu w postaci http://adressklepu.intelishop.pl/ (lubhttp://domena.pl/ gdy sklep ma własną domenę)

Dodaj komentarz

Imię i nazwisko (required)

E-mail (nie zostanie opublikowany) (required)

WWW

© InteliMedia | Blog | Regulamin | Polityka Prywatności | Kontakt