...
Bildserien erstellen
| Warning |
|---|
Image maps was a feature that was introduced with version „Bildserien“ war eine Funktion, die mit der Version 1.1 of PrestaShop, and available up to version von PrestaShop eingeführt wurde und bis einschließlich der Version 1.5 includedverfügbar war. If you have made a fresh installation of PrestaShop 1.6 and you still want to use image maps, here's how:
Note that this feature is deprecated, and not supported anymore. |
Image mapping consists of assigning multiple clickable zones to an image so that different product pages can be opened by clicking on one single image. This feature makes your site very attractive by easing your customers' navigation.
Before creating an image map, you must have an image which features variations of a product, or different products altogether.
Clicking on the "Image Mapping" menu option takes you to a new page, which lists the currently-registered image maps, if any.
To create a new map, click on the "Add new image map" button. You are taken to the creation screen.
- Image map name. Enter a name for the image map.
- Status. Whether the image map is available or not. You can choose to delay its availability until you are done settings all the links.
- Image to be mapped. Select the image that you want to represent the image map, then click "Save and stay". The page will then reload, with the photo that you uploaded and many more options.
Now we are going to learn how to set up an image map. Click anywhere on your image and drag your mouse over one of the products presented, in order to highlight/cut out the part of the image you want to be clickable to the user.
Your selection will be clear and illuminated while the rest of the image will darken. Pay attention to carefully align the frame of your selection with the zone onto which your customer will be able to click.
Once this is done:
- In the field just underneath the image, type the first few letters of the product associated with your selected zone.
In our example, we would type "dress" and several choices would appear. We would then choose "Printed dress". - Confirm your choice by clicking "OK". Your image map is now created.
Repeat this process for all of the products on this image that you wish to make accessible with a click.
| Tip |
|---|
The clickable zones are visible thanks to the "+" icon. Hovering over the image with your mouse cursor, you can see a little window that presents the image's name, default image, short description, and price. If you have made a mistake on your clickable area, you can resize by grabbing its sides or corners. If you wish to delete a clickable area, just select the area, and click the "Delete" button within the image. |
Finally, you must assign your Image Map to a category. This is done by checking the boxes on the "Categories" table.
Once all of the modifications have been done, save all of your settings.
...
können diese Funktion nicht mehr nutzen, Versionen, die auf 1.6 aktualisiert wurden, können sie jedoch noch nutzen. Wenn Sie eine neue Installation von PrestaShop 1.6 haben, aber trotzdem Bildserien verwenden möchten, gehen Sie wie folgt:
Beachten Sie, dass diese Funktion veraltet ist und kein Support mehr dafür besteht. |
Bildserien sind das Zuordnen von mehreren anklickbaren Zonen auf einem Bild, so können verschiedene Artikelseiten durch einen Klick auf ein einzelnes Bild geöffnet werden. Diese Funktion erleichtert die Navigation für Kunden stark.
Bevor Sie eine Bildserie erstellen, müssen Sie ein Bild haben, das verschiedene Varianten eines Artikels enthält, oder generell verschiedene Artikel.
Ein Klick auf "Bildserien" im Menü „Katalog“ führt zu einer neuen Seite, die die derzeit vorhandenen Bildserien enthält, falls bereits vorhanden.
Um eine neue Bildserie zu erstellen, klicken Sie auf "Neue Bildserie hinzufügen". So gelangen Sie zum Erstellungsformular.
- Name der Bildserie. Geben Sie einen Namen für die Bildserie an.
- Status. Legt fest, ob das Bild angesehen werden kann oder nicht. Sie können „nein“ wählen, um das Bild erst zur Verfügung zu stellen, wenn alle Links und Einstellungen dazu eingesetzt bzw. durchgeführt wurden.
- Bildauswahl. Wählen Sie das Bild, für das Sie eine Bildserie erstellen möchten und klicken Sie dann auf "Speichern und auf der Seite bleiben". Die Seite wird dann neu geladen, mit dem Foto, das Sie hochgeladen haben, und viele weitere Optionen.
Nun lernen Sie, wie man eine Bildserie einrichtet. Klicken Sie irgendwo auf dem Bild und ziehen Sie mit der Maus über einen der Artikel, um die Stelle zu markieren / auszuschneiden, die für den Benutzer anklickbar sein soll.
Ihre Auswahl wird klar und hell sein, während der Rest des Bildes dunkler wird. Achten Sie sorgfältig darauf, die Zone richtig auszuwählen, auf die Kunden klicken können.
Sobald dies geschehen ist:
geben Sie im Feld unterhalb des Bildes die ersten Buchstaben des Artikels ein, der der ausgewählten Zone zugeordnet werden soll.
In diesem Beispiel würden wir "Kleid" eingeben und mehrere Möglichkeiten erschienen. Wir würden dann "Printed Dress" wählen.- Bestätigen Sie die Auswahl mit "OK". Die Bildserie wird nun erstellt.
Wiederholen Sie diesen Vorgang für alle Artikel auf diesem Bild, für die Sie einen Link erstellen möchten.
| Tip |
|---|
Die anklickbaren Zonen sind mit dem Symbol „+“ sichtbar gemacht. Bewegen der Maus über das Bild mit dem Mauszeiger öffnet ein kleines Fenster, das den Namen des Artikels zeigt, das Artikelbild, eine kurze Beschreibung und den Preis. Wenn Sie einen Fehler bei der Auswahl der klickbaren Zone gemacht haben, können Sie dies durch Anklicken der Ecken und Kanten korrigieren. Wenn Sie einen klickbaren Bereich löschen möchten, wählen Sie einfach den Bereich aus und klicken Sie auf die Schaltfläche "Löschen" im Bild. |
Schließlich muss die Bildserie einer Kategorie zugeordnet werden. Dies wird durch die Kontrollkästchen des Abschnitts "Kategorien" durchgeführt.
Klicken Sie auf „Speichern“, sobald Sie alle Änderungen vorgenommen haben.
Die Bildserie ist nun gespeichert und steht in den gewählten Kategorien zur Verfügung.