تصویر شیرین عبدالهی

همانطور که از اسم این ماژول پیداست، این ماژول با views کار کرده بنابراین کار کردن با آن و فیلتر کردن محتوایی که میخواهیم از آن اسلایدر بسازیم را به مراتب راحت تر میکند.که در اینجا نحوه ی استفاده و کانفیگ کردن ماژول توضیح داده شده است.

در این پست میخواهیم برای اسلایدر یک پیجر افقی به شکل زیر قرار دهیم.

برای این کار در فیلد ها Global: View result counter را خروجی میگیریم و در pager مربوط به تنظیمات اسلایدشو، pager type را به صورت fields قرار داده و pager fields را  Global: View result counter انتخاب میکنیم.

با انجام این مرحله، پیجری به صورت عددی به اسلایدر ما اضافه میشود که میتوان با دادن استایل به آن، به شکل مورد نظر تغییرش داد.

#block-views-slider-block {
    position: relative;
    max-width: 100%;
    width: auto;
    .views-field-counter{
        display: inline-block;
        width: 17px;
        height:17px;
        float: left;
        background: url('../images/slider/pager.png') no-repeat;
        font-size:0;
        margin: 0 5px 0 0;
        cursor: pointer;
        z-index: 999;
        position: relative;
        &.active{
            .views-field-counter{
                background-image: url('../images/slider/pager-active.png');
            }
        }
    }
}

 

افزودن نظر جدید