Wir haben per OPC einen Block mit 2-spaltigem Grid angelegt: Linke Spalte Text, rechte Spalte ein Product Stream (mit Text und Preis).
Da in der "halben" Spalte weniger Platz ist, die Spalten bei sm und md aber einspaltig werden, haben wir für alle 4 Settings eingestellt, dass 2 Produkte im Stream angezeigt werden sollen.
Bei voller Desktopgröße sind es aber 4 - obwohl bei XL "2" konfiguriert ist.
Grund (findet man mit dem Inspector im Quelltext):
Der Breakpoint "XL" (1457.98) wird mit "slidesToShow" = 4 überschrieben, obwohl im Portlet 2 steht!
Da in der "halben" Spalte weniger Platz ist, die Spalten bei sm und md aber einspaltig werden, haben wir für alle 4 Settings eingestellt, dass 2 Produkte im Stream angezeigt werden sollen.
Bei voller Desktopgröße sind es aber 4 - obwohl bei XL "2" konfiguriert ist.
Grund (findet man mit dem Inspector im Quelltext):
JSON:
{"nextArrow": "#et-product-slider-next-74a9422a0c9c0242f9ff6695e37dd623",
"prevArrow": "#et-product-slider-prev-74a9422a0c9c0242f9ff6695e37dd623",
"slidesToShow": 4,
"autoplay": false,
"slidesToScroll": 1,
"adaptiveHeight": true,
"responsive": [{ "breakpoint": 1457.98,
"settings": { "slidesToShow": 4,
"slidesToScroll": 1 }},
{ "breakpoint": 1231.98,
"settings": { "slidesToShow": 2,
"slidesToScroll": 1 }},
{ "breakpoint": 833.98,
"settings": { "slidesToShow": 2,
"slidesToScroll": 1 }},
{ "breakpoint": 661.98,
"settings": { "slidesToShow": 2,
"slidesToScroll": 1 }}],
"lazyload": "ondemand"}
Der Breakpoint "XL" (1457.98) wird mit "slidesToShow" = 4 überschrieben, obwohl im Portlet 2 steht!