$50 USD for featured carousel slider addon development

MapleOne

Well-known member
Licensed customer
1. I am using the Xenforo Featured slider and I have one forum set for my featured articles.

I am looking for a way to have the Featured Slider on the main index page pulling just from the one forum containing the featured articles and I have achieved that.

Now for the request...

Each featured articles contains an image for the slider but the problem is the same 3 slides appear at every page load and my intention is to have about 150 featured articles. I am looking for a way to have random sorting instead of by date featured. So basically every time you hit the index page a different set of featured images will load from the 150. The slider would have a different sort pattern with every visit.

2. A bonus would be if I would be able to sort all tiles on the featured page in 4 per column. Right now there is one giant one, the two too slide columns and then the four slide columns start. I would require the CSS to make it 4 sliders per column from start to finish. I know this is a separate request and I'm ok paying for just the first request but if anyone reading this knows a way please post the code.
 
1. I am using the Xenforo Featured slider and I have one forum set for my featured articles.

I am looking for a way to have the Featured Slider on the main index page pulling just from the one forum containing the featured articles and I have achieved that.

Now for the request...

Each featured articles contains an image for the slider but the problem is the same 3 slides appear at every page load and my intention is to have about 150 featured articles. I am looking for a way to have random sorting instead of by date featured. So basically every time you hit the index page a different set of featured images will load from the 150. The slider would have a different sort pattern with every visit.


2. A bonus would be if I would be able to sort all tiles on the featured page in 4 per column. Right now there is one giant one, the two too slide columns and then the four slide columns start. I would require the CSS to make it 4 sliders per column from start to finish. I know this is a separate request and I'm ok paying for just the first request but if anyone reading this knows a way please post the code.

I use these css rule overrides on my website with the default style

Less:
@supports (display: grid)
{
    @media (min-width: @xf-responsiveMedium)
    {
       .template-featured_content_list .block--previews .block-body
        {
            grid-template-columns: repeat(4, 1fr) !important;
            grid-template-areas: "a a a a" !important;
        }
    }
    
    @media (min-width: @xf-responsiveMedium)
    {
        .template-featured_content_list .block--previews .block-body
        {
            > .message--articlePreview
            {
                &:nth-of-type(n)
                {
                    grid-area: unset !important;

                    .articlePreview-main
                    {
                        flex-direction: column;
                    }

                    .articlePreview-by, .ratingStarsRow
                    {
                        display: none !important;
                    }
                }
                &:first-of-type
                {
                    margin-top: 8px;

                    .articlePreview-image
                    {
                        width: 100%;
                        height: auto;

                        > img
                        {
                            height: auto;
                        }
                    }
                }
            }
        }
    }
}


this was made for a standalone featured content page, not for carousel widget

you can remove .template-featured_content_list to make it work with articles as well
 
Back
Top Bottom