Child pages
  • Templates

Versions Compared

Key

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

...

Templates Voreinstellungen

Table of Contents
The

Auf der "Themes" page enables you to efficiently manage your themes.

Your current theme

The first section of the page serves as a reminder of which theme you are currently using, with its details:

  • Theme name.
  • Theme version.
  • Theme author's name, website and email address.
  • Thumbnail for the theme.

Image Removed

This section also gives you access to a handful of tools, which helps you to quickly customize the current theme: header logo, mail logo, invoice logo, favicon, store icon and even the navigation pipe can be easily modified from there. This section features:

  • Customize your theme. A link to the Theme Configurator (provided that the Theme Configurator module is indeed installed and enabled).
  • Configure your theme. A link to the theme's advanced settings.
  • 4 tabs with the theme's appearance options:
    • Logo. The logo that will appear on all the pages of your shop.
    • Invoice & email logos. The logos that will respectively appear in your shop's invoices, and its email notifications.
    • Icons. Your shop's favicon (displayed in the web browser's address bar) and your Store icon (for use on the Store map as an indicator of where a store is).
    • Mobile. The logo that will appear on all the pages of your shop, when accessed through a mobile device. You can also choose to selectively enable or disable your theme's mobile version (if it does exist) for smartphones, tablets, or both.
Warning

The default theme uses a "YourLogo" logo. It is strongly recommended to change all of the instances of the logo and use yours!

Note

In multistore mode, you can apply these changes to all your stores or to a group of stores at one time, using the multistore menu.

The "Enable the mobile theme" makes it possible for you to use the default mobile theme. With this theme, any PrestaShop merchant can have his or her shop be accessible to mobile devices: from the home page to the payment process, along with product pages and conversion funnel.

Image Removed

...

Templates"-Seite können Sie effizient Ihre Templates verwalten.

Aktuelles Template

Der erste Abschnitt der Seite dient als Vorschau des Templates, das Sie gerade verwenden, mit seinen Details:

  • Template-Name.
  • Template-Version.
  • Name des Autors, Website und E-Mail-Adresse.
  • Miniaturansicht für das Template.

Image Added

In diesem Abschnitt können Sie auch auf eine Handvoll von Tools zugreifen, die Ihnen helfen, das aktuelle Template schnell anzupassen: Logo der Kopfzeile, E-Mail logo, Rechnungslogo, Favicon, Shop-Symbol. In diesem Abschnitt finden sich folgende Funktionen:

  • Template einrichten. Ein Link zum Template-Konfigurator(vorausgesetzt, dass das Template-Konfigurator-Modul tatsächlich installiert und aktiviert ist).
  • Erweiterte Einstellungen. Ein Link zu den erweiterten Einstellungen des Templates.
  • 4 Registerkarten mit Optionen für das Erscheinungsbild des Templates:
    • Logo. Das Logo, das auf allen Seiten Ihres Shops angezeigt wird.
    • Logos für Rechnung und E-Mails. Die Logos, die jeweils auf Rechnungen und deren E-Mail-Benachrichtigungen Ihres Shops angezeigt werden.
    • Icons. Favicon Ihres Shops (wird in der Adressleiste des Browsers angezeigt) und Ihr Warenlager-Icon(für den Einsatz auf der Shop Karte als Indikator, wo ein Geschäft ist).
    • Mobil. Das Logo, das auf allen Seiten Ihres Shops angezeigt wird, wenn er durch ein mobiles Gerät abgerufen wird. Sie können auch wählen, die mobile Version Ihres Templates für bestimmte Geräte zu aktivieren oder zu deaktivieren.
Warning

Das Standard-Template verwendet das "yourlogo" Logo. Es wird dringend empfohlen, alle Logos zu ändern und stattdessen Ihre eigenen zu verwenden!

Note

Im Multishop-Modus können Sie diese Änderungen auf alle Ihre Shops oder nur auf eine Gruppe von Shops anwenden.

"Mobil-Template aktivieren" ermöglicht Ihnen, das Standardmobildesign zu bedienen. Mit diesem Template kann jeder PrestaShop-Händler seinen Shop mobil zugänglich machen: von der Startseite über den Zahlungsprozess bis zu den Artikelseiten und Conversion-Trichter.

Image Added

Tip

Das Mobil-Template funktioniert nur für das PrestaShop Standard-Template, da es in seinem Ordner enthalten ist: / themes / default /mobile. Therefore, it will not work if you use another theme which does not have its own mobile theme.Nonetheless, you can easily use the default mobile theme with any other theme, at least temporarily: simply copy the mobile theme's folder from the default theme's folder to the new theme's folder, and you should be good to go. For instance, if your new theme's folder is /themes/magnolia, copy the /themes/default/mobile folder to the new theme's folderDaher wird es nicht funktionieren, wenn Sie ein anderes Template nutzen, das nicht sein eigenes Mobil-Template besitzt.

Nichtsdestotrotz können Sie das Standardmobildesign mit einem anderen Template verwenden, zumindest temporär: kopieren Sie einfach den Ordner des mobilen Templates aus dem Ordner des Standard-Templates zum Ordner des neuen Templates. Wenn zum Beispiel der Ordner Ihres neuen Templates / themes / Magnolie ist, kopieren Sie / themes / default / mobile zum Ordner des neuen Templates: / themes / magnolia / mobile.
This is particularly useful if the new theme does not feature a responsive design: this way, your shop can still look good on mobile devices – albeit with the default PrestaShop look.

The Theme Configurator

The Theme Configurator module helps you configure some aspects of your theme.

Clicking on the link from the "Themes" preferences page opens its configuration page. That page gives you direct links to the most usual front office modules: you can enable and disable a dozen of features, such as displaying social buttons or the Facebook block (provided their respective modules are enabled), and get direct access to their configuration page. You can also enable and access the Live Configurator from there, which makes it possible to easily change your theme's main color and font.

...

Dies ist besonders nützlich, wenn das neue Template nicht über ein responsives Design verfügt: auf diese Weise können Sie Ihren Shop immer noch auf mobilen Geräten relativ gut anzeigen lassen- wenn auch mit dem Standard PrestaShop Look.

Der Template-Konfigurator

Das Template-Konfigurator Modul hilft Ihnen, einige Aspekte Ihres Templates zu konfigurieren.

Ein Klick auf den Link von der "Templates"-Voreinstellungsseite öffnet seine Konfigurationsseite. Auf dieser Seite finden Sie direkte Links zu den häufigsten Front-Office-Modulen: Sie können hier einige Funktionen, wie die Anzeige der Social Buttons oder den Facebook-Block, aktivieren und deaktivieren (sofern ihre jeweiligen Module aktiviert sind), und direkten Zugriff auf deren Konfigurationsseiten erhalten. Sie können auch den Zugriff auf Live-Edit von dort aus aktivieren, was es ermöglicht, die Hauptfarbe und Schriftart Ihres Templates zu ändern.

In einem zweiten Abschnitt ermöglicht der Template-Konfigurator, auf einfache Weise Bilder mit Links an bestimmten Hooks der Website zu befestigen: home, top, left, right, footer. Each available language has its own tab with its own hooks that you can edit from here: this is essential as images often contain text directly on them, making it necessary to have as many versions of the image per available languages.

The module is explained in more details in the "Making the Native Modules Work" chapter of this guide.

Info

If you are using the default theme and want to customize it, here is a summary of the different image sizes you will need.

 

The theme's advanced settings

Clicking on the "Advanced settings" button displays the main information about the theme (see the "Creating a brand new theme" section below to find an explanation of the fields).

Image Removed

Below the main section, the "Appearance of columns" section displays a lot of information about the way the left and right columns appear, depending on the page:

  • If the box is checked, the column appears in the page (for instance, the Category page).
  • If it is left unchecked, it will not appear on that page.

Note that even if you can click on the buttons at will, these settings are only informational, and the theme will not necessarily be able to adapt to your changes!

Image Removed

Select a theme for your "[name]" shop

This section is only display if you have at least two themes installed. It presents you with the other available themes on your PrestaShop installation beside the already-enabled one.

This section simply shows the thumbnails of the available themes, with their names.

Image Removed

Move your mouse cursor over the thumbnail to display a menu with two options:

  • Use this theme. This will replace your current theme with this theme.
  • Delete this theme. This will delete this theme's files from your web server.

At the top right, the "Visit the theme store" opens a new page to the PrestaShop Addons marketplace, where you can find more themes.

...

Jede verfügbare Sprache hat ihren eigenen Tab mit eigenen Hooks, die Sie von hier aus bearbeiten können: dies ist wichtig, da Bilder oft Text enthalten, so dass es notwendig ist, eine Version des Bildes pro verfügbarer Sprache zu haben.

Das Modul wird in mehr Einzelheiten im Kapitel "Native Module" dieses Handbuchs erläutert.

Info

Wenn Sie das Standard-Template haben und es anpassen wollen, finden Sie hier eine Zusammenfassung der verschiedenen Bildgrößen, die Sie brauchen werden.

 

Erweiterte Einstellungen des Templates

Durch Klicken auf die Schaltfläche "Erweiterte Einstellungen" werden die wichtigsten Informationen über das Template angezeigt(siehe "Erstellen eines brandneuen Templates" weiter unten, um eine Erklärung der Felder zu finden).

Image Added

Unterhalb des Hauptteils zeigt der Abschnitt "Anzeige der Spalten" eine Vielzahl von Informationen über die Art, wie die linken und rechten Spalten angezeigt werden, abhängig von der Seite:

  • Wenn das Kontrollkästchen aktiviert ist, wird die Spalte in der Seite (zum Beispiel die Kategorien-Seite) angezeigt.
  • Wenn nicht, wird es nicht auf dieser Seite angezeigt werden.

Beachten Sie, dass selbst wenn Sie die Schaltflächen aktivieren, sind diese Einstellungen nur zu Informationszwecken, das Template ist nicht unbedingt in der Lage, die Änderungen anpassen zu können!

Image Added

Wählen Sie ein Template für Ihren Shop

Dieser Abschnitt wird nur gezeigt, wenn Sie mindestens zwei Templates installiert haben. Er präsentiert Ihnen weitere Templates Ihrer PrestaShop Installation neben dem bereits aktivierten.

In diesem Abschnitt sind nur die Miniaturansichten der verfügbaren Templates mit deren Namen sichtbar.

Image Added

Bewegen Sie den Mauscursor über die Miniatur, und ein Menü mit zwei Optionen wird angezeigt:

  • dieses Template verwenden. Dies wird Ihr aktuelles Template mit diesem Template ersetzen.
  • dieses Template löschen. Dadurch werden Dateien dieses Templates von Ihrem Web-Server gelöscht.

Unten links befindet sich ein Button, der Sie zum Addons-Marktplatz weiterleitet, wo Sie weitere Templates finden können.

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

...

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

dieses Template löschen. Dadurch werden Dateien dieses Templates von Ihrem Web-Server gelöscht.