Neu Produktdetailseite / Darstellung Anzahl Artikel Cross-Selling

[matteodelmulino]

Hallo,

ich möchte auf meiner Produktdetailseite die Anzahl der angezeigten X-Sellingprodukte bei Auflösung >576 auf 1 Stück und bei Auflösung >768 auf 2 Stück im scrollbaren Sichtbereich begrenzen.
In der jtl.evo.js habe ich folgenden Code gefunden, der für die Anzahl der angezeigten Artikel zuständig sein könnte:

                'product-slider' : {
                    rows:           0,
                    arrows:         false,
                    lazyLoad:       'ondemand',
                    slidesToShow:   displayCounts[0] || 2,
                    slidesToScroll: displayCounts[0] || 2,
                    mobileFirst:    true,
                    responsive:     [
                        {
                            breakpoint: 768,
                            settings: {
                                slidesToShow: displayCounts[1] || 3,
                                slidesToScroll: displayCounts[1] || 3,
                            }
                        },
                        {
                            breakpoint: 992,
                            settings: {
                                slidesToShow: displayCounts[2] || 5,
                                slidesToScroll: displayCounts[2] || 5,
                                arrows: true,
                            }
                        },
                        {
                            breakpoint: 1300,
                            settings: {
                                slidesToShow: displayCounts[3] || 7,
                                slidesToScroll: displayCounts[3] || 7,
                                arrows: true,
                            }
                        }
                    ]
                }

Bin ich der Lösung auf der Spur oder liege ich komplett falsch? Kann ich Änderungen der jtl.evo.js in die custom.js meines Templates einbinden?

'product-slider' : {
    rows:           0,
    arrows:         false,
    lazyLoad:       'ondemand',
    slidesToShow:   displayCounts[0] || 2,
    slidesToScroll: displayCounts[0] || 2,
    mobileFirst:    true,
    responsive:     [
        {
            breakpoint: 576,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        },
        {
            breakpoint: 768,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2
            }
        },
        {
            breakpoint: 992,
            settings: {
                slidesToShow: displayCounts[2] || 5,
                slidesToScroll: displayCounts[2] || 5,
                arrows: true,
            }
        },
        {
            breakpoint: 1300,
            settings: {
                slidesToShow: displayCounts[3] || 7,
                slidesToScroll: displayCounts[3] || 7,
                arrows: true,
            }
        }
    ]
}

1000 Dank für jegliche Unterstützung.

Beste Grüße,

Matthias