Das ist unser Blog

ALLES RUND UM DAS THEMA
E-COMMERCE


Alles, was du über das BILDSLIDER-WIDGET wissen musst

26.01.2019 11:07

Liebe easyTemplate360-Freunde, wir haben ein neues Pro-Widget (=Premium Feature für die Freelizenzen) released, um Bilder aller Art als Slides darzustellen: das Bildslider-Widget.

Egal, ob du ein easyTemplate360-Kenner bist, ein begeisterter Contentmacher oder beides. In diesem Beitrag erfährst du Schritt für Schritt, wie du das Bildslider-Widget innerhalb von wenigen Minuten zu deinem Onlineshop hinzufügen kannst.

Lass uns anfangen:

  1. Öffne deinen Onlineshop.
  2. Rufe das Backend auf.
  3. Suche dir die gewünschte Seite, auf der du die Slides hinzufügen möchtest.
  4. Im Bereich „INAKTIVE WIDGETS“ kannst du durch das Plus (+) das Bildslider-Widget zu deiner Seite hinzufügen bzw. aktivieren.

easyTemplate360 Bildslider Inaktive Widgets

  1. Jetzt kannst du Slides anlegen. Mit "Neuen Slide hinzufügen" legst du neue Slides an. Du kannst die Reihenfolge per Drag&Drop anpassen.

easyTemplate360 Bildslider Neuen Slide hinzufuegen

  1. GLOBALE EINSTELLUNGEN

easyTemplate360 Bildslider globale Einstellungen

6.1 Überschrift

Hier legst du die optionale Überschrift für den Slider fest.

easyTemplate360 Bildslider Ueberschrift

6.2 Anzeige-Modus

Mit dem Anzeige-Modus kannst du auswählen, ob der Slider innerhalb des Contenthauptbereichs oder über die volle Breite angezeigt werden soll.

Anzeige-Modus: Boxed
easyTemplate360 Bildslider Anzeige Modus Boxed

Anzeige-Modus: Full-Size Fluid
easyTemplate360 Bildslider Anzeige Modus Full Size Fluid

6.3 Effekt-Stil

Hier kannst du Effekte am Slider einstellen.

→ Hoverfarbe: Die Bilder werden schwarz-weiß dargestellt und erhalten beim Hover Farbe.

→ Hoverfarbe invertiert: Die Bilder werden farbig dargestellt und werden beim Hover schwarz-weiß.


Effekt-Stil: Standard
easyTemplate360 Bildslider Effekt Stil Standart

Effekt-Stil: Hoverfarbe
easyTemplate360 Bildslider Effekt Stil Hoverfarbe

Effekt-Stil: Hoverfarbe invertiert
easyTemplate360 Bildslider Effekt Stil Hoverfarbe invertiert

6.4 Pfeil-Navigation anzeigen

Legt fest, ob die Pfeile links und rechts vom Slider zum Scrollen des Sliders angezeigt werden.

Pfeil-Navigation AN
easyTemplate360 Bildslider Pfeil Navigation AN

Pfeil-Navigation AUS
easyTemplate360 Bildslider Pfeil Navigation AUS

6.5 Bubble-Navigation anzeigen

Legt fest, ob unterhalb des Sliders Navigations-Punkte angezeigt werden.

Bubble-Navigation AN
easyTemplate360 Bildslider Bubble Navigation AN

Bubble-Navigation AUS
easyTemplate360 Bildslider Bubble Navigation AUS

6.6 Autoplay aktivieren

Legt fest, ob der Slider automatisch slidet.

6.7 Autoplay Intervall (ms)

Legt bei aktiviertem Autoplay das Intervall in Millisekunden fest, in dem die Slides sliden.

6.8 Adaptive Höhe

Ist diese Option aktiviert, ändert der Slider automatisch die Höhe auf den aktuell höchsten angezeigten Slide. Ansonsten hat der Slider die Höhe des allgemein höchsten Slide. (Wir empfehlen dir, nur einheitlich große Bilder im Slider zu verwenden.)

6.9 Centermode

Diese Einstellung bewirkt, dass der Slider die Darstellung so ändert, dass ein Slide als zentral angesehen wird und angrenzende, noch nicht sichtbare Slides angeteasert werden.

Centermode AN
easyTemplate360 Bildslider Centermode AN

Centermode AUS
easyTemplate360 Bildslider Centermode AUS

6.10 Slide-Abstände

Mit dieser Einstellung kannst du wählen, ob Abstände zwischen den Slides gezeigt werden sollen oder ob die Bilder direkt aneinandergrenzen sollen.

Slide-Abstände AN
easyTemplate360 Bildslider Slide Abstaende AN

Slide-Abstände AUS
easyTemplate360 Bildslider Slide Abstaende AUS

6.11 Sichtbare Slides (Mobile/Tablet hoch/quer/Desktop)

Hier kannst du die Anzahl sichtbarer Slides pro Breakpoint festlegen.

  1. PRO SLIDE

7.1 Bildauswahl

Hier legst du das Bild für den Slide fest.

7.2 Alt-Text

Hier legst du den Alt-Text für das Bild fest.

7.3 Link

Hier kannst du optional den Slide verlinken.

→ siehe auch Dynamische Verlinkung

easyTemplate360 Bildslider Link

Erweitere die Möglichkeiten deines easyTemplates360 mit diesem wundervollen Widget und erschaffe somit noch mehr Individualität.

Mit diesem wundervollen Widget kannst du deinen Onlineshop noch individueller gestalten.

Du weißt noch nicht, was du brauchst?

WIR BERATEN DICH GERNE

Vereinbare entweder einen Rückruf mit uns, oder ruf uns einfach direkt an.


Du erreichst uns unter:
030 / 403 649 890