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.
Featured Produkte anzeigen Zeigen Sie Featured Produkte an, falls es kein Rabattprodukt gibt.
Animieren CSS-Bibliothek laden Animieren CSS-Bibliothek laden
Swiper JS-Bibliothek laden Swiper JS-Bibliothek laden

Produktoptionen

Einstellung Wert
Produkttitel CSS Produkttitel CSS einfügen
Example:
 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
Example:
fadeIn
Produktbeschreibung anzeigen Produktbeschreibung anzeigen oder ausblenden
Produktbeschreibung CSS Produktbeschreibung CSS einfügen
Example:
 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.
Example:
fadeIn
Produktpreis CSS Produktpreis CSS einfügen
Example:
 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.
Example:
fadeIn
Produktrabatt-Beschreibung anzeigen Produktrabatt-Beschreibung anzeigen oder ausblenden
Produktrabatt-Beschreibung CSS Produktrabatt-Beschreibung CSS einfügen
Example:
 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.
Example:
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
Example:
 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.
Example:
fadeIn
Button Titel Button Titel einfügen
Button Linktyp (Produktansicht) Button Linktyp wählen
Button CSS Button CSS einfügen
Example:
 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.
Example:
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
Example:
 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.
Example:
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
Example:
 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.
Example:
fadeIn
Überspringen der Anzeige von Tagen Überspringen der Anzeige von Tagen im Countdown-Timer. Wenn ja, werden Tage in Stunden konvertiert und als Stunden angezeigt.
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.
Example:
kenburnsBottomLeft
Produktanzahl (1 | 2 | 3 | 4 | 5) Produktanzahl, die in der Sliedshow angezeigt werden soll, festlegen.

 

Einstellung Wert
Layout Ein Layout vom Modul oder ein Template-Override verwenden.

Phoca Cart Sales Countdown Timer Modul v4.0.0 (22.02.2022)