Edelstahldesign
.wpcsp_product_carousel_slider .another_carousel_header i.prev-1668931163,
.wpcsp_product_carousel_slider .another_carousel_header i.next-1668931163,
.wpcsp_product_carousel_slider .carousel_header i.prev-1668931163,
.wpcsp_product_carousel_slider .carousel_header i.next-1668931163 {
background-color:#BBBBBB;
color:#ffffff;
}
.wpcsp_product_carousel_slider .another_carousel_header i.fa-angle-left.prev-1668931163:hover,
.wpcsp_product_carousel_slider .another_carousel_header i.fa-angle-right.next-1668931163:hover,
.wpcsp_product_carousel_slider .carousel_header i.fa-angle-left.prev-1668931163:hover,
.wpcsp_product_carousel_slider .carousel_header i.fa-angle-right.next-1668931163:hover {
background-color:#9A9A9A;
color:#FFFFFF;
}
#woo-product-carousel-wrapper-1668931163 .ribbon-wrapper span.onsale {
background:#A4C741;
color:#fff;
}
#woo-product-carousel-wrapper-1668931163 .ribbon-wrapper span.wpcsp-featured {
background:#FFC500;
color:#fff;
}
#woo-product-carousel-wrapper-1668931163 .ribbon-wrapper span.wpcsp-sold-out {
background:#dd3333;
color:#fff;
}
#woo-product-carousel-wrapper-1668931163 .owl-item .item h4.product_name {
font-size:12px;
}
#woo-product-carousel-wrapper-1668931163 .owl-item .item h4.product_name a {
color:#444444;
}
#woo-product-carousel-wrapper-1668931163 .owl-item .item h4.product_name a:hover {
color:#444444;
}
#woo-product-carousel-wrapper-1668931163 .owl-item .item .price {
font-size:14px;
}
#woo-product-carousel-wrapper-1668931163 .owl-item .item .themeB_product_container {
border: 6px solid #F7F7F7;
}
#woo-product-carousel-wrapper-1668931163 .owl-item .item .themeB_product_container:hover {
border: 6px solid #ECECEC;
}
#woo-product-carousel-wrapper-1668931163 .owl-item .item .themeC_product_container:hover {
border: 1px solid #E2E2E2;
}
#woo-product-carousel-wrapper-1668931163 .price,
#woo-product-carousel-wrapper-1668931163 .price ins {
color:#276820;
}
#woo-product-carousel-wrapper-1668931163 .wpcsp_rating .woocommerce-product-rating {
color:#FFC500;
}
#woo-product-carousel-wrapper-1668931163 .woocommerce .star-rating {
font-size:1em;
}
#woo-product-carousel-wrapper-1668931163 .caption p.wpcsp_excerpt {
font-size:12px;
color:#444;
}
#woo-product-carousel-wrapper-1668931163 .owl-item .item .cart .add_to_cart_button,
#woo-product-carousel-wrapper-1668931163 .owl-item .item .cart a.added_to_cart.wc-forward {
color:#ffffff;
background-color:#BBBBBB;
border-color:#BBBBBB;
font-size:0px;
}
#woo-product-carousel-wrapper-1668931163 .owl-item .item .cart .add_to_cart_button:hover,
#woo-product-carousel-wrapper-1668931163 .owl-item .item .cart a.added_to_cart.wc-forward:hover {
background-color:#9A9A9A;
border-color:#9A9A9A;
color:#ffffff;
}
#woo-product-carousel-wrapper-1668931163 .owl-controls .owl-page.active span {
;
}
#woo-product-carousel-wrapper-1668931163 .owl-dots .owl-dot.active span {
;
}
.wpcsp_product_carousel_slider .owl-item .item h4.product_name a {
font-weight: 600;
text-decoration: none;
border: 0;
box-shadow: none;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: block;
webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.wpcsp_product_carousel_slider .themeA_product_image_container .product_thumb_link:hover img,
.wpcsp_product_carousel_slider .themeB_product_image_container .product_thumb_link:hover img,
.wpcsp_product_carousel_slider .themeC_product_image_container .product_thumb_link:hover img,
.wpcsp_product_carousel_slider .product_image_container .product_thumb_link:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
jQuery(document).ready(function($) {
var $wpcsp = $("#woo-product-carousel-wrapper-1668931163");
$wpcsp.owlCarousel({
rewind:false,
loop:true,
autoWidth:false,
responsiveClass:true,
autoplayHoverPause:false,
autoplay:true,
dots:false,
autoplayTimeout: 4000,
dotData:true,
dotsEach:false,
rtl:false,
slideBy:1,
nav:false, // set it false as we are using custom navigation
navText:['‹','›'],
smartSpeed: 900, // it smooths the transition, and it should be lower than the speed of the auto play
responsive:{
0 : {
items:1
},
350: {
items:2 },
480: {
items:3 },
600 : {
items:3 },
768:{
items:4 },
978:{
items:4 },
1198:{
items:5 }
}
});
// stop on hover but play after hover out
$wpcsp.hover(
function(){
$wpcsp.trigger('stop.owl.autoplay');
},
function(){
$wpcsp.trigger('play.owl.autoplay');
}
);
// custom navigation trigger
$(".next-1668931163").click(function(){
$wpcsp.trigger("next.owl.carousel");
});
$(".prev-1668931163").click(function(){
$wpcsp.trigger("prev.owl.carousel", [300]);
});
});