Child pages
  • Templates

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Note

Im Multishop-Modus können Sie nicht ein Template auf alle Ihre Shops oder eine Gruppe von Shops anwenden; Sie müssen Sie einen einzigen Shop im Multishop-Menü wählen und dann ein Template für ihn auswählen.

Adding and exporting a theme

Two buttons at the top of the screen enable you to import a theme and install it (and its attached modules), or to export a theme and its modules from your shop in order to share it with the world.

Importing a theme: the "Add new theme" button

This screen presents you with 3 methods to install a new theme:

  • from your computer,
  • from a public website,
  • from your own FTP server.

A final button leads you to the theme creation form, presented in the next section.

Image Removed

Whatever the method, the process remains the same: indicate the location of the theme's Zip archive, then click "Save". The only thing that changes is the source of the Zip file:

  • Import from your computer. Use the file explorer to find the archive.
  • Import from the web. Indicate the direct public URL to the archive.
  • Import from FTP. Using your FTP client, upload the archive in the following folder: /themes/ .

Click "Save" to validate your choice. The theme is now installed, and PrestaShop asks you if you wish to install modules that were imported along with the theme, what you would rather do with the current modules configuration, and how you would like the images configuration to be taken into account.

Click "Save" one last time. A final confirmation page presents you with all the changes applied to your PrestaShop install. Click "Finish" to end the process.

Creating a brand new theme

The best way to create a new theme for PrestaShop is to copy the files from the default theme, and start modifying its TPL and CSS files to make them your own. The reason is that a PrestaShop theme requires many files to be present: by starting from an existing theme instead of from scratch, you make sure that your own theme will not be missing any part.

You can do this directly on the web server, but PrestaShop makes it easy to copy the files from an installed theme and register your new theme in its system (a step you would have to do in any case).

All of this is done by clicking on the "Create new theme" button from the "Add new theme" button at the top of screen. It displays a creation form.

Image Removed

Fill-in its fields:

  • Name of the theme. Make sure the name is not already used by another theme (check on the Addons website).
  • Preview image for the theme. You should always add a preview image, as it is a clear reminder of what the theme looks like. If you do not have one yet, leave that for later, when the time will come to release the theme.
  • Default left column and Default right column. Indicate if your theme has a column (or even two columns), and if so, on which side of the screen. This is purely informational, and can be changed at any time.
  • Number of products per page. Indicate the default number of products that should be shown on a page. This option can be adjusted later on.
  • Name of the theme's directory. Try to keep it close to your theme's name. If you have not already created a theme folder, PrestaShop will create one for you.
  • Copy missing files from existing theme. This is the cleanest method to start a new theme from another theme's files. Choose "default-bootstrap", or any other theme that you would like to base your foundation on.
  • Responsive. Indicate if your theme has a responsive design or not (if you do not know what a responsive design is, then you probably should choose "No"). This is purely informational, and can be changed at any time.

Click save, and PrestaShop will register this information for you: the theme is ready to be enabled, and its preview image appears in the theme selector.

It is now up to you to change your theme's files in order to make it unique! On your local installation (not a production one!), select your new theme, and start working!
Once you are done with your designing and code it, go back to this setting page and change it accordingly: definitive preview image, default column, number of products, and responsiveness.

Info

Is your theme so good that other merchants could pay money for it? You can sell it on Addons, PrestaShop's official theme & module marketplace: http://addons.prestashop.com/.

Exporting a theme

This section is only available when there is at least one theme installed on your PrestaShop site. It gives you a method to export your module in the correct format (most notably with a working configuration file).

...

Hinzufügen und Exportieren eines Templates

Mit zwei Buttons am oberen Rand der Seite können Sie ein Template importieren und installieren (mit verbundenen Modulen) oder ein Template und seine Module exportieren, um es mit der Welt zu teilen.

Ein Template importieren: Klicken Sie auf "Template hinzufügen"

Diese Seite zeigt Ihnen 3 Methoden, um ein neues Template zu installieren:

  • Import aus Ihrem Computer,
  • Import aus dem Internet,
  • Import via FTP.

Der „Neues Template erstellen“-Button führt Sie zu dem Template Erstellungsformular, das im nächsten Abschnitt gezeigt wird.

Image Added

Unabhängig von dieser Methode bleibt der Vorgang der gleiche: Geben Sie den Speicherort des Zip-Archivs des Templates an und klicken Sie dann auf "Speichern". Das einzige, was sich ändert, ist die Quelle der Zip-Datei:

  • Import aus Ihrem Computer. Verwenden Sie den Datei-Explorer, um das Archiv zu finden.
  • Import aus dem Internet. Geben Sie die direkte öffentliche URL des Archivs an.
  • Import via FTP. Laden Sie das Archiv mit Ihrem FTP-Client in den folgenden Ordner: / themes /.

Klicken Sie auf "Speichern", um Ihre Auswahl zu bestätigen. Das Template ist nun installiert und PrestaShop fragt, ob Sie Module, die mit dem Template verbunden sind, importieren möchten und ob die aktuelle Modulkonfiguration berücksichtigt werden soll.

Klicken Sie ein letztes Mal auf "Speichern". Eine endgültige Bestätigungsseite zeigt Ihnen alle Änderungen, die auf Ihre PrestaShop Installation angewendet werden. Klicken Sie auf "Fertig stellen", um den Vorgang zu beenden.

Erstellung eines brandneuen Templates

Der beste Weg, um ein neues Template für PrestaShop zu erzeugen, ist, die Dateien aus dem Standard-Template zu kopieren, und die TPL und CSS-Dateien Ihren eigenen Wünschen anzupassen. Der Grund dafür ist, dass ein PrestaShop Template viele Dateien erfordert, um zu funktionieren: ausgehend von einem bestehenden Template. statt von Grund auf neu, stellen Sie sicher, dass in Ihrem eigenen Design nicht irgendein Teil fehlt.

Sie können dies direkt auf dem Web-Server tun, PrestaShop macht es aber auch einfach, die Dateien aus einem installierten Template zu kopieren und Ihr neues Template in ihrem System zu installieren(ein Schritt, den Sie sowieso in jedem Fall tun).

All dies wird durch Klicken auf die Schaltfläche "Neues Template erstellen" von der Seite "Neues Template hinzufügen"(siehe oben) begonnen. Ein neues Erstellungsformular wird angezeigt.

Image Added

Füllen Sie die Felder aus:

  • Template-Name. Stellen Sie sicher, dass der Name nicht bereits von einem anderen Thema verwendet wird(Check auf der Addons Website).
  • Vorschau des Template-Logos. Sie sollten immer ein Vorschaubild hinzuzufügen, da es klar zeigt, wie das Template aussieht. Wenn Sie noch keines haben, lassen Sie es für später frei, wenn Sie eines haben.
  • Standardspalte links und rechts. Geben Sie an, ob Ihr Template eine Spalte (oder auch zwei) hat, und wenn ja, auf welcher Seite des Bildschirms. Dies ist rein informativ und kann jederzeit geändert werden.
  • Anzahl Artikel pro Seite. Geben Sie die standardmäßige Anzahl der Artikel an, die auf einer Seite angezeigt werden sollen. Diese Option kann später angepasst werden.
  • Name des Template-Verzeichnisses. Versuchen Sie, einen ähnlichen Namen wie den Ihres Templates zu verwenden. Wenn Sie einen Template Ordner nicht bereits erstellt haben, wird PrestaShop einen für Sie erstellen.
  • Fehlende Dateien aus vorhandenem Template kopieren. Dies ist die sauberste Methode, um ein neues Template aus Dateien eines anderen Templates zu erstellen. Wählen Sie "default-Bootstrap" oder jedes andere Template, das Sie möchten, um Ihr Template zu erstellen.
  • Responsive. Geben Sie an, ob Ihr Thema ein responsives Design hat(wenn Sie nicht wissen, was ein responsives Design ist, dann sollten Sie "Nein" wählen). Dies ist rein informativ und kann jederzeit geändert werden.

Klicken Sie auf Speichern und PrestaShop wird diese Informationen für Sie zu umsetzen: Das Template ist bereit, aktiviert zu werden, und sein Vorschaubild erscheint in der Design-Auswahl.

Es liegt nun an Ihnen, Dateien von Ihrem Template zu bearbeiten, um es einzigartig zu machen. Wählen Sie Ihr neues Template, und fangen Sie an!
Wenn Sie mit Ihrem Entwurf und Coding fertig sind, gehen Sie zurück zu dieser Einstellungsseite und ändern Sie entsprechend die Felder: Vorschaubild, Spalten, Anzahl der Artikel, Responsiv.

Info

Ist Ihr Template so gut, dass andere Händler Geld dafür bezahlen würden? Http://addons.prestashop.com/: Sie können es auf Addons, dem offizielle Template& Modul-Marktplatz von PrestaShop verkaufen.

Ein Template Exportieren

Dieser Abschnitt ist nur verfügbar, wenn mindestens ein Template in Ihrem PrestaShop installiert ist. Es gibt Ihnen die Möglichkeit, Ihr Modul im richtigen Format zu exportieren (mit einer Arbeitskonfigurationsdatei).

Ein Template-Export ist sehr nützlich, wenn Sie es entweder einem Freund zur Verfügung stellen, eine Sicherungskopie erstellen,  oder auf dem Addons-Marktplatz verkaufen möchten (http://addons.prestashop.com/ ). Not only does it generate a complete Zip archive of your theme, but it also adds many information in an XML files, which is very useful both when uploading to Addons, and when importing to another PrestaShop site.

Image Removed

Select a theme and click on "Save". A configuration form appears where you can set the exported themes parameters: author name, modules to export along, theme name, version compatibility, etc.

Image Removed

Once all the parameters are correctly set, click on "Save". You will quickly get a file to download from your browser. Save it on your hard-drive, then give the saved file a proper name instead of the random one it currently has. From there on, you can easily share this theme, and if it is your own creation, you can start selling it on PrestaShop's Addons marketplace at Es wird nicht nur ein komplettes ZIP-Archiv mit Ihrem Template erzeugt, es fügt auch viele Informationen in XML-Dateien ein, die sehr nützlich sind, wenn es sowohl um das Hochladen auf Addons, als auch beim Import in einen anderen PrestaShop geht.

Image Added

Wählen Sie ein Template und klicken Sie auf "Speichern". Ein Konfigurationsformular wird angezeigt, in dem Sie die Parameter zum Export einstellen können: Name des Autors, Webseite, Template-Name, Versionskompatibilität usw.

Image Added

Sind alle Parameter richtig eingestellt, klicken Sie auf "Speichern". Ihr Browser wird eine Datei herunterladen wollen. Speichern Sie sie auf Ihrer Festplatte, geben Sie dann der gespeicherte Datei einen richtigen Namen. Von hier aus können Sie dieses Template ganz einfach teilen, und wenn es ein selbst erstelltes ist, können Sie es auf dem Addons-Marktplatz auf http://addons.prestashop.com/ verkaufen.

...

Direkt aus PrestaShop Addons!

This final section presents you with 12 of the latest themes from PrestaShop's Addons marketplace. You can click on each image to reach the theme's individual Addons page and get a better view of it, and possibly buy it.

You can also use the search form to find the theme that best suits your store.

Image Removed

dieses Template löschen. Dadurch werden Dateien dieses Templates von Ihrem Web-Server gelöscht.Dieser letzte Abschnitt präsentiert Ihnen 12 der neuesten Templates aus dem PrestaShop Addons Marktplatz. Sie können auf jedes Bild klicken, um die Addons-Seite des Templates zu erreichen, einen besseren Blick darauf zu bekommen, und vielleicht zu kaufen.

Sie können auch das Suchformular verwenden, um das Template zu finden, das am besten zu Ihrem Shop passt.

Image Added