Not a bug Carousel body show 4 won't be displayed

Yenxji

Yenxji

Active member
Affected version
2.3
I tried changing from show2 to show4 at widget_featured_content


Before:
Code: 
<ul class="carousel-body carousel-body--show2" data-xf-init="carousel">


After:
Code: 
<ul class="carousel-body carousel-body--show4" data-xf-init="carousel">

It shows just one grid (carousel-body--show4)
1721584453941.webp

Two grid (carousel-body--show2) ( This is unchanged and default by XenForo template )
1721584697588.webp

This is XenForo 2.3 and Resource Manager 2.3 on localhost
 
Last edited:
That's never worked. You can set --xf-slidesPerPage instead though.

Less: 
[data-widget-key="some_widget"] .carousel-body
{
    @media (min-width: 700px)
    {
        --xf-slidesPerPage: 4;
    }
}
 
Jeremy P said:
That's never worked. You can set --xf-slidesPerPage instead though.

Less: 
[data-widget-key="some_widget"] .carousel-body
{
    @media (min-width: 700px)
    {
        --xf-slidesPerPage: 4;
    }
}
Click to expand...
Thanks for the info, unfortunately, it doesn't show grid more than 4x page, I added this to extra.less

Also, I have reset of template widget_featured_content from carousel-body--show4 to carousel-body--show2, still no lucky
 
It works for me, but I should have clarified that you'll need to replace some_widget with the widget key of the widget you're trying to change.
 
Jeremy P said:
It works for me, but I should have clarified that you'll need to replace some_widget with the widget key of the widget you're trying to change.
Click to expand...
Thank you, one problem is that I have added features more than 11 total, but the feature doesn't want to have more grids of lSPager lSpg that shows 2 lists only

1723507767232.webp
 
Okay, I have changed from 4 to 5 at --xf-slidesPerPage, and happened just because lSPager can no longer show anymore, this may be a bug right?

1723509372131.webp
 
There is no simple option for XF 2.2, which uses a different carousel library. You would have to write custom CSS.
 
Back
Top Bottom