Topverkopers

  • Delete Orders
    Delete Orders

    Schakel de optie verwijderen orders in de adminpagina - >...

    $0.00
  • CoolShare
    CoolShare

    Voeg een sociale bladwijzers toe met de muis over animatie.

    $0.00
  • Categories image
    Categories image

    In deze module kunt u om het blok in de categorie, maar met miniaturen...

    $0.00
  • Mass price update
    Mass price update

    Deze module kunt u bijwerken hoeveelheid of het percentage, de prijzen...

    $0.00

Recente bestellingen (+)

Countdown Specials - Flash sales

Ontvangen:2017-11-19 18:59:53
Klant: Reto
Verzenden: 4457 Diegten, Zwitserland
Bestelwaarde:$52.75
View all ->
PrestaShop Quick service failure solution - Nº of errors to fix : 1, Priority : Normal

Ontvangen:2017-10-28 15:25:13
Klant: Veronique
Verzenden: VAUX EN BEAUJOLAIS, Frankrijk
Bestelwaarde:$15.00
View all ->
PrestaSpeed

Ontvangen:2017-10-21 21:05:00
Klant: Peter
Verzenden: Kostelec, Tsjechische Republiek
Bestelwaarde:$55.00
View all ->
Promotions Pack

Ontvangen:2017-10-21 12:32:23
Klant: Robert
Verzenden: Warszawa, Polen
Bestelwaarde:$80.00
View all ->
PrestaSpeed

Ontvangen:2017-10-06 09:56:03
Klant: Jamie
Verzenden: Salisbury, Verenigd Koninkrijk
Bestelwaarde:$55.00
View all ->

Bestandsstructuur voor een thema

Wanneer u een thema maakt, moet u bedenken voorzijde van de verschillende pagina's en stukjes informatie die uw thema heeft om correct, om aan te bieden een complete ervaring aan uw klant. Hier nogmaals, is het standaardthema een goede manier om inspiratie, zowel in de verscheidenheid van bestanden die het beschikt en het voorziet in gedrag, maar ook in de code, die u kunt induiken om beter te begrijpen hoe een thema werkt.

Ten eerste, hier is de lijst van noodzakelijke sjabloonbestanden (spoiler alert: er zijn 60 van hen. Ja, al zijn noodzakelijk tot verschillende PrestaShop functies):

orde-adres-product-line.tpl orde-return.tpl
Bestandsnaam
Waarom het nodig is
Andere sjabloonbestanden die door deze sjabloon in het standaardthema gebruikt
404. tplWordt weergegeven wanneer een bestand niet kan worden gevonden. 
address.tplLaat de klant naar een nieuw adres maken.
  • Errors.tpl
addresses.tplLaat de klant om haar huidige adressen weer te geven. 
Authentication.tplHiermee kunt de klant aan te melden bij haar account.
  • bestelling-steps.tpl
  • Errors.tpl
beste-sales.tpl

Bevat informatie over de best verkochte producten.

  • product-sort.tpl
  • NBR-product-page.tpl
  • product-compare.tpl
  • Pagination.tpl
  • product-list.tpl
breadcrumb.tpl Hier wordt de categorie pad weergegeven in de huidige product/categorie.
  • breadcrumb.tpl
categorie-cms-boom-branch.tplLoopt door de CMS categorieën om ze weer te geven.
  • categorie-cms-boom-branch.tpl
categorie-count.tplGeeft het aantal producten in een categorie. 
Categorie-boom-branch.tplLoopt door de productcategorieën om hen weer te geven.
  • Categorie-boom-branch.tpl
Category.tplToont de inhoud van een categorie: scène, beeld, tekst, product Comparateur, enz.
  • Errors.tpl
  • scenes.tpl
  • categorie-count.tpl
  • product-sort.tpl
  • NBR-product-page.tpl
  • product-compare.tpl
  • Pagination.tpl
  • product-list.tpl
  • product-compare.tpl
CMS.tplDe inhoud van een CMS-pagina weergegeven. 
contact-form.tplDe klant contact formulier wordt weergegeven.
  • Errors.tpl
discount.tplToont de lijst van de klant vouchers. 
Errors.tplHiermee geeft u de huidige fout(en) weer. 
footer.tplWordt de voettekst weergegeven.
  • Global.tpl
Global.tplHiermee definieert u meerdere Smarty variabelen, meest opvallende JavaScript degenen. 
gast-tracking.tplToont de pagina bijhouden voor gast klanten (bezoekers met geen account).
  • bestelling-detail.tpl
header.tplDe koptekst bevat: HTML doctype, links naar de CSS-bestanden, enz.
  • breadcrumb.tpl
History.tplHiermee worden alle haar vorige bestellingen weergegeven aan de klant.
  • Errors.tpl
Identity.tplWordt weergegeven en de klant persoonlijke gegevens bijgewerkt.
  • Errors.tpl
layout.tplDoet een beroep op de belangrijkste bakstenen van het thema: koptekst, voettekst, kolommen, huidige sjabloon en Live bewerken.
  • header.tpl
  • footer.tpl
Maintenance.tplEen speciale pagina voor wanneer de winkel in onderhoud weergegeven. 
fabrikant-list.tplGeeft een lijst van alle fabrikanten.
  • Errors.tpl
  • NBR-product-page.tpl
  • Pagination.tpl
Manufacturer.tplDe producten van een enkele fabrikant worden weergegeven.
  • Errors.tpl
  • product-sort.tpl
  • NBR-product-page.tpl
  • product-compare.tpl
  • Pagination.tpl
  • product-list.tpl
mijn-account.tplHier wordt weergegeven van de klant accountpagina. 
NBR-product-page.tplHiermee geeft u het aantal producten in de huidige pagina weer. 
nieuwe-products.tplEen blok met de nieuwe producten weergegeven.
  • product-sort.tpl
  • NBR-product-page.tpl
  • product-compare.tpl
  • Pagination.tpl
  • product-compare.tpl
  • Pagination.tpl
bestelling-adres-multishipping-products.tplWorden de adressen om een product te leveren in een multishipping situatie weergegeven.
  • bestelling-adres-product-line.tpl
bestelling-adres-multishipping.tpl 
  • bestelling-steps.tpl
  • Errors.tpl
  • bestelling-adres-multishipping-products.tpl
  
bestelling-address.tpl 
  • bestelling-steps.tpl
  • Errors.tpl
bestelling-carrier.tpl 
  • bestelling-steps.tpl
  • Errors.tpl
bestelling-confirmation.tpl 
  • Errors.tpl
  • bestelling-steps.tpl
bestelling-detail.tpl  
bestelling-follow.tpl  
bestelling-opc-nieuwe-account.tpl  
bestelling-opc.tpl 
  • winkelen-cart.tpl
  • bestelling-address.tpl
  • bestelling-opc-nieuwe-account.tpl
  • bestelling-carrier.tpl
  • bestelling-payment.tpl
  • Errors.tpl
bestelling-payment.tpl 
  • Errors.tpl
  • bestelling-steps.tpl
  • winkelen-winkelwagen-product-line.tpl
 
  • Errors.tpl
bestelling-slip.tpl  
bestelling-steps.tpl  
Pagination.tpl  
password.tpl 
  • Errors.tpl
prijzen-drop.tpl 
  • product-sort.tpl
  • NBR-product-page.tpl
  • product-compare.tpl
  • Pagination.tpl
  • product-list.tpl
  • product-compare.tpl
  • Pagination.tpl
product-compare.tpl  
product-lijst-colors.tpl  
product-list.tpl  
product-sort.tpl  
product.tpl 
  • Errors.tpl
  • product-list.tpl
producten-comparison.tpl  
beperkt-country.tpl  
scenes.tpl  
Search.tpl 
  • Errors.tpl
  • product-sort.tpl
  • NBR-product-page.tpl
  • product-compare.tpl
  • Pagination.tpl
  • product-list.tpl
winkelen-winkelwagen-product-line.tpl  
winkelen-cart.tpl 
  • bestelling-steps.tpl
  • Errors.tpl
  • winkelen-winkelwagen-product-line.tpl
sitemap.tpl 
  • Categorie-boom-branch.tpl
  • categorie-cms-boom-branch.tpl
Stores.tpl  
store_infos.tpl  
leverancier-list.tpl  
Supplier.tplMaakt het mogelijk om de lijst van producten per leverancier weer te geven.
  • Errors.tpl
  • product-sort.tpl
  • NBR-product-page.tpl
  • product-compare.tpl
  • Pagination.tpl
  • product-list.tpl

Laten we duiken in de manier waarop een thema is georganiseerd: mappen, bestanden, waar zij thuishoren en hoe ze te behandelen correct

Organisatie van een thema

  • Organisatie van een thema
    • Mappen
      • Miniatuur bestand
      • CSS en Sass
        • CSS
        • Sass / kompas
      • Lettertype
      • Afbeelding
      • JavaScript
      • Taal
      • Het mobiele thema
    • Bestanden
      • Sjablonen bestanden
      • Opmaakmodellen
      • Afbeeldingsbestanden
      • Hulpprogramma 's

Mappen

De belangrijkste mappen van elk thema PrestaShop vallen, verstaan:

  • De / cache map bevat alle tijdelijke bestanden die zijn gegenereerd en hergebruikt om te verlichten de serverbelasting. De map is standaard leeg.
  • De /CSS map bevat alle CSS bestanden.
    • De /Sass map bevat alle de Sass .scss bronbestanden, voordat ze worden gecompileerd in de CSS-bestanden.
  • De /Font map bevat de benodigde lettertypebestanden.
  • De / img map bevat alle afbeeldingen.
  • De /JS map bevat alle JavaScript-bestanden.
  • De /lang map bevat de thema's vertalingen. Zijn toegangsrechten moeten worden ingesteld op CHMOD 666 (bijvoorbeeld), zodat de back-office vertaalhulpmiddel kan lezen en in het schrijven.

De volgende mappen zijn niet direct thema-gerelateerde, maar help u zorg ervoor dat het geheel van PrestaShop's functie hebben een ontwerp dat is in overeenstemming met uw thema:

  • De /mails mapbevat de sjablonen voor de e-mails dat PrestaShop stuurt (orderbevestiging, wachtwoord opvragen, verzending meldingen, enz.).
  • De / mobile map bevat de mobiele versie van het thema.
  • De /modules map bevat de sjabloonbestanden voor veel modules.
  • De /PDF map bevat de sjabloonbestanden voor de PDF-bestanden dat PrestaShop genereert (facturen, levering slip, orders voor voorzieningen, enz.).

De hoofdmap van de map bevat TPL bestanden alleen, evenals de Preview.jpg miniatuur bestand.

Miniatuur bestand

De Preview.jpg bestand in de hoofdmap van de thema's map is de miniatuur die wordt gebruikt door de PrestaShop in de back-office thema selector.

Het dient als een visuele herinnering van wat het thema is, en daarom moet u een screenshot in plaats van uw bedrijfslogo.

Het kan elke grootte hebben-het standaardthema is 180 * 445 pixels.

Het moet een JPEG-bestand.

CSS en Sass

CSS

De thema's CSS bestanden bevinden zich in de /CSS map.

Het wordt aanbevolen een gemeenschappelijk style sheet voor globale CSS-regels: Global.CSS.
Vervolgens elk van de controller moet hebben zijn eigen CSS-bestand: bijvoorbeeld, product.CSS voor de productpagina.

Sass / kompas

Sass en kompasbestanden zijn optioneel: u hoeft niet deze tools gebruiken om te bouwen van de CSS-bestanden voor uw back-office-thema.

Als u gebruik Sass en kompas, raden we de bron zetten .scss bestanden in de /Sass thema, zodat andere ontwikkelaars kunnen toegang tot thema hebben en hen gemakkelijker herwerken.

Vanaf daar kunt u genereren de CSS-bestanden in de /CSS mappen uit de Sass-bestanden in de /Sass map!

Lettertype

De /Font map is optioneel: het bevat de lettertypen die u wilt gebruiken voor uw thema.

Bijvoorbeeld, de standaard PrestaShop thema gebruikt de Awesome lettertype lettertype ingesteld)http://fortawesome.github.io/font-awesome/) voor haar responsieve pictogrammen, en daarom heeft de volgende bestanden in de /Font map:

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

Als u uw thema niet met een bepaald lettertype of pictogramserie in het achterhoofd bouwen, kunt u deze map overslaan.

Afbeelding

Thema-gerelateerde beelden moeten worden opgeslagen de / img map.

U kunt het maken van sub-omslag voor een betere organisatie. Het standaardthema heeft bijvoorbeeld de volgende submappen:

  • /icon voor eenvoudige pictogrammen (bijvoorbeeld, die niet beschikbaar zijn in uw gekozen tekenset).
  • /jQuery voor jQuery-specifieke beelden.

U kunt meer indien nodig.

JavaScript

JavaScript-bestanden moeten worden opgeslagen de /JS map.

In tegenstelling tot CSS-bestanden, we raden u aan niet te hebben een gemeenschappelijke/globale JavaScript-bestand, noch moet u een enkel bestand per controller.

Taal

De vertaling van alle bestanden moeten worden opgeslagen de /lang map.

Bestanden moeten worden vernoemd naar hun ISO 3166-1 alpha-2 code in kleine letters: bijvoorbeeld, fr.php.

Deze bestanden moeten worden gegenereerd door PrestaShop geïntegreerde vertaling tool (gelegen in de lokalisatie / Translations menu).