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
Hoco J85 Power Bank 20000mAh
________________________________
সাজেস্টেড প্রাইস :
Join As Dropshipper to See Price
________________________________
- Capacity: 20,000mAh (74Wh)
- Rated Capacity: 11,800mAh
- Output: USB 1 / 2: 5V / 2A
- Total Output: 5V / 2A
- Display: LED digital display
- Material: ABS + PC flame-retardant shell + lithium polymer battery cell
- 7 days replacement warranty
-
Gallery
-
Description
-
Reviews 0
-
Add to cart
Hoco J85 Power Bank 20000mAh Price in Bangladesh
Specifications :
- J85 Wellspring, mobile power bank, 20000mAh, Micro-USB / Type-C input, dual USB 2A output, with LED digital display
- Capacity: 20000mAh, 74Wh. Rated capacity: 11800mAh.
- Input: Micro-USB / Type-C – 5V / 2A.
- Output: USB 1 / 2 – 5V / 2A. Total output: 5V / 2A.
- Display: LED digital display.
- Material: ABS + PC flame-retardant shell + lithium polymer battery cell.
- Sizes: 138*70*28mm. Weight: 418g.
⚠ Module cannot be rendered as the requested content is not (longer) accessible. Contact the administrator to get access.
Reviews
There are no reviews yet.
Your email address will not be published. Required fields are marked *
Rate…
Perfect
Good
Average
Not that bad
Very poor
Your review *
Name *
Email *
Save my name, email, and website in this browser for the next time I comment.
Add to cart
SKU: Hoco J85
Categories: A-Z: All Products, Power Bank
Related products
-
Out of stockXiaomi Air Humidifier- Ultrasonic Air Purifying Mist Maker (5 Liter, Deerma DEM-F600)- White Color
Join As Dropshipper to See Price
-
360 Degree Mobile Holder With Cold Shoe Mount For Extra Microphone Or Led Light
Join As Dropshipper to See Price
-
Out of stockGearUp DQ701 Flame Effect Air Humidifier Oil Fragrance Aromatherapy Diffuser With Night Light-Black
Join As Dropshipper to See Price
-
GearUP G9 Neckband Magnetic Metal Earphone With Good Quality Microphone
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.