width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
ul.swiper-wrapper {
padding: 0;
margin: 0;
}
ul.swiper-wrapper li.swiper-slide {
list-style: none;
margin: 0;
}
.cg-main-swiper {
height: auto;
width: 100%;
position: relative;
}
.swiper-slide img {
display: block;
width: 100%;
height: auto;
}
.gallery-hide {
display: none;
}
.gallery-show {
display: block;
}
.elementor-invisible {
visibility: visible;
}
div.cgkit-play, div.cgkit-play svg {
position:absolute;
font-size:100%;
border-radius:100px;
top:50%;
left:50%;
width:40px;
height:40px;
transform:translate(-50%,-50%);
z-index:10;
transition: 0.2s all;
}
div.cgkit-play:hover {
background-color:rgba(0,0,0,.5);
}
div.cgkit-play:active, div.cgkit-play:focus {
outline:0;
border:none;
-moz-outline-style:none;
}
div.cg-main-swiper div.cgkit-play, div.cg-main-swiper div.cgkit-play svg,
div.pswp__scroll-wrap div.cgkit-play, div.pswp__scroll-wrap div.cgkit-play svg {
width:60px;
height:60px;
}
div.cg-main-swiper div.cgkit-play svg,
div.pswp__scroll-wrap div.cgkit-play svg {
width:80px;
height:80px;
}
div.cgkit-iframe-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
div.cgkit-iframe-wrap iframe {
position: absolute;
top: 0;
left: 1px;
width: 100%;
height: 100%;
}
div.cgkit-video-wrap {
position: relative;
width: 100%;
}
div.cgkit-video-wrap video {
display: block;
width: 100%;
height: auto;
object-fit: fill;
-o-object-fit: fill;
}
div.pswp__scroll-wrap div.cgkit-video-wrap {
width: auto;
height: 100%;
margin: 0 auto;
}
div.pswp__scroll-wrap div.cgkit-video-wrap video {
width: auto;
height: 100%;
}
div.cgkit-video-wrap div.cgkit-play {
display: none;
}
div.cgkit-video-wrap:hover div.cgkit-play,
div.cgkit-video-wrap div.cgkit-play.not-autoplay {
display: block;
}
div#elementor-lightbox-slideshow-single-img {
display: none !important;
}
/* Full screen video on mobile */
@media (max-width: 770px) {
div.pswp__scroll-wrap div.cgkit-video-wrap {
width: auto !important; /* safari */
display: flex;
align-items: center;
}
div.pswp__scroll-wrap div.cgkit-video-wrap video {
height: auto !important;
}
}
@media (min-width: 771px) {
.cg-layout-grid-2-4 ul.swiper-wrapper,
.cg-layout-grid-3-1-2 ul.swiper-wrapper,
.cg-layout-grid-1-2-2 ul.swiper-wrapper {
display: grid;
gap: 10px;
}
.cg-layout-grid-2-4 ul.swiper-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.cg-layout-grid-3-1-2 ul.swiper-wrapper {
grid-template-columns: repeat(6, 1fr);
}
.cg-layout-grid-1-2-2 ul.swiper-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.cg-layout-grid-2-4 ul li.swiper-slide,
.cg-layout-grid-3-1-2 ul li.swiper-slide,
.cg-layout-grid-1-2-2 ul li.swiper-slide {
margin: 0;
padding: 0;
list-style: none;
}
.cg-layout-grid-1-2-2 ul li.swiper-slide {
grid-column: span 1;
}
.cg-layout-grid-2-4 ul li.swiper-slide:last-child:nth-child(odd) {
grid-column: span 2;
}
.cg-layout-grid-3-1-2 ul li.swiper-slide {
grid-column: span 3;
order: 5;
}
.cg-layout-grid-3-1-2 ul li.swiper-slide:nth-child(1) {
grid-column: span 6;
order: 4;
}
.cg-layout-grid-3-1-2 ul li.swiper-slide:nth-child(2) {
grid-column: span 2;
order: 1;
}
.cg-layout-grid-3-1-2 ul li.swiper-slide:nth-child(3) {
grid-column: span 2;
order: 2;
}
.cg-layout-grid-3-1-2 ul li.swiper-slide:nth-child(4) {
grid-column: span 2;
order: 3;
}
.cg-layout-grid-3-1-2 ul li.swiper-slide:nth-child(5) {
grid-column: span 3;
}
.cg-layout-grid-3-1-2 ul li.swiper-slide:nth-child(6) {
grid-column: span 3;
}
.cg-layout-grid-3-1-2 ul li.swiper-slide:last-child:nth-child(odd) {
grid-column: span 6;
}
.cg-layout-grid-1-2-2 ul li.swiper-slide:nth-child(1) {
grid-column: span 2;
}
.cg-layout-grid-1-2-2 ul li.swiper-slide:last-child:nth-child(even) {
grid-column: span 2;
}
.load-more-images {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 1rem;
margin: 0px auto;
width: auto;
z-index: 2;
background-color: #000000;
color: #ffffff;
padding: 10px 30px;
border-radius: 25px;
font-size: 14px;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
display: none;
}
ul.swiper-wrapper li.swiper-slide.more-images {
display: none;
}
/* Sticky summary area */
.product-details-wrapper {
overflow: visible;
display: flex;
justify-content: space-between;
}
.single-product #page div.product .summary {
position: sticky;
top: 30px;
align-self: flex-start;
}
.single-product #page .commercekit-sticky-add-to-cart + .summary.entry-summary {
top: 70px;
}
.admin-bar.single-product #page .commercekit-sticky-add-to-cart + .summary.entry-summary {
top: 100px;
}
.sticky-t.single-product:not(.ckit_stickyatc_active) #page div.product .summary {
top: 90px;
}
.admin-bar.single-product #page div.product .summary {
top: 60px;
}
.sticky-t.admin-bar.single-product:not(.ckit_stickyatc_active) #page div.product .summary {
top: 120px;
}
.cg-grid-layout .swiper-button-next,
.cg-grid-layout .swiper-button-prev,
.cg-grid-layout .cg-thumb-swiper {
display: none;
}
}
@media (max-width: 770px) {
.cg-grid-layout ul.cg-main-swiper li.swiper-slide {
width: 100%;
}
.cg-grid-layout .swiper-button-next.swiper-button-disabled,
.cg-grid-layout .swiper-button-prev.swiper-button-disabled {
visibility: hidden;
}
.cg-grid-layout .cg-thumbs-3.cg-thumb-swiper .swiper-slide { width: 33.3333%; }
.cg-grid-layout .cg-thumbs-4.cg-thumb-swiper .swiper-slide { width: 25%; }
.cg-grid-layout .cg-thumbs-5.cg-thumb-swiper .swiper-slide { width: 20%; }
.cg-grid-layout .cg-thumbs-6.cg-thumb-swiper .swiper-slide { width: 16.6666%; }
.cg-grid-layout .cg-thumbs-7.cg-thumb-swiper .swiper-slide { width: 14.2857%; }
.cg-grid-layout .cg-thumbs-8.cg-thumb-swiper .swiper-slide { width: 12.5%; }
.cg-grid-layout .swiper-container:not(.swiper-container-initialized) .swiper-button-prev {
visibility: hidden;
}
.cg-grid-layout .cg-thumbs-count-2:not(.swiper-container-initialized) .swiper-wrapper,
.cg-grid-layout .cg-thumbs-count-3:not(.swiper-container-initialized) .swiper-wrapper {
justify-content: center;
}
/*
#commercegurus-pdp-gallery-wrapper {
padding: 0 5px;
}*/
#commercegurus-pdp-gallery.cg-grid-layout {
position: relative;
margin-left: -5px;
margin-right: -5px;
}
.cg-grid-layout .cg-thumb-swiper.swiper-container {
margin-top: 10px;
margin-left: -5px;
width: calc(100% + 10px);
}
.cg-grid-layout .cg-thumb-swiper.swiper-container:not(.swiper-container-initialized) {
margin-top: 5px;
}
.cg-grid-layout .cg-thumb-swiper .swiper-slide {
padding-left: 5px;
padding-right: 5px;
background-color: transparent;
}
.cg-grid-layout .load-more-images {
display: none;
}
.cg-grid-layout ul.swiper-wrapper li.swiper-slide.more-images {
display: none;
}
.cg-grid-layout .swiper-button-next,
.cg-grid-layout .swiper-button-prev {
visibility: hidden;
}
div.cg-main-swiper div.cgkit-video-wrap.autoplay div.cgkit-play svg,
div.pswp__scroll-wrap div.cgkit-video-wrap.autoplay div.cgkit-play svg {
display: none !important;
}
div.cgkit-video-wrap.autoplay div.cgkit-play {
width: 100% !important;
height: 100% !important;
border-radius: 0px !important;
}
div.cgkit-video-wrap.autoplay div.cgkit-play:hover {
background: none !important;
}
div.cgkit-video-wrap.autoplay video {
display: block !important;
}
div.cgkit-video-wrap.autoplay img {
display: none !important;
}
}
.cg-layout-horizontal .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: auto;
}
.cg-layout-horizontal .swiper-slide-imglink {
height: auto;
width: 100%;
}
.cg-layout-horizontal .swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.cg-layout-horizontal .cg-main-swiper {
height: auto;
width: 100%;
}
.cg-layout-horizontal .cg-thumb-swiper {
height: 20%;
box-sizing: border-box;
}
.cg-layout-horizontal .cg-thumb-swiper .swiper-slide {
height: 100%;
opacity: 0.4;
}
.cg-layout-horizontal .cg-thumb-swiper .swiper-slide-thumb-active {
opacity: 1;
}
.cg-layout-horizontal .swiper-button-next, .cg-layout-horizontal .swiper-button-prev {
background-image: none;
visibility: visible;
}
.cg-layout-horizontal .cg-swiper-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(–swiper-preloader-color,var(–swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.cg-layout-horizontal .swiper-button-next.swiper-button-disabled,
.cg-layout-horizontal .swiper-button-prev.swiper-button-disabled {
visibility: hidden;
}
.cg-layout-horizontal .cg-thumbs-3.cg-thumb-swiper .swiper-slide { width: 33.3333%; }
.cg-layout-horizontal .cg-thumbs-4.cg-thumb-swiper .swiper-slide { width: 25%; }
.cg-layout-horizontal .cg-thumbs-5.cg-thumb-swiper .swiper-slide { width: 20%; }
.cg-layout-horizontal .cg-thumbs-6.cg-thumb-swiper .swiper-slide { width: 16.6666%; }
.cg-layout-horizontal .cg-thumbs-7.cg-thumb-swiper .swiper-slide { width: 14.2857%; }
.cg-layout-horizontal .cg-thumbs-8.cg-thumb-swiper .swiper-slide { width: 12.5%; }
.pswp button.pswp__button {
background-color: transparent;
}
.cg-layout-horizontal .swiper-container:not(.swiper-container-initialized) .swiper-button-prev {
visibility: hidden;
}
.cg-layout-horizontal .cg-thumbs-count-2:not(.swiper-container-initialized) .swiper-wrapper,
.cg-layout-horizontal .cg-thumbs-count-3:not(.swiper-container-initialized) .swiper-wrapper {
justify-content: center;
}
#commercegurus-pdp-gallery {
margin-left: -5px;
margin-right: -5px;
}
.cg-layout-horizontal .cg-thumb-swiper.swiper-container {
margin-left: -5px;
width: calc(100% + 10px);
}
.cg-layout-horizontal .cg-thumb-swiper .swiper-slide {
padding-left: 5px;
padding-right: 5px;
background-color: transparent;
}
.site-content .cg-layout-horizontal ul li.swiper-slide {
margin: 0;
}
/* SVG Arrows */
#commercegurus-pdp-gallery.cg-layout-horizontal .swiper-button-next:after,
#commercegurus-pdp-gallery.cg-layout-horizontal .swiper-button-prev:after {
content: “”;
font-family: inherit;
font-size: inherit;
width: 22px;
height: 22px;
background: #111;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
#commercegurus-pdp-gallery.cg-layout-horizontal .swiper-button-next,
#commercegurus-pdp-gallery.cg-layout-horizontal .swiper-button-prev {
width: 42px;
height: 42px;
margin-top: -21px;
background: hsla(0, 0%, 100%, 0.75);
transition: background 0.5s ease;
border-radius: 0.25rem;
cursor: pointer;
}
#commercegurus-pdp-gallery.cg-layout-horizontal .swiper-button-next:hover,
#commercegurus-pdp-gallery.cg-layout-horizontal .swiper-button-prev:hover {
background: #fff;
}
#commercegurus-pdp-gallery.cg-layout-horizontal .swiper-button-prev:after,
#commercegurus-pdp-gallery.cg-layout-horizontal .swiper-button-next:after {
-webkit-mask-image: url(“data:image/svg+xml;charset=utf8,%3Csvg width=’24’ height=’24’ viewBox=’0 0 24 24′ fill=’none’ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath d=’M15 19L8 12L15 5′ stroke=’%234A5568′ stroke-width=’2′ stroke-linecap=’round’ stroke-linejoin=’round’/%3E%3C/svg%3E”);
mask-image: url(“data:image/svg+xml;charset=utf8,%3Csvg width=’24’ height=’24’ viewBox=’0 0 24 24′ fill=’none’ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath d=’M15 19L8 12L15 5′ stroke=’%234A5568′ stroke-width=’2′ stroke-linecap=’round’ stroke-linejoin=’round’/%3E%3C/svg%3E”);
}
#commercegurus-pdp-gallery.cg-layout-horizontal .swiper-button-next:after {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
#commercegurus-pdp-gallery:not(.cg-layout-horizontal) .swiper-wrapper {
height: auto !important;
transform: none !important;
}
/* Lightbox cursor */
.cg-lightbox-active .swiper-slide-imglink {
cursor: zoom-in;
}
@media (max-width: 770px) {
.swiper-container.cg-main-swiper .swiper-wrapper .swiper-slide {
display: none;
}
.swiper-container.cg-main-swiper .swiper-wrapper .swiper-slide:first-child {
display: block;
}
.swiper-container.cg-main-swiper.swiper-container-initialized .swiper-wrapper .swiper-slide {
display: flex;
}
.theme-shoptimizer #commercegurus-pdp-gallery-wrapper.ckit-mobile-pdp-gallery-active {
margin-left: -1em;
width: calc(100% + 2em);
margin-bottom: 10px;
}
.ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper {
cursor: auto !important;
height: inherit;
margin-top: 5px;
padding: 0 1em;
}
.ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper .swiper-wrapper {
display: inline-block;
width: 100%;
text-align: center;
transform: none !important;
line-height: 1em;
}
.ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper .swiper-wrapper .swiper-slide {
display: inline-block;
background: #000;
opacity: 0.2;
cursor: auto;
border-radius: 50%;
margin: 1px 2px;
max-width: 8px;
height: 8px;
padding: 0;
}
.ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
background: #555;
opacity: 1;
}
.ckit-mobile-pdp-gallery-active .swiper-button-next,
.ckit-mobile-pdp-gallery-active .swiper-button-prev {
display: none;
}
.ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper .swiper-wrapper .swiper-slide > * {
display: none !important;
}
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .swiper-wrapper.cg-psp-gallery {
display: flex;
gap: 10px;
}
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cgkit-one-slider .swiper-wrapper.cg-psp-gallery {
gap: 0px;
}
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .swiper-wrapper.cg-psp-gallery .swiper-slide {
display: flex;
flex: 0 0 91%;
}
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .swiper-wrapper.cg-psp-gallery .swiper-slide img {
display: block;
max-width: 100%;
max-height: 100%;
height: auto !important;
}
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cg-main-swiper .swiper-wrapper .swiper-slide {
display: none;
}
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cg-main-swiper .swiper-wrapper .swiper-slide:first-child,
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cg-main-swiper .swiper-wrapper .swiper-slide:nth-child(2) {
display: flex;
}
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cg-main-swiper.swiper-container-initialized .swiper-wrapper .swiper-slide {
display: flex;
}
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cg-main-swiper.swiper-container-initialized .swiper-wrapper.cg-psp-gallery {
gap: 0;
}
.ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cg-main-swiper.swiper-container-initialized .swiper-wrapper.cg-psp-gallery .swiper-slide {
flex: none;
}
.ckit-mobile-pdp-gallery-active .cgkit-one-slider .swiper-wrapper.cg-psp-gallery .swiper-slide {
flex: none;
width: 100%;
display: block !important;
}
}
Join As Dropshipper to See Price
Join As Dropshipper to See Price
RECCI RSK-W30 Transparent Wireless Speaker with RGB Light- Black Color
________________________________
সাজেস্টেড প্রাইস :
Join As Dropshipper to See Price
________________________________
- Warranty: 07 Days Replacement warranty
- Gallery
- Description
- Add to cart
RECCI RSK-W30 Transparent Wireless Speaker with RGB Light price in Bangladesh
The RECCI RSK-W30 Transparent Wireless Speaker with RGB Light is a good choice for people who are looking for a stylish and portable speaker with good sound quality.
Feature :
- It is a small, portable speaker with a transparent design.
- It has a built-in rechargeable battery that can last for up to 3 hours of playback.
- It supports Bluetooth 5.3, so you can connect it to your phone, tablet, or computer wirelessly.
- It also has a built-in microphone, so you can use it to make hands-free calls.
- It has an RGB light that can be customized to different colors and modes.
- It is a good choice for people who are looking for a stylish and portable speaker with good sound quality.
Add to cart
SKU: 1013024-BK
Categories: A-Z: All Products, Bluetooth Speaker
Related products
-
Octopus Tripod With Ball Head- Best For DSLR Or Smartphone Vlogging & Table StandRated 4.00 out of 5
Join As Dropshipper to See Price
-
Baseus Rechargeable Mini Clip Lamp For Book Reading, Aquarium, Laptop Keybaord Light Portable And Useful (DGRAD-0G)Rated 5.00 out of 5
Join As Dropshipper to See Price
-
Out of stock
Router Stand Rack 1 Pc (Made with High-Quality Material and with CNC Machine)Join As Dropshipper to See Price
-
Universal AC Remote- Digital LED 1000-in-1 (Suitable for most Air Conditioner Brands)Rated 5.00 out of 5
Join As Dropshipper to See Price
var cgkit_elem = document.querySelector( ‘.summary form.cart’ );
var cgkit_clone = cgkit_elem.cloneNode( true );
cgkit_clone.classList.add( ‘commercekit_sticky-atc’ );
cgkit_elem.classList.add( ‘commercekit_sticky-atc-origin’ );
if ( cgkit_clone.classList.contains( ‘grouped_form’ ) ) {
var cgkit_gtmp = document.querySelector( ‘#cgkit-atc-grouped-tmp’ );
if ( cgkit_gtmp ) {
var gtmp_html = cgkit_gtmp.innerHTML;
var gfrm_html = cgkit_clone.innerHTML;
gtmp_html = gtmp_html.replace( ‘{CGKIT-SATC-GROUPED-TABLE}’, gfrm_html );
cgkit_clone.innerHTML = gtmp_html;
}
}
cgkit_elem.after(cgkit_clone);
if ( cgkit_clone.classList.contains( ‘variations_form’ ) ) {
var var_tbl = cgkit_clone.querySelector(‘table.variations’);
if ( var_tbl ) {
var var_tbl_wrp = document.createElement( ‘div’ );
var_tbl_wrp.classList.add( ‘commercekit-pdp-variation-table’ )
var_tbl.parentNode.insertBefore( var_tbl_wrp, var_tbl );
var_tbl_wrp.appendChild( var_tbl );
}
}
if ( cgkit_clone.classList.contains( ‘grouped_form’ ) ) {
var grp_tbl = cgkit_clone.querySelector(‘table.group_table’);
if ( grp_tbl ) {
var grp_tbl_wrp = document.createElement( ‘div’ );
grp_tbl_wrp.classList.add( ‘commercekit-pdp-grouped-form’ )
grp_tbl.parentNode.insertBefore( grp_tbl_wrp, grp_tbl );
grp_tbl_wrp.appendChild( grp_tbl );
}
}
if ( cgkit_clone.classList.contains( ‘bundle_form’ ) ) {
var bndl_data = cgkit_clone.querySelector( ‘.bundle_data’ );
if ( bndl_data ) {
var bndl_id = bndl_data.getAttribute( ‘data-bundle_id’ );
if ( bndl_id ) {
bndl_data.setAttribute( ‘data-bundle_id’, bndl_id + ‘2’ );
}
var bndl_id2 = bndl_data.getAttribute( ‘data-bundle-id’ );
if ( bndl_id2 ) {
bndl_data.setAttribute( ‘data-bundle-id’, bndl_id2 + ‘2’ );
}
}
}
/*
var cgkit_styles = ‘@media (min-width: 993px) {.summary form.cart.commercekit_sticky-atc { top: -‘+cgkit_clone.clientHeight+’px; } }’;
var cgkit_css = document.createElement( ‘style’ );
cgkit_css.type = ‘text/css’;
if ( cgkit_css.styleSheet ) {
cgkit_css.styleSheet.cssText = cgkit_styles;
} else {
cgkit_css.appendChild( document.createTextNode( cgkit_styles ) );
}
document.getElementsByTagName( ‘head’ )[0].appendChild( cgkit_css );
*/
var cgkit_image = cgkit_clone.querySelector( ‘.cgkit-sticky-atc-image img’ );
if ( cgkit_image ) {
cgkit_image.classList.add( ‘wp-post-image-cgas’ );
var cgkit_image_data = ”;
cgkit_clone.setAttribute( ‘data-images’, cgkit_image_data );
}
window.addEventListener( ‘click’, function( event ) {
var elem = event.target;
var elemp = elem.closest( ‘.sticky-atc_button’ );
if ( elem.classList.contains( ‘sticky-atc_button’ ) || elemp ) {
event.stopPropagation();
event.preventDefault();
if ( cgkit_elem.classList.contains( ‘bundle_form’ ) ) {
window.scroll( {
behavior: ‘smooth’,
left: 0,
top: cgkit_get_element_offset_top(cgkit_elem),
} );
} else {
document.querySelector( ‘body’ ).classList.toggle( ‘sticky-atc-open’ );
}
return;
}
if ( typeof makeTouchstartWithClick === ‘function’ ) {
makeTouchstartWithClick( event );
}
canRunClickFunc = false;
} );
var cgkit_elemp = cgkit_elem.closest( ‘form.cart’ || cgkit_elemp );
if ( cgkit_elem.classList.contains( ‘cart’ ) ) {
document.querySelector( ‘body’ ).classList.remove( ‘sticky-atc-open’ );
}
var specifiedElement = document.getElementsByClassName(‘commercekit_sticky-atc’)[0];
document.addEventListener( ‘click’, function( event ) {
var isClickInside = specifiedElement.contains( event.target );
if ( ! isClickInside && event.screenX && event.screenX != 0 && event.screenY && event.screenY != 0 ) {
document.querySelector( ‘body’ ).classList.remove( ‘sticky-atc-open’ );
}
} );
var cgkit_stickycontainer = document.getElementsByClassName(‘commercekit-sticky-add-to-cart’)[0];
if( cgkit_stickycontainer ) {
function cgkit_add_class_on_scroll() {
cgkit_stickycontainer.classList.add( ‘visible’ );
}
function cgkit_remove_class_on_scroll() {
cgkit_stickycontainer.classList.remove( ‘visible’ );
}
window.addEventListener( ‘scroll’, function() {
cgkit_scrollpos = window.scrollY;
if ( cgkit_scrollpos > 150 ) {
cgkit_add_class_on_scroll();
} else {
cgkit_remove_class_on_scroll();
}
});
window.addEventListener( ‘scroll’, function( e ) {
if ( window.innerHeight + window.pageYOffset === document.documentElement.offsetHeight ) {
cgkit_remove_class_on_scroll();
}
});
document.addEventListener( ‘scroll’, function(e) {
if ( ( window.innerHeight + window.scrollY ) >= document.body.scrollHeight ) {
cgkit_remove_class_on_scroll();
}
});
}
function cgkit_synchronize_variation_forms( cgkit_select ) {
var cgkit_form = cgkit_select.closest( ‘form’ );
var cgkit_form_clone = null;
var cgkit_select_clone = null;
if( cgkit_form.classList.contains( ‘commercekit_sticky-atc-origin’ ) ) {
cgkit_select_clone = document.querySelector( ‘form.commercekit_sticky-atc select[name=”‘+cgkit_select.getAttribute(‘name’)+'”]’ );
cgkit_form_clone = cgkit_select_clone.closest( ‘form’ );
} else {
cgkit_select_clone = document.querySelector( ‘form.commercekit_sticky-atc-origin select[name=”‘+cgkit_select.getAttribute(‘name’)+'”]’ );
cgkit_form_clone = cgkit_select_clone.closest( ‘form’ );
}
if ( cgkit_select_clone ){
if ( cgkit_select.value == cgkit_select_clone.value ) {
return;
} else {
cgkit_select_clone.value = cgkit_select.value;
setTimeout( function() {
if( jQuery ) {
jQuery( cgkit_select_clone ).change();
} else {
cgkit_select_clone.dispatchEvent( new Event(‘change’) );
}
if ( typeof cgkitUpdateAvailableAttributes === ‘function’ ) {
setTimeout(function(){
cgkitUpdateAvailableAttributes(cgkit_form_clone);
var cgkit_swatches = cgkit_form_clone.querySelectorAll(‘.cgkit-attribute-swatches’);
var is_image_updated = false;
cgkit_swatches.forEach(function(cgkit_swatch){
var cgkit_sel_swatche = cgkit_swatch.querySelector(‘.cgkit-swatch.cgkit-swatch-selected’);
if( cgkit_sel_swatche ){
cgkitUpdateAttributeSwatch2(cgkit_sel_swatche);
cgkitUpdateAttributeSwatchImage(cgkit_sel_swatche);
var var_img = cgkit_sel_swatche.getAttribute( ‘data-gimg_id’ );
if ( var_img ) {
is_image_updated = true;
}
} else {
var no_selection = cgkit_swatch.getAttribute(‘data-no-selection’);
var text_tr = cgkit_swatch.closest(‘tr’);
var text_obj = text_tr ? text_tr.querySelector(‘.cgkit-chosen-attribute’) : null;
if( text_obj ){
text_obj.innerHTML = no_selection;
text_obj.classList.add(‘no-selection’);
}
}
});
var vimg_id = cgkit_form_clone.getAttribute(‘current-image’);
if( ! is_image_updated && vimg_id != ” ){
is_image_updated = true;
}
if ( ! is_image_updated ) {
cgkitClearAttributeSwatchImage(cgkit_form_clone);
cgkitClearAttributeSwatchImage(cgkit_form);
}
}, 100);
}
}, 100 );
}
}
}
function cgkit_synchronize_input_qty( cgkit_input ) {
var cgkit_form = cgkit_input.closest( ‘form’ );
var cgkit_input_clone = null;
if( cgkit_form.classList.contains( ‘commercekit_sticky-atc-origin’ ) ) {
cgkit_input_clone = document.querySelector( ‘form.commercekit_sticky-atc input.qty[name=”‘+cgkit_input.getAttribute(‘name’)+'”]’ );
} else {
cgkit_input_clone = document.querySelector( ‘form.commercekit_sticky-atc-origin input.qty[name=”‘+cgkit_input.getAttribute(‘name’)+'”]’ );
}
if ( cgkit_input_clone ){
if ( cgkit_input.value == cgkit_input_clone.value ) {
return;
} else {
cgkit_input_clone.value = cgkit_input.value;
setTimeout( function() {
if( jQuery ) {
jQuery( cgkit_input_clone ).change();
} else {
cgkit_input_clone.dispatchEvent( new Event(‘change’) );
}
}, 100 );
}
}
}
function loadQATC(){
if( jQuery ) {
jQuery( ‘body’ ).on( ‘change’, ‘form.commercekit_sticky-atc-origin .variations select, form.commercekit_sticky-atc .variations select’, function() {
cgkit_synchronize_variation_forms( this );
});
jQuery( ‘body’ ).on( ‘change’, ‘form.commercekit_sticky-atc-origin input.qty, form.commercekit_sticky-atc input.qty’, function() {
cgkit_synchronize_input_qty( this );
});
}
}
const QATCUserInteractionEvents = [‘mouseover’, ‘keydown’, ‘touchstart’, ‘touchmove’, ‘wheel’];
QATCUserInteractionEvents.forEach(function(event) {
window.addEventListener(event, triggerQATCScriptLoader, {
passive: !0
})
});
function triggerQATCScriptLoader() {
loadQATCScripts();
QATCUserInteractionEvents.forEach(function(event) {
window.removeEventListener(event, triggerQATCScriptLoader, {
passive: !0
})
})
}
function loadQATCScripts() {
loadQATC();
}
var cgkit_tab_click = false;
var cgkit_tab_click_id = 0;
window.addEventListener( ‘click’, function( event ) {
var elem = event.target;
var elemp = elem.closest( ‘.commercekit-atc-tab’ );
if ( elem.classList.contains( ‘commercekit-atc-tab’ ) || elemp ) {
event.preventDefault();
if( elemp ){
var tid = elemp.getAttribute(‘data-id’);
var cid = elemp.getAttribute(‘href’);
} else {
var tid = elem.getAttribute(‘data-id’);
var cid = elem.getAttribute(‘href’);
}
var wctab = document.querySelector( tid + ‘ > a’ );
if( wctab ){
wctab.click();
window.dispatchEvent(new Event(‘resize’));
}
var sticky_tab = document.querySelector( tid + ‘-title’ );
if( sticky_tab ){
cgkit_sticky_tabs_activate( sticky_tab );
}
cgkit_tab_click = true;
if ( ! cgkit_tab_click_id ) {
cgkit_tab_click_id = setTimeout( function(){ cgkit_tab_click = false; cgkit_tab_click_id = 0; }, 1000 );
} else {
clearTimeout( cgkit_tab_click_id );
cgkit_tab_click_id = setTimeout( function(){ cgkit_tab_click = false; cgkit_tab_click_id = 0; }, 1000 );
}
if( cid == ‘#’ ){
window.scroll( {
behavior: ‘smooth’,
left: 0,
top: 0,
} );
return;
}
var wctabc = document.querySelector(cid);
if( wctabc ){
window.scroll( {
behavior: ‘smooth’,
left: 0,
top: cgkit_get_element_offset_top( wctabc ),
} );
}
return;
}
} );
var cgkit_tablis = document.querySelectorAll( ‘ul.wc-tabs li’ );
cgkit_tablis.forEach( function( cgkit_tabli ) {
var cgkit_tabli_obsr = new MutationObserver( ( changes ) => {
changes.forEach( change => {
if ( change.attributeName.includes( ‘class’ ) ) {
if ( cgkit_tabli.classList.contains( ‘active’ ) ) {
var tab_id = cgkit_tabli.getAttribute( ‘id’ );
tab_id = ‘#cgkit-‘ + tab_id;
var tab_li = document.querySelector( tab_id );
if ( tab_li ) {
var tablis = document.querySelectorAll( ‘ul.commercekit-atc-tab-links li’ );
tablis.forEach( function( tabli ) {
tabli.classList.remove( ‘active’ );
} );
tab_li.classList.add( ‘active’ );
}
}
}
} );
} );
cgkit_tabli_obsr.observe( cgkit_tabli, { attributes : true } );
} );
var cgkit_body = document.querySelector( ‘body’ );
var cgkit_body_obsr = new MutationObserver( ( changes ) => {
changes.forEach( change => {
if ( change.attributeName.includes( ‘class’ ) ) {
if ( cgkit_body.classList.contains( ‘drawer-open’ ) && cgkit_body.classList.contains( ‘sticky-atc-open’ ) ) {
cgkit_body.classList.remove( ‘sticky-atc-open’ );
}
}
} );
} );
cgkit_body_obsr.observe( cgkit_body, { attributes : true } );
var first_tab = document.querySelector( ‘ul.commercekit-atc-tab-links li:first-child’ );
if( first_tab ) {
first_tab.classList.add( ‘active’ )
}
var cgkit_sticky_tabs = document.querySelector( ‘#commercekit-atc-tabs-wrap’ );
if ( cgkit_sticky_tabs ) {
document.addEventListener( ‘scroll’, function(e) {
if ( cgkit_tab_click ) {
return
}
var sticky_start = cgkit_get_element_offset_top( cgkit_sticky_tabs );
var cgkit_gallery = document.querySelector( ‘#cgkit-tab-commercekit-gallery-title’ );
if ( window.pageYOffset = tab_start && window.pageYOffset < tab_end ) {
cgkit_sticky_tabs_activate( tab_link );
cgkit_tab_activated = true;
return;
}
} );
if ( ! cgkit_tab_activated ) {
cgkit_sticky_tabs_activate( null );
}
});
}
function cgkit_sticky_tabs_activate( tab_link ) {
if ( tab_link ) {
if ( tab_link.classList.contains( ‘active’ ) ) {
return;
}
}
var sticky_tabs = document.querySelectorAll( ‘ul.commercekit-atc-tab-links li’ );
sticky_tabs.forEach( function( sticky_tab ) {
sticky_tab.classList.remove( ‘active’ )
} );
if ( tab_link ) {
tab_link.classList.add( ‘active’ );
tab_link.parentNode.scrollTo( { left: tab_link.offsetLeft, behavior: ‘smooth’ } );
}
}
var cgkit_sticky_bar = document.querySelector( ‘.commercekit-atc-sticky-tabs’ );
if ( cgkit_sticky_bar ) {
document.querySelector( ‘body’ ).classList.add( ‘ckit_stickyatc_active’ );
var cgkit_sticky_pos = cgkit_sticky_bar.offsetTop;
document.addEventListener( ‘scroll’, function(e){
if ( cgkit_sticky_bar.offsetTop != cgkit_sticky_pos ) {
cgkit_sticky_bar.classList.add( ‘commercekit-atc-stuck’ );
} else {
cgkit_sticky_bar.classList.remove( ‘commercekit-atc-stuck’ );
}
cgkit_sticky_pos = cgkit_sticky_bar.offsetTop;
});
}
function cgkit_get_element_offset_top( elem ) {
var offsetTop = 0;
while ( elem ) {
offsetTop += elem.offsetTop;
elem = elem.offsetParent;
}
var cgkit_sticky_bar = document.querySelector( ‘.commercekit-atc-sticky-tabs’ );
if ( cgkit_sticky_bar ) {
offsetTop = offsetTop – cgkit_sticky_bar.clientHeight;
}
if ( window.innerWidth {
e.preventDefault();
if ( ! cgkitMouseDown ) {
return;
}
const cgkitX = e.pageX – cgkit_scroll_bar.offsetLeft;
const cgkitScroll = cgkitX – cgkitStartX;
cgkit_scroll_bar.scrollLeft = cgkitScrollLeft – cgkitScroll;
if ( cgkitMouseMoveCount >= 10 ) {
cgkit_scroll_bar.classList.add( ‘cgkit-dragging’ );
} else {
cgkitMouseMoveCount++;
}
});
cgkit_scroll_bar.addEventListener( ‘mousedown’, cgkitStartDragging, false );
cgkit_scroll_bar.addEventListener( ‘mouseup’, cgkitStopDragging, false );
cgkit_scroll_bar.addEventListener( ‘mouseleave’, cgkitStopDragging, false );
}
document.addEventListener( ‘scroll’, function( e ) {
var button = document.querySelector( ‘.summary form.cart .single_add_to_cart_button’ );
if ( button ) {
var rect = button.getBoundingClientRect();
var rect_top = 0;
var cgkit_sticky_hdr = document.querySelector( ‘body.sticky-m header.site-header’ );
if ( cgkit_sticky_hdr && window.innerWidth <= 992 ) {
rect_top = cgkit_sticky_hdr.clientHeight;
}
if ( ( rect.bottom – rect_top ) < 0 ) {
document.querySelector( ‘body’ ).classList.add( ‘cta-off-screen’ );
} else {
document.querySelector( ‘body’ ).classList.remove( ‘cta-off-screen’ );
}
}
} );
.product.product-type-yith_bundle form.commercekit_sticky-atc .quantity-nav { height: 52px; }
Reviews
There are no reviews yet.