Shopware-Plugin Flip-Cards für Einkaufswelten mit 22 zusätzlichen Effekten Version 1.0.0

Transkript

1 scharfe media GmbH Geschäftsführer: Torsten Scharfe Tharandter Straße Dresden Tel.: (0351) Fax: (0351) Shopware-Plugin Flip-Cards für Einkaufswelten mit 22 zusätzlichen Effekten Version Dresden, Inhaltsverzeichnis 1. Installationsanleitung...2 Die Installation erfolgt wie gewohnt über den Plugin-Manager im Backend von Shopware Einloggen im Shopware Backend des eigenen Shops Hauptmenü: Einstellungen > Plugin Manager Suchleiste eingeben: "Flip-Cards für Einkaufswelten mit 22 zusätzlichen Effekten" Nach dem Kauf erscheint das Plugin bei "installierte Plugins" Dort aktivieren Problembehebungen Die Flip Cards werden nicht oder falsch dargstellt Es wird kein Hintergrund angezeigt Der Text wird abgeschnitten oder das Styling sieht merkwürdig aus Kontakt zum Hersteller...7

2 1. Installationsanleitung Installieren Sie das Plugin ganz einfach über den Plugin-Manager und nehmen Sie Ihre gewünschten Einstellungen in der Plugin-Konfiguration vor. Die Installation erfolgt wie gewohnt über den Plugin-Manager im Backend von Shopware. 1. Einloggen im Shopware Backend des eigenen Shops 2. Hauptmenü: Einstellungen > Plugin Manager 3. Suchleiste eingeben: "Flip-Cards für Einkaufswelten mit 22 zusätzlichen Effekten" 4. Nach dem Kauf erscheint das Plugin bei "installierte Plugins" Dort aktivieren Nach der Installation ist das Plugin standarmäßig aktiviert. 2. Pluginkonfiguration Flipcard Effekte: Globales horizontal oder vertikales Drehen. Wenn keine individuellen Effekte in der Einkaufwelt ausgewählt ist, wird dieser verwendet. Globale Hintergrundfarbe: Setzt Kacheln auf eine einheitlich Hintergrundfarbe. Es gibt im Gegensatz zur Hintergrundgrafik, keine individuelle Farbe in der Einkaufswelt, um ein unaufgeregtes einheitliches Bild zu gewährleisten. Sie können die Farbe über den Color Picker auswählen oder optional einen Farb Hex-Code eintragen. Globale Textarbe: Setzt den Text in den Kacheln auf eine einheitlich Schriftfarbe. Auch hier kann die Farbe über den Color Picker ausgewählt oder ein Farb Hex-Code eingetragen werden. In der Einkaufswelt kann optional die Schriftfarbe für jede Kachel individuell festgelegt werden. Das ist bei Kacheln mit Hintergrundgrafik sinnvoll, damit der Text lesbar bleibt. Verzögerungszeit: Geschwindigkeit in Millisekunden, wie lange die Kacheln zum umdrehen benötigen. Gilt nur für den Flip Effekt und nicht für die individuellen Efffekte in der Einkaufswelt, da diese kein Flip-Effekt haben. Die Geschwindigkeit gilt für alle Kacheln mit aktivierten Flipeffekt. Klick Button (Mehr Lesen Button): Hier kann der Text eingegeben werden, der für den Klick Button auf der Rückseite angezeigt werden soll. Der Klick Button wird nur für alle Kacheln mit aktivierten Flipeffekt angezeigt.

3 3. Einkaufswelten konfigurieren 6. Unter Marketing > Einkaufswelten auf den klicken Das Einkaufwelten Fenster öffnet sich. 7. Unter Weitere Elemente: Flipcard in das Raster rechts ziehen, Größe nach Wunsch anpassen und zum Bearbeiten auf den klicken

4

5

6 Titel: Tragen Sie den Titeltext für die Vorderseite der Kachel ein. Textfarbe: Hier können sie eine andere Textfarbe auswälen, unabhängig davon, was als globale Textfarbe ausgewählt ist. Sie können auch eine andere Farbe eintragen, tragen Sie dazu den Farb Hex-Code ein. Lassen Sie das Feld leer, wird automatisch die globale Textfarbe verwendet. Hintergrundbild verwenden: Ist diese Option aktiv, kann statt der globalen Hintergrundfarbe ein eigenes Hintergrundbild für jede Kachel verwendet werden. Sie können auch die globale Hintergrundfarbe/grafik mit einem der Einkaufswelten Effekte kombinieren. Somit haben Sie bspw. eine Kachel mit Flip-Effekt und Hintergrund auf der Vorderseite Tipp: Möchten Sie Kacheln trotzdem unterschiedlich farbig machen, verwenden Sie dazu farbige Hintergrundpattern als Grafik. Rückseite Vorderseite Hintergrund animieren: Hier können Sie festlegen, ob der Hintergrund unter anderem mit Zoom Effekten. animiert werden soll. Diese Einstellung funktioniert nur für die Einkaufswelten-Effekte. Der Flip-Effekt hat keinen Hintergrundgrafik-Effekt. Die Hintergrund Effekte sind entsprechend der Effektnamen festgelegt. Hintergrund Format: Bei einigen Grafiken, wie bei den Artikeln kann es passieren, dass der Hintergrund abgetrennt wird oder zu klein ist. Hier können Sie den Hintergrund auf die Kachelgröße skalieren oder nur einen Ausschnitt des Hintergrundes darstellen. Einkaufswelten-Effekte: Wählen Sie einen Effekt aus, um der Kachel einen individuellen Effekten zu vergeben. Anstatt des globalen Flip-Effekt wird der Einkaufswelten-Effekt verwendet. Kacheln, die kein Einkaufswelten-Effekt vergeben bekommen haben, verwendet automatisch den Flipcard-Effekt.

7 Folgende Effekte stehen zusätzlich zur Verfügung: Lily Sadine Roxy Bubba Romeo Layla Oscar Marley Ruby Milo Sarah Chico Julia Goliath Selena Terry Apollo Moses Jazz Ming Lexy Duke Wichtig: Beachten Sie, dass für einige Effekte eine Mindestgröße für die Kachel benötigt wird, damit der Effekt und auch der Text optimal dargestellt werden. Wählen Sie deshalb einen passenden Effekt zu ihrem gewünschten Inhalt aus.

8 Kurzbeschreibung: Tragen Sie den Text für die Rückseite der Kachel ein. Die maxmiale Textlänge für die Kurzbeschreibung beträgt 120 Zeichen, um eine optimale Lesbarkeit auch in kleineren Abmessungen zu gewährleisten. Diese kann aber im Template für jeden Effekt optional geändert werden. {if $Data.flipcard_front_effects == 'steve'} {assign var="length" value=80} {/if} Linkadrese: URL zu der die Kachel bei anklicken weiterleiten soll Flipcard deaktiveren: Einzelne Kacheln können somit deaktiviert werden, wenn man diese nicht mehr anzeigen lassen möchte, ohne diese lösche zu müssen oder das gesamte Plugin zu deaktivieren. 8. Einstellungen Speichern 9. Einkaufswelt speichern 10. ggf. Über Einstellungen > Cache/Performance > Cache Theme neu kompilieren, falls die Kacheln nicht wie gewünscht angeordnet werden. 4. Problembehebungen 4.1 Die Flip Cards werden nicht oder falsch dargstellt Vergewissern Sie sich, dass Sie auf Einkaufswelt speichern geklickt haben. Nach dem Hinzufügen der Kachel in das Raster rechts, müssen Sie diese einmal öffnen und wieder speichern, damit die Werte übertragen und in der Einkaufswelt angezeigt werden. 4.2 Es wird kein Hintergrund angezeigt Vergewissern Sie sich, dass Sie in der Flip Card Einstellung unter Marketing > Einkaufswelten den Punkt Hintergrund verwenden aktiviert haben und auch eine Hintergrundgrafik ausgewählt haben. 4.3 Der Text wird abgeschnitten oder das Styling sieht merkwürdig aus Das liegt oft daran, wenn die Kachel für einige Effekte zu klein ist. Für eine optimale Darstellung verwenden Sie bitte mindestens die Größe von 2 Rastern. Die Textlänge für die Kurzbeschreibung sowie den Titel beträgt 120 Zeichen um eine optimale Lesbarkeit zu gewährleisten. 4.4 Fehlerausgabe Erscheint diese Meldung beim Öffnen der Flipcard in den Einkaufswelten: <h3>unable to load template snippet 'backend/emotion/store/color.js' in engine/library/smarty/sysplugins/smarty_internal_templatebase.php on line 127</h3> leeren Sie über Einstellungen > Cache/Performance den Cache und melden Sie sich einmal vom Backend ab und wieder an. 5. Kontakt zum Hersteller Bei Fragen, Kritik oder Anregungen können Sie mit uns folgendermaßen Kontakt aufnehmen: scharfe media GmbH Tharandter Straße Dresden Tel.: +49 (0) shopware@scharfe-media.de