Skip to content

Would it be possible to use the slider element (pagebuilder) like a product slider?

I want to use the slider element as a product slider, but instead of products, I want to show images and buttons in each slide. Currently the slider element shows the content of each slide in full width. I want to extend the slider so that it would also be possible to indicate how many slides to show. A possible solution could be, via css classes, to limit the width of each slider via css, but that does not really seem like a viable/robust solution.
I kinda want to fix it like the product slider

                <var name="options">
                    <var name="products">
                        <var name="default">
                            <var name="slidesToShow">4</var>
                        </var>
                        <var name="continuous">
                            <var name="slidesToShow">4</var>
                        </var>
                    </var>
                </var>

I cant seem to find where and how the Slider element is initialized. Would this be possible to do?