Liebe Kolleginnen und Kollegen.
In JTL Shop 5.3.1 Evo-Slider erhielt zusätzliche Parameter wie $displayCounts
Ich konnte nirgendwo eine Anleitung finden, wie man diesen Parameter über CSS richtig nutzt.
Wenn zuvor die Anzahl der Slide für verschiedene Breakpoints in jtl.evo.js festgelegt haben, galt diese Bedingung global für alle derartigen Sliders auf der Site.
Und jetzt gibt es eine Bedingung
{if !empty($displayCounts)}
{$style = "--display-count-sm:`$displayCounts[0]`;--display-count-md:`$displayCounts[1]`;
--display-count-lg:`$displayCounts[2]`;--display-count-xl:`$displayCounts[3]`"}
{/if}
Wenn ich richtig denke, verwende ich jetzt einen Standard-Produkt-Slider, man kann mehrere Slider auf einer Seite/Webseite anpassen
Zum Beispiel Slider 1
#slider1 .slick-type-product {
--display-count-sm: 2;
--display-count-md: 3;
--display-count-lg: 5;
--display-count-xl: 7;'
}
Slider 2
#slider2 .slick-type-product {
--display-count-sm: 1;
--display-count-md: 2;
--display-count-lg: 3;
--display-count-xl: 4;'
}
Aber so funktioniert es nicht. Es bedeutet, dass ich etwas Falsches verwende
In JTL Shop 5.3.1 Evo-Slider erhielt zusätzliche Parameter wie $displayCounts
Ich konnte nirgendwo eine Anleitung finden, wie man diesen Parameter über CSS richtig nutzt.
Wenn zuvor die Anzahl der Slide für verschiedene Breakpoints in jtl.evo.js festgelegt haben, galt diese Bedingung global für alle derartigen Sliders auf der Site.
Und jetzt gibt es eine Bedingung
{if !empty($displayCounts)}
{$style = "--display-count-sm:`$displayCounts[0]`;--display-count-md:`$displayCounts[1]`;
--display-count-lg:`$displayCounts[2]`;--display-count-xl:`$displayCounts[3]`"}
{/if}
Wenn ich richtig denke, verwende ich jetzt einen Standard-Produkt-Slider, man kann mehrere Slider auf einer Seite/Webseite anpassen
Zum Beispiel Slider 1
#slider1 .slick-type-product {
--display-count-sm: 2;
--display-count-md: 3;
--display-count-lg: 5;
--display-count-xl: 7;'
}
Slider 2
#slider2 .slick-type-product {
--display-count-sm: 1;
--display-count-md: 2;
--display-count-lg: 3;
--display-count-xl: 4;'
}
Aber so funktioniert es nicht. Es bedeutet, dass ich etwas Falsches verwende