Bestsellery

  • Delete Orders
    Delete Orders

    Włączyć opcję, aby usunąć zamówień w stronie Administrator - >...

    $0.00
  • CoolShare
    CoolShare

    Dodaj zakładki społecznościowe za pomocą myszy nad animacją.

    $0.00
  • Mass price update
    Mass price update

    Moduł ten pozwala na aktualizację ilość lub odsetek, ceny wszystkich...

    $0.00
  • Categories image
    Categories image

    Moduł ten umożliwia wyświetlanie bloku, w kategorii, ale z miniaturami...

    $0.00

Ostatnie zamówienia (+)

Countdown Specials - Flash sales

Otrzymał:2017-11-19 18:59:53
Klient: Reto
Wyślij do: 4457 Diegten, Szwajcaria
Wartość zamówienia:$52.75
View all ->
PrestaShop Quick service failure solution - Nº of errors to fix : 1, Priority : Normal

Otrzymał:2017-10-28 15:25:13
Klient: Veronique
Wyślij do: VAUX EN BEAUJOLAIS, Francja
Wartość zamówienia:$15.00
View all ->
PrestaSpeed

Otrzymał:2017-10-21 21:05:00
Klient: Peter
Wyślij do: Kostelec, Czechy
Wartość zamówienia:$55.00
View all ->
Promotions Pack

Otrzymał:2017-10-21 12:32:23
Klient: Robert
Wyślij do: Warszawa, Polska
Wartość zamówienia:$80.00
View all ->
PrestaSpeed

Otrzymał:2017-10-06 09:56:03
Klient: Jamie
Wyślij do: Salisbury, Wielka Brytania
Wartość zamówienia:$55.00
View all ->

Struktura pliku motywu

Podczas tworzenia kompozycji, trzeba myśleć przodu wszystkie różne strony i informacji, że Twój temat ma obsługiwać poprawnie, aby zapewnić pełne doświadczenie do klienta. Tutaj ponownie, domyślny motyw jest dobry sposób, aby uzyskać inspirację, zarówno w różnych plików, które posiada i zachowania, które jest przeznaczony dla, ale również w jego kod, który można nurkować w aby lepiej zrozumieć, jak działa tematu.

Po pierwsze, Oto lista plików szablonów niezbędne (spoiler alert: istnieje 60 z nich. Tak, wszystkie są niezbędne do różnych funkcji PrestaShop):

zamówienia adres produkt line.tpl zamówienia return.tpl
Nazwa pliku
Dlaczego jest to konieczne
Inne pliki szablonu używane przez ten szablon w domyślny motyw
404. tplWyświetla gdy nie można odnaleźć pliku. 
Address.tplUmożliwia utworzenie nowego adresu.
  • Errors.tpl
addresses.tplUmożliwia wyświetlanie jej aktualne adresy. 
Authentication.tplUmożliwia klientowi zalogować się na swoje konto.
  • zamówienia steps.tpl
  • Errors.tpl
najlepszy sales.tpl

Wyświetla najlepiej sprzedających się produktów.

  • produkt sort.tpl
  • NBR produkt page.tpl
  • produkt compare.tpl
  • Pagination.tpl
  • produkt list.tpl
breadcrumb.tpl Wyświetla ścieżkę kategorii bieżący produkt.
  • breadcrumb.tpl
Kategoria cms drzewa branch.tplBiegnie przez kategorie CMS, aby je wyświetlić.
  • Kategoria cms drzewa branch.tpl
Kategoria count.tplWyświetla liczbę produktów w kategorii. 
Kategoria drzewa branch.tplBiegnie do kategorii produktów, aby je wyświetlić.
  • Kategoria drzewa branch.tpl
Category.tplWyświetla zawartość kategorii: scena, obraz, tekst, produkt komparator, itp.
  • Errors.tpl
  • Scenes.tpl
  • Kategoria count.tpl
  • produkt sort.tpl
  • NBR produkt page.tpl
  • produkt compare.tpl
  • Pagination.tpl
  • produkt list.tpl
  • produkt compare.tpl
CMS.tplWyświetla zawartość strony CMS. 
kontakt form.tplWyświetla formularz kontaktowy klienta.
  • Errors.tpl
Discount.tplWyświetla listę załączników klienta. 
Errors.tplWyświetla aktualne błędy. 
footer.tplWyświetla stopki.
  • Global.tpl
Global.tplDefiniuje kilka Smarty zmiennych, JavaScript najistotniejszych z nich. 
Opinie tracking.tplWyświetla stronę śledzenia Opinie klientów (użytkowników z nie konta).
  • zamówienia detail.tpl
header.tplWyświetla nagłówek: HTML doctype, linki do plików CSS, itp.
  • breadcrumb.tpl
History.tplWyświetla wszystkie jej poprzedniego zamówienia do klienta.
  • Errors.tpl
Identity.tplWyświetla i aktualizuje dane osobowe klienta.
  • Errors.tpl
layout.tplWzywa główny cegieł tematu: nagłówek, stopka, kolumny, bieżący szablon i Live edycji.
  • header.tpl
  • footer.tpl
Maintenance.tplWyświetla stronę specjalne do sklepu, gdy jest w konserwacji. 
Producent list.tplWyświetla listę wszystkich producentów.
  • Errors.tpl
  • NBR produkt page.tpl
  • Pagination.tpl
Manufacturer.tplWystawa produktów od jednego producenta.
  • Errors.tpl
  • produkt sort.tpl
  • NBR produkt page.tpl
  • produkt compare.tpl
  • Pagination.tpl
  • produkt list.tpl
mój account.tplZostanie wyświetlona strona konta klienta. 
NBR produkt page.tplWyświetla liczbę produktów na stronie bieżącej. 
Nowy products.tplWyświetla bloku z nowymi produktami.
  • produkt sort.tpl
  • NBR produkt page.tpl
  • produkt compare.tpl
  • Pagination.tpl
  • produkt compare.tpl
  • Pagination.tpl
zamówienia adres multishipping-products.tplWyświetla adresy dostawy produktu do w multishipping sytuacji.
  • zamówienia adres produkt line.tpl
zamówienia adres multishipping.tpl 
  • zamówienia steps.tpl
  • Errors.tpl
  • zamówienia adres multishipping-products.tpl
  
zamówienia address.tpl 
  • zamówienia steps.tpl
  • Errors.tpl
zamówienia carrier.tpl 
  • zamówienia steps.tpl
  • Errors.tpl
zamówienia confirmation.tpl 
  • Errors.tpl
  • zamówienia steps.tpl
zamówienia detail.tpl  
zamówienia follow.tpl  
zamówienia opc nowe account.tpl  
zamówienia opc.tpl 
  • zakupy cart.tpl
  • zamówienia address.tpl
  • zamówienia opc nowe account.tpl
  • zamówienia carrier.tpl
  • zamówienia payment.tpl
  • Errors.tpl
zamówienia payment.tpl 
  • Errors.tpl
  • zamówienia steps.tpl
  • zakupy koszyk produkt line.tpl
 
  • Errors.tpl
zamówienia slip.tpl  
zamówienia steps.tpl  
Pagination.tpl  
Password.tpl 
  • Errors.tpl
ceny drop.tpl 
  • produkt sort.tpl
  • NBR produkt page.tpl
  • produkt compare.tpl
  • Pagination.tpl
  • produkt list.tpl
  • produkt compare.tpl
  • Pagination.tpl
produkt compare.tpl  
produkt lista colors.tpl  
produkt list.tpl  
produkt sort.tpl  
produkt.tpl 
  • Errors.tpl
  • produkt list.tpl
produkty comparison.tpl  
country.tpl ograniczony  
Scenes.tpl  
Search.tpl 
  • Errors.tpl
  • produkt sort.tpl
  • NBR produkt page.tpl
  • produkt compare.tpl
  • Pagination.tpl
  • produkt list.tpl
zakupy koszyk produkt line.tpl  
zakupy cart.tpl 
  • zamówienia steps.tpl
  • Errors.tpl
  • zakupy koszyk produkt line.tpl
sitemap.tpl 
  • Kategoria drzewa branch.tpl
  • Kategoria cms drzewa branch.tpl
Stores.tpl  
store_infos.tpl  
Dostawca list.tpl  
Supplier.tplUmożliwia wyświetlanie listy produktów dla dostawcy.
  • Errors.tpl
  • produkt sort.tpl
  • NBR produkt page.tpl
  • produkt compare.tpl
  • Pagination.tpl
  • produkt list.tpl

Niech nurkowanie w ten sposób temat jest zorganizowane: foldery, pliki, gdzie należą i jak sobie z nimi radzić poprawnie

Organizacja tematu

  • Organizacja tematu
    • Foldery
      • Miniatury pliku
      • CSS i Sass
        • CSS
        • Sass / kompas
      • Czcionki
      • Obraz
      • JavaScript
      • Język
      • Motyw mobilnej
    • Pliki
      • Pliki szablonów
      • Arkusze stylów
      • Pliki obrazów
      • Narzędzia

Foldery

Główne folderów każdy theme PrestaShop są:

  • The nietrwała folder zawiera wszystkie pliki tymczasowe, które są generowane i ponownie wykorzystane w celu zmniejszenia obciążenia serwera. Folder jest domyślnie pusty.
  • The /CSS folder zawiera wszystkie pliki CSS.
    • The /Sass folder zawiera wszystkie Sass .scss plików źródłowych, zanim oni są kompilowane do plików CSS.
  • The / Font folder zawiera pliki potrzebne czcionki.
  • The /IMG folder zawiera wszystkie obrazy.
  • The /js folder zawiera wszystkie pliki JavaScript.
  • The / lang folder zawiera tłumaczenia tematu. Jego prawa dostępu powinna być ustawiona na CHMOD 666 (na przykład), tak, że narzędzia do tłumaczenia back-office można czytać i pisać do niego.

Następujące foldery nie są bezpośrednio związane z tematem, ale pomoc upewnij się, że cała funkcja PrestaShop masz projekt, który jest zgodny z tematu:

  • The /mails teczkazawiera szablony e-maili, że PrestaShop wysyła (potwierdzenia zamówienia, żądanie hasła, wysyłanie powiadomień, itp.).
  • The / mobile folder zawiera ten zdejmowany wersja od tematu.
  • The /modules folder zawiera pliki szablonów dla wielu modułów.
  • The /PDF folder zawiera pliki szablonów, plików PDF, że PrestaShop generuje (faktury, dostawy, dostawa zamówień, itp.).

Root folder zawiera pliki TPL tylko, jak również Preview.jpg miniatury pliku.

Miniatury pliku

The Preview.jpg plik w katalogu głównym folderu temat jest miniatura, który jest używany przez PrestaShop w selektorze tematu back-office.

Służy jako wizualne przypomnienie tego, co jest tematem, i dlatego należy go zrzut ekranu zamiast logo Twojej firmy.

Może mieć każdy rozmiar-domyślny motyw jest 180 * 445 pikseli.

To musi być plik JPEG.

CSS i Sass

CSS

Tematu CSS pliki znajdują się w /CSS teczka.

Zalecane jest aby mieć wspólny arkusz stylów dla globalnych reguł CSS: Global.css.
Następnie, każdy kontrolera powinien posiadać swój własny plik CSS: na przykład, Product.css na stronie produktu.

Sass / kompas

Sass i kompaspliki są opcjonalne: nie trzeba używać tych narzędzi do tworzenia plików CSS dla motywu back-office.

Jeśli używasz Sass i kompas, radzimy umieścić Źródło .scss pliki w /Sass tematu, tak że innych deweloperów może mieć dostęp do tematu i przerobić je łatwiej.

Stamtąd można wygenerować pliki CSS /CSS foldery z plikami Sass w /Sass teczka!

Czcionki

The / Font folder jest opcjonalne: zawiera czcionki, które wybierzesz do wykorzystania motywu.

Na przykład domyślnej PrestaShop tematu używa Awesome czcionki czcionki zestaw)http://fortawesome.GitHub.IO/Font-awesome/) do jego elastyczne ikony, i dlatego ma następujące pliki jego / Font teczka:

  • fontawesome-webfont.eot
  • fontawesome-webfont.svg
  • fontawesome-webfont.ttf
  • fontawesome-webfont.woff

Jeśli nie budujesz Twój temat z konkretnej czcionki lub ikonę w umysł, możesz pominąć ten folder.

Obraz

Tematycznie powiązane obrazy mają być przechowywane w /IMG teczka.

Można utworzyć podfolder dla lepszej organizacji. Na przykład domyślny motyw ma następujące podfoldery:

  • /Icon dla prostych ikon (na przykład, te nie są dostępne w zestawie wybranej czcionki).
  • /jQuery jQuery konkretnych obrazów.

Można utworzyć więcej, jeśli potrzebne.

JavaScript

JavaScript pliki są przechowywane w /js teczka.

W odróżnieniu od plików CSS zalecamy, aby nie mieć wspólnego/globalny plik JavaScript, ani nie powinny mieć jeden plik na kontroler.

Język

Wszystkie pliki z tłumaczeniami mają być przechowywane w / lang teczka.

Pliki powinny być nazwane po ich kod ISO 3166-1 alfa-2 małymi literami: na przykład, fr.php.

Te pliki powinny być generowane przez narzędzia do tłumaczenia zintegrowany PrestaShop (znajduje się w lokalizacji / tłumaczenia menu).