Home Forums Themes Support Circle Videos not showing up in category filters

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #8197
    filmart
    Supported

    Hello, in my website I used the haru videos shortcode with:
    – Filters display: show
    – Post per page: 9
    – Pagination: Load more button

    The issue is that when I move on category “CORTOMETRAGGIO” or “DOCUFILM” nothing appears.

    So, if there isn’t a video from these categories in the first 9 loaded, then if you choose one of these categories no videos will appear.

    There is a way to fix it?

    Thanks a lot in advance!

    #8206

    Hi,
    Thanks for contacting us and choosing our product!
    This issue happen when 9 first items don’t have any videos in the category.
    In this case if you don’t have too many videos, you can set Post per page is -1 to show all videos
    Or you can use Haru Video Ajax Category shortcode:
    https://prnt.sc/xkpk32
    Here is the result: https://demo.harutheme.com/circle/video-ajax-category/
    Hope this helps!

    ****
    Regards,
    HaruTheme

    #8213
    filmart
    Supported

    Hello, thanks for the fast reply!
    The “Haru Video Ajax” perfectly solve it!
    Thank you so much!

    Just another little question: is there a way to show a “loading icon” while the video list is populated?
    The videos in my page takes a little too long to be loaded, and it seems nothing happens when you hit the filter buttons.

    Thanks a lot in advance!

    #8219

    Hi,
    Now we don’t have icon when loading.
    However you can try to add this CSS code in Appearance -> Customize -> Additional CSS:

    .video-shortcode-ajax.grid .video-content .video-list {
    position: relative;
    min-height: 250px;
    }
    .video-shortcode-ajax.grid .video-content .video-list.loading::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background-color: rgba(255,255,255,.4);
    z-index: 9;
    }

    Hope this helps!

    ****
    Regards,
    HaruTheme

    #8222
    filmart
    Supported

    Thankyou so so much!!

    For who may be interested, I’ve added a spinner from fontawesome:

    
    .video-shortcode-ajax.grid .video-content .video-list {
        position: relative;
        min-height: 250px;
    }
    .video-shortcode-ajax.grid .video-content .video-list.loading::before {
        position: absolute;
        top: 25%;
        left: 50%;
        content: '\f1ce';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #333;
        font-size: 45px;
        z-index: 9;
        animation: fa-spin 2s linear infinite;
    }
    @keyframes fa-spin {
        0% {
           transform: rotate(0deg);
    	}
        100% {
           transform: rotate(360deg);
           }
    }
    #8232

    Thanks so much for your suggestion.

    ****
    Regards,
    HaruTheme

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.