How to limit the amounts of products to show in Product Bundle

I have a little problem when I try to modify the amount of items to show in ProductBundle.
I update this file oro_product_list.yml

PHP

- '@setOption': layout: actions: - '@setBlockTheme': themes: 'oro_product_list.html.twig' - '@setOption': id: __products optionName: slider_options optionValue: { adaptiveHeight: true, arrows: true, dots: true, slidesToShow: 6, slidesToScroll: 6, responsive: [ {breakpoint: 1100, settings: {slidesToShow: 6, arrows: true}}, {breakpoint: 993, settings: {slidesToShow: 4, arrows: true}}, {breakpoint: 641, settings: {slidesToShow: 3, slidesToScroll: 1, dots: true, arrows: true}}, {breakpoint: 415, settings: {slidesToShow: 1, slidesToScroll: 1, dots: false, arrows: true}}]}

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

- '@setOption': layout:     actions:     - '@setBlockTheme':     themes: 'oro_product_list.html.twig'     - '@setOption':             id: __products             optionName: slider_options             optionValue: {                   adaptiveHeight: true,                 arrows: true,                 dots: true,                 slidesToShow: 6,                 slidesToScroll: 6,                     responsive: [                         {breakpoint: 1100, settings: {slidesToShow: 6, arrows: true}},                         {breakpoint: 993, settings: {slidesToShow: 4, arrows: true}},                         {breakpoint: 641, settings: {slidesToShow: 3, slidesToScroll: 1, dots: true, arrows: true}},                         {breakpoint: 415, settings: {slidesToShow: 1, slidesToScroll: 1, dots: false, arrows: true}}]}

But … when is loading the page load first 4 items and then 6, do you know whats is the problem or if
I have to update other file?
Thanks

Topic

[Valerii YustyniukParticipant]

Hi, Estefa!
You should update width of slider items using scss match to amount of items.
It is might be easy just rewrite that variable in your own theme.

Sass

$embedded-list-tiles-item-width: 100% / 6;

1	$embedded-list-tiles-item-width: 100% / 6;

Styles for slider located here:
embedded-list.scss
/embedded-list-config.scss

[Author]

Replies