The order of the XStore Brands on a page

This topic has 4 replies, 2 voices, and was last updated 1 months, 2 weeks ago ago by Jack Richardson

  • Avatar: martijntje
    martijntje
    Participant
    October 20, 2025 at 08:05

    Hi,

    Is it possible to change the order of the XStore brands via the widget Brands List?

    We can change the order by dragging the brand to another position, but after saving it is still on the same position.

    Tnx.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 20, 2025 at 08:31

    Hello @martijntje,

    By default, items from such brands are displayed in alphabetical order, and there is no option to change this display order.

    Best regards,
    The 8Theme Team

    Avatar: martijntje
    martijntje
    Participant
    October 22, 2025 at 14:24

    Hi – tnx.

    But the brands are not in alphabetical order?

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 22, 2025 at 15:00

    Hello @martijntje,

    The items are displayed in alphabetical order (see: https://gyazo.com/e86e50838f6c700cea96e9abf7d58137). However, according to the masonry scripts, they are arranged based on the available empty spaces.

    You may try adding the following custom CSS and check the results: https://gyazo.com/14ec2aa659eed4fe672e7438592efe62

    .et-isotope-item.brand-list-item {
        position: relative !important;
        left: unset !important;
        top: unset !important;
        float: left;
        flex: 1 1 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .et-masonry-filters.et-isotope.brand-list {
        position: static !important;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    .et-masonry-filters.et-isotope.brand-list .work-item {
        width: 25%;
    }
    
    @media only screen and (max-width: 992px) {
        .et-masonry-filters.et-isotope.brand-list .work-item {
            width: 33.33%;
        }
    }

    Best regards,
    Jack Richardson
    8Theme Team

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.