Sehr geehrte POWERGAP Shopbetreiber,
viele werden schon in der Artikelverwaltungsmaske gesehen haben, dass dort Links (z.B. zur Artikelbemerkung) nicht mehr in einem Popup, sondern einem schicken Layer aufgehen.
Nicht nur, dass es moderner aussieht, es hat natürlich auch Vorteile in der Bedienung. Popups erzeugen neue Tasks oder Browser-Tabs. Bei großen Bildschirmauflösungen platzieren sich diese oft weit weg vom Hauptverwaltungsfenster und die Maus muss lange Wege gehen. Dann verhindern noch lästige Popup-Blocker so manche Male ein ungestörtes Arbeiten.
In der Shopverwaltung werden wir in den nächsten Wochen sämtliche Masken darauf umbauen.
POWERGAP hat bei highslide.com/ eine Commercial Unlimited Lizenz gekauft und diese Technik nun als Standard in das System fest verbaut. Für Sie also völlig kostenlos!
Im Shop selbst werden wir einige Standardfunktionen auf Highslide umstellen. Immer da wo es z.B. aus Usability Gründen für den Besucher Sinn macht die Seite besser nicht zu verlassen, sondern Formulare oder Informationen in ein Layer zu packen und den Bildhintergrund dabei zu verdunkeln.
Bereits umgesetzt ist das beim Klick auf "Details", wenn man als Besucher eingeloggt in seiner Bestellübersicht ist:
und bei den Bewertungen:
Bei diesen Beispielen können Sie schon erkennen welchen Wert das hat! Der Besucher verläßt den Artikel nicht und viele User finden auch schnell heraus, dass man das Layer nicht nur mit dem Kreuz-Symbol oben rechts schließt, sondern auch, wenn man einfach auf den abgedunkelten Bereich drum herum klickt. Das ist in der Bedienung deutlich schneller!
Welche Einstellungen kann ich vornehmen?
Zunächst über Sonstiges > Grundeinstellungen > Abschnitt 7 > Feld Highslide_Typ:
Können sie eines der 6 Variationen der Highslide-Rahmen wählen:
Das "rounded-black " oder "glossy-dark" eignet sich besonders gut für Shops mit schwarzem Hintergrund.
Im Grunde wird man bei den meisten Shops, wo z.B. Weiß als Hintergrundfarbe festgelegt ist kaum mehr einstellen müssen. Für alle die es perfektionieren wollen steht über:
die Pflege des kompletten Highslide-CSS zu Verfügung!
Wir bitten um Verständnis, das wir hierzu keinen Support bieten können, da CSS-Kenntnisse zu vermitteln einfach zu lange dauert. Sollten Sie für Ihren Shop bestimmte Einstellungen für das CSS wünschen, können Sie uns damit aber jederzeit beauftragen!
Hier für alle, die eine andere Hintergrundfarbe als Weiß nutzen der Tipp, wie man mit nur einer zusätzlichen Zeile bei Layout > Schriften/CSS > Highslide die Rahmenfarbe des Layers anpassen kann:
Highslide kann man jederzeit auch für eigene Funktionen bei z.B. in HTML-Includes oder sogar in der Artikelbeschreibung nutzen!
Im Tutorial unter highslide.com/tutorial, findet man dazu alle nötigen Anleitungen. Da die JS-Dateien, das CSS und alle dazugehörigen Grafiken schon mit dem Shop mit geladen werden, ist der Einsatz spielend einfach.
Beispiel, wie Sie einen Link auf eine Seite per IFRAME in einem Layer anzeigen können:
Mit diesem "OnClick..." im <A>-TAG ist es schon erledigt! Wenn man nicht möchte, dass der Hintergrund verdunkelt wird, dann einfach das "dimmingOpacity: 0.70," entfernen.
Möchte man aus der geöffneten Seite (IFRAME) heraus das Layer schließen so reicht ein
Ich kann hier leider nicht weiter ausholen. Es macht auch kein Sinn, da das Tutorial und auch das Forum unter highslide.com/forum/ wirklich jede erdenkliche Hilfestellung geben.
Zukunft:
Demnächst wird diese Technik noch sehr tiefgreifend in POWERGAP genutzt werden. z.B. um beim Klick zu den Versandkosten nicht mit Tooltipps zu arbeiten, oder den Kunden gar aus dem Artikel zu führen! Das gleiche auch bei gesetzlichen Sachen wie AGB, Widerrufsrecht oder Datenschutz! Hier werden wir bereits in den nächsten Wochen ohne Ankündigung diese Punkte umbauen.
Das Gleiche gilt später auch für die Bilderanzeige. Also PIC_A, PIC_B, usw.. Auf highslide.com sieht man auf der Startseite schon viele schöne Beispiele, wie effektvoll und bequem man dann die Produktfotos oder auch Filme und Flashdateien im Shop in Szene setzen kann.
viele werden schon in der Artikelverwaltungsmaske gesehen haben, dass dort Links (z.B. zur Artikelbemerkung) nicht mehr in einem Popup, sondern einem schicken Layer aufgehen.
Nicht nur, dass es moderner aussieht, es hat natürlich auch Vorteile in der Bedienung. Popups erzeugen neue Tasks oder Browser-Tabs. Bei großen Bildschirmauflösungen platzieren sich diese oft weit weg vom Hauptverwaltungsfenster und die Maus muss lange Wege gehen. Dann verhindern noch lästige Popup-Blocker so manche Male ein ungestörtes Arbeiten.
In der Shopverwaltung werden wir in den nächsten Wochen sämtliche Masken darauf umbauen.
POWERGAP hat bei highslide.com/ eine Commercial Unlimited Lizenz gekauft und diese Technik nun als Standard in das System fest verbaut. Für Sie also völlig kostenlos!
Im Shop selbst werden wir einige Standardfunktionen auf Highslide umstellen. Immer da wo es z.B. aus Usability Gründen für den Besucher Sinn macht die Seite besser nicht zu verlassen, sondern Formulare oder Informationen in ein Layer zu packen und den Bildhintergrund dabei zu verdunkeln.
Bereits umgesetzt ist das beim Klick auf "Details", wenn man als Besucher eingeloggt in seiner Bestellübersicht ist:
und bei den Bewertungen:
Bei diesen Beispielen können Sie schon erkennen welchen Wert das hat! Der Besucher verläßt den Artikel nicht und viele User finden auch schnell heraus, dass man das Layer nicht nur mit dem Kreuz-Symbol oben rechts schließt, sondern auch, wenn man einfach auf den abgedunkelten Bereich drum herum klickt. Das ist in der Bedienung deutlich schneller!
Welche Einstellungen kann ich vornehmen?
Zunächst über Sonstiges > Grundeinstellungen > Abschnitt 7 > Feld Highslide_Typ:
Können sie eines der 6 Variationen der Highslide-Rahmen wählen:
rounded-white (Standard): | rounded-black  |
beveled: | outer-glow: |
glossy-dark: | drop-shadow: |
Das "rounded-black " oder "glossy-dark" eignet sich besonders gut für Shops mit schwarzem Hintergrund.
Im Grunde wird man bei den meisten Shops, wo z.B. Weiß als Hintergrundfarbe festgelegt ist kaum mehr einstellen müssen. Für alle die es perfektionieren wollen steht über:
die Pflege des kompletten Highslide-CSS zu Verfügung!
Wir bitten um Verständnis, das wir hierzu keinen Support bieten können, da CSS-Kenntnisse zu vermitteln einfach zu lange dauert. Sollten Sie für Ihren Shop bestimmte Einstellungen für das CSS wünschen, können Sie uns damit aber jederzeit beauftragen!
Hier für alle, die eine andere Hintergrundfarbe als Weiß nutzen der Tipp, wie man mit nur einer zusätzlichen Zeile bei Layout > Schriften/CSS > Highslide die Rahmenfarbe des Layers anpassen kann:
Highslide kann man jederzeit auch für eigene Funktionen bei z.B. in HTML-Includes oder sogar in der Artikelbeschreibung nutzen!
Im Tutorial unter highslide.com/tutorial, findet man dazu alle nötigen Anleitungen. Da die JS-Dateien, das CSS und alle dazugehörigen Grafiken schon mit dem Shop mit geladen werden, ist der Einsatz spielend einfach.
Beispiel, wie Sie einen Link auf eine Seite per IFRAME in einem Layer anzeigen können:
<a onclick="return hs.htmlExpand(this, { objectType: 'iframe', width: 600, height: 400, dimmingOpacity: 0.70, align: 'center' } )" href="blabla.html">hier Klicken</a>
Mit diesem "OnClick..." im <A>-TAG ist es schon erledigt! Wenn man nicht möchte, dass der Hintergrund verdunkelt wird, dann einfach das "dimmingOpacity: 0.70," entfernen.
Möchte man aus der geöffneten Seite (IFRAME) heraus das Layer schließen so reicht ein
<a href="javascript:;" class="close" onclick="parent.window.hs.close();" title="Close">Close</a>
Ich kann hier leider nicht weiter ausholen. Es macht auch kein Sinn, da das Tutorial und auch das Forum unter highslide.com/forum/ wirklich jede erdenkliche Hilfestellung geben.
Zukunft:
Demnächst wird diese Technik noch sehr tiefgreifend in POWERGAP genutzt werden. z.B. um beim Klick zu den Versandkosten nicht mit Tooltipps zu arbeiten, oder den Kunden gar aus dem Artikel zu führen! Das gleiche auch bei gesetzlichen Sachen wie AGB, Widerrufsrecht oder Datenschutz! Hier werden wir bereits in den nächsten Wochen ohne Ankündigung diese Punkte umbauen.
Das Gleiche gilt später auch für die Bilderanzeige. Also PIC_A, PIC_B, usw.. Auf highslide.com sieht man auf der Startseite schon viele schöne Beispiele, wie effektvoll und bequem man dann die Produktfotos oder auch Filme und Flashdateien im Shop in Szene setzen kann.