Parameter

Hauptoptionen

Einstellung Wert
Geschwindigkeit Animation Legen Sie die Geschwindigkeit der Animation fest
Autoplay Aktivieren oder deaktivieren des Autoplay
Geschwindigkeit Autoplay Legen Sie die Geschwindigkeit der automatischen Wiedergabe in Millisekunden fest. Sie muss größer sein als die Summe der Zeiten aller Animationen.
Vor/Zurück Aktivieren oder deaktivieren der Vor/Zurück Navigation.
Dots Aktivieren oder deaktivieren der Dots-Navigation
Höhe Legen Sie die Höhe der Slideshow fest. Zum Beispiel: '70vh'. Wird ignoriert wenn der 'Rest der Seite ausfüllen' Parameter aktiviert ist.
Rest der Seite ausfüllen (Ja | Ja (50 %) | Ja (67 %) | Ja (75 %) | Nein) Aktivieren oder deaktivieren Sie die volle Höhe. Die Slideshow füllt den Rest der Seite auf großen Bildschirmen aus.
Rest der Seite ausfüllen - Seitenverhältnis (Kleine Bildschirme) Wenn das Ausfüllen des restlichen Seitenbereichs auf großen Bildschirmen aktiviert ist, können Sie hier das Verhältnis zwischen Breite und Höhe festlegen, um die Größe auf kleinen Bildschirmen zu korrigieren.
Slideshow anzeigen(Minimale Breite) Legen Sie fest, ab welcher Breite die Slideshow angezeigt werden soll
Hintergrundbild Gewünschtes Hintergrundbild wählen. Dieses Hintergrundbild gilt für alle Slides und kann durch das Hintergrundbild jedes Slides überschrieben werden.
Hintergrundvideo Legen Sie das Hintergrundvideo fest (verwenden Sie den vollständigen Pfad, zum Beispiel: images / video.mp4). Das Video wird nur angezeigt, wenn kein Hintergrundbild und kein Hintergrundelementbild festgelegt ist.
Anzeigen (Komponente) Legen Sie die Komponente fest, in der das Karussell angezeigt werden soll. Wenn Sie mehrere Komponenten festlegen möchten, trennen Sie die einzelnen Komponenten durch Kommas (,). Zum Beispiel: com_phocacart, com_phocadownload, com_phocagallery. Leer lassen, um das Karussell überall anzuzeigen.
Anzeigen (Ansicht) Legen Sie die Ansicht fest, in der das Karussell angezeigt werden soll. Wenn Sie mehrere Ansichten festlegen möchten, trennen Sie die einzelnen Ansichten durch Kommas (,). Zum Beispiel: categories, category, item. Wenn Sie die Ansicht festlegen, muss auch die Komponente festgelegt werden. Leer lassen, um das Karussell überall anzuzeigen.
Animate CSS Bibliothek laden Animate CSS Bibliothek laden
Swiper JS Bibliothek laden Swiper JS Bibliothek laden

Produktoptionen

Einstellung Wert
Produkttitel CSS Produkttitel CSS einfügen
Beispiel:
 animation-duration: 5s;
animation-delay: 0s;
position: absolute;
left: 6%;
top: 15%;
font-size: 3vw;
z-index: 1000;
text-align: center;
color: #555;
background-color: rgba(255,255,255,0.5);
padding: 0 0.5vw;
Produkttitel-Animation Produkttitel-Animation einfügen
Beispiel:
fadeIn
Produktbeschreibung anzeigen Produktbeschreibung anzeigen oder ausblenden
Produktbeschreibung CSS Produktbeschreibung CSS einfügen
Beispiel:
 animation-duration: 5s;
animation-delay: 0s;
position: absolute;
left: 6%;
top: 25%;
font-size: 1.5vw;
z-index: 1000;
text-align: left;
color: #555;
background-color: rgba(255,255,255,0.5);
padding: 0 0.5vw;
Produktbeschreibung-Animation Produktbeschreibung-Animation einfügen.
Beispiel:
fadeIn
Produktpreis CSS Produktpreis CSS einfügen
Beispiel:
 animation-duration: 5s;
animation-delay: 0s;
position: absolute;
left: 60%;
bottom: 40%;
font-size: 3vw;
z-index: 1000;
text-align: center;
color: #fff;
background-color: rgba(0,0,0,0.5);
padding: 0 0.5vw;
Produktpreis-Animation Produktpreis-Animation einfügen.
Beispiel:
fadeIn
Produktrabatt-Beschreibung anzeigen Produktrabatt-Beschreibung anzeigen oder ausblenden
Produktrabatt-Beschreibung CSS Produktrabatt-Beschreibung CSS einfügen
Beispiel:
 animation-duration: 5s;
animation-delay: 0s;
position: absolute;
left: 60%;
bottom: 35%;
font-size: 1.5vw;
z-index: 1000;
text-align: left;
color: #fff;
background-color: rgba(0,0,0,0.5);
padding: 0 0.5vw;
Produktrabatt-Beschreibung-Animation Produktrabatt-Beschreibung-Animation einfügen.
Beispiel:
fadeIn
Lager anzeigen Lagerinformation anzeigen, oder ausblenden
Lager überprüfen Aktivieren oder deaktivieren der Lagerüberprüfung. Falls aktiviert, werden nicht vorrätige Produkte nicht angezeigt.
Lager anzeigen Lagerinformation anzeigen, oder ausblenden
Lagertext Präfix Lagertext Präfix festlegen
Lagertext Suffix Lagertext Suffix festlegen
Lager CSS Lager CSS einfügen
Beispiel:
 animation-duration: 5s;
animation-delay: 0s;
position: absolute;
left: 60%;
bottom: 30%;
font-size: 1vw;
z-index: 1000;
text-align: left;
color: #fff;
background-color: rgba(0,0,0,0.5);
padding: 0 0.5vw;
Lageranimation Lageranimation einfügen.
Beispiel:
fadeIn
Button Titel Button Titel einfügen
Button Linktyp (Produktansicht) Button Linktyp wählen
Button CSS Button CSS einfügen
Beispiel:
 animation-duration: 5s;
animation-delay: 0s;
position: absolute;
right: 5%;
bottom: 17%;
font-size: 1.5vw;
text-transform:uppercase;
font-weight: bold;
text-align: center;
z-index: 1000;
color: #fff;
background-color: #EB008A;
border-radius: 0.3vw;
padding: 1vw;
Button Animation Button Animation einfügen.
Beispiel:
fadeIn
Produktbild anzeigen Produktbild anzeigen oder verbergen
Produktbild Typ (Kleines Miniaturbild | Mittleres Miniaturbild | Großes Miniaturbild | Original Bild) Produktbild Typ festlegen
Produktbild CSS Produktbild CSS einfügen
Beispiel:
 animation-duration: 5s;
animation-delay: 2s;
position: absolute;
bottom: 20%;
left: 7%;
z-index: 1002;
Produktbildgröße CSS Produktbildgröße CSS einfügen
Produktbild-Animation Produktbild-Animation einfügen.
Beispiel:
zoomIn
Countdown-Timer-Text Präfix Countdown-Timer-Text Präfix festlegen
Countdown-Timer-Text Suffix Countdown-Timer-Text Suffix festlegen
Countdown-Timer CSS Countdown-Timer CSS einfügen
Beispiel:
 animation-duration: 5s;
animation-delay: 0s;
position: absolute;
right: 0%;
bottom: 0%;
font-size: 5vw;
text-align: right;
z-index: 1000;
width: 100%;
color: #fff;
background-color: rgba(0,0,0,0.5);
padding: 0 0.5vw;
Countdown-Timer-Animation Countdown-Timer-Animation einfügen.
Beispiel:
fadeIn
Mindestmengenregel ignorieren Wenn in den Produktrabattoptionen die Mindestmengenregel aktiviert ist (die Mindestmenge der bestellten Artikel ist größer als 1), wird das Produkt selbst in diesem Modul angezeigt, der Rabattpreis jedoch nicht. Wenn Sie diesen Parameter aktivieren, wird die Mindestmengenregel ignoriert und der Rabattpreis angezeigt. Wenn diese Option aktiviert ist, wird empfohlen, Informationen in die Produktrabattbeschreibung einzutragen, damit der Rabatt bei der Bestellung weiterer Artikel gültig ist.
Hintergrundbild Animation Hintergrundbild Animation einfügen. Zum Beispiel: 'kenburnsBottomLeft' Das Hintergrundbild can in den Produkt-Rabatt-Optionen in der Adminstration in der Produkt-Bearbeiten Ansicht festgelegt werden.
Beispiel:
kenburnsBottomLeft
Produktanzahl (1 | 2 | 3 | 4 | 5) Produktanzahl, die in der Sliedshow angezeigt werden soll, festlegen.

Stand: Phoca Cart Sales Countdown Timer Modul v3.5.5 (05.08.2020)