//========================================
// HOME INDEX BANNER SLIDER
//========================================
$('.home-index-slider').slick({
dots: false,
fade: true,
infinite: true,
autoplay: true,
arrows: true,
speed: 600,
prevArrow: '',
nextArrow: '',
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
}
}
]
});
//========================================
// HOME GRID BANNER SLIDER
//========================================
$('.home-grid-slider').slick({
dots: true,
fade: false,
infinite: true,
autoplay: true,
arrows: true,
speed: 600,
prevArrow: '',
nextArrow: '',
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
}
}
]
});
//========================================
// HOME CATEGORY BANNER SLIDER
//========================================
$('.home-category-slider').slick({
dots: true,
fade: true,
infinite: true,
autoplay: true,
arrows: true,
speed: 500,
prevArrow: '',
nextArrow: '',
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
}
}
]
});
//========================================
// HOME CLASSIC BANNER SLIDER
//========================================
$('.home-classic-slider').slick({
dots: false,
fade: false,
infinite: true,
draggable : false, //드래그 가능 여부
autoplay: true,
arrows: true,
speed: 300,
prevArrow: '',
nextArrow: '',
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
}
}
]
});
//========================================
// FOR SUGGEST CATEGORY SLIDER
//========================================
$('.suggest-slider').slick({
dots: false,
infinite: true,
autoplay: true,
arrows: true,
speed: 1000,
prevArrow: '',
nextArrow: '',
slidesToShow: 5,
slidesToScroll: 2,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
arrows: false,
}
}
]
});
//========================================
// FOR NEW PRODUCT SLIDER
//========================================
$('.new-slider').slick({
dots: false,
infinite: true,
autoplay: true,
arrows: true,
speed: 800,
prevArrow: '',
nextArrow: '',
slidesToShow: 5,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 4,
slidesToScroll: 2,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: true,
arrows: false,
}
}
]
});
//========================================
// FOR CATEGORY SLIDER
//========================================
$('.category-slider').slick({
dots: false,
infinite: true,
autoplay: true,
arrows: true,
speed: 800,
prevArrow: '',
nextArrow: '',
slidesToShow: 5,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 5,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
variableWidth: true,
arrows: false,
}
}
]
});
//========================================
// BRAND SLIDER
//========================================
$('.brand-slider').slick({
dots: false,
infinite: true,
autoplay: false,
arrows: true,
speed: 800,
prevArrow: '',
nextArrow: '',
slidesToShow: 5,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
variableWidth: true,
arrows: false,
}
}
]
});
//========================================
// BLOG CARD SLIDER
//========================================
$('.blog-slider').slick({
dots: false,
infinite: true,
autoplay: false,
arrows: true,
speed: 800,
prevArrow: '',
nextArrow: '',
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
}
}
]
});
//========================================
// TESTIMONIAL SLIDER
//========================================
$('.testimonial-slider').slick({
dots: false,
infinite: true,
autoplay: false,
arrows: true,
fade: false,
speed: 1000,
centerMode: true,
centerPadding: '250px',
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
centerPadding: '250px',
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
centerPadding: '130px',
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
centerPadding: '40px',
}
},
{
breakpoint: 576,
settings: {
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
centerPadding: '10px',
}
}
]
});
$('.testi-slider').slick({
dots: false,
infinite: true,
autoplay: false,
arrows: true,
speed: 800,
prevArrow: '',
nextArrow: '',
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
//========================================
// TEAM SLIDER
//========================================
$('.team-slider').slick({
dots: false,
infinite: true,
autoplay: false,
arrows: true,
speed: 800,
prevArrow: '',
nextArrow: '',
slidesToShow: 4,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
//========================================
// ISOTOPE SLIDER
//========================================
$('.isotope-slider').slick({
dots: false,
infinite: true,
autoplay: false,
arrows: true,
speed: 800,
prevArrow: '',
nextArrow: '',
slidesToShow: 5,
slidesToScroll: 2,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 2,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
}
]
});
//========================================
// FOR PRODUCT POPUP VIEW IMAGE SLIDER
//========================================
$('.preview-slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: true,
asNavFor: '.thumb-slider',
prevArrow: '',
nextArrow: '',
responsive: [
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
}
}
]
});
$('.thumb-slider').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.preview-slider',
dots: false,
arrows: false,
centerMode: true,
focusOnSelect: true,
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 400,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
}
]
});
//========================================
// FOR PRODUCT DETAILS IMAGE SLIDER
//========================================
$('.details-preview').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.details-thumb',
prevArrow: '',
nextArrow: '',
responsive: [
{
breakpoint: 576,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
}
}
]
});
$('.details-thumb').slick({
slidesToShow: 5,
slidesToScroll: 1,
asNavFor: '.details-preview',
dots: false,
arrows: false,
focusOnSelect: true,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 5,
slidesToScroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
vertical: false,
}
},
{
breakpoint: 400,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
vertical: false,
}
}
]
});