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
Fifine K420 Webcam 1440P, 2K Web Camera With Privacy Cover & Tripod
________________________________
সাজেস্টেড প্রাইস :
Join As Dropshipper to See Price
________________________________
- 500 Taka or full Payment Advance is Required.
- 6 Months Warranty
- Made in China
-
Gallery
-
Description
-
Reviews 0
-
Add to cart
Fifine K420 1440P 4MP HD Best Budget Webcam in Bangladesh
4MP HD 1440P WEBCAM – ENJOY CLEARER & TRUER COLOR IMAGES WITHOUT LAGGING:
Fifine 2K webcam with a 4-megapixel high-definition image sensor and low light correction, gives you clearer, truer, and brighter video time. As it supports 1440P(30fps) video calls, makes a happy chat with your friends without video lags. With fixed focus and a high-grade glass lens, this USB camera can get rid of the tedious focusing process and accurately capture a clear picture.
FIFINE CAMERA – A PERFECT GIFT FOR YOUR FAMILY AND FRIENDS:
A computer webcam with a mic is perfect for video conferencing, video calling, live streaming, recording, online teaching, working and learning at home, etc. Supports Windows XP SP2/7/8/10 or above, Mac OS x 10.6 or above, Chrome OS, Vista, Linux, or above systems. Fits for Skype, Zoom, OBS, YouTube, Facebook, Google Hangouts, etc instant messaging applications. (Note: Don’t fit for PS4)
MICROPHONE WITH NOISE-CANCELING FUNCTION – ENJOY CLEARER AND MORE NATURAL AUDIO:
A built-in noise-reducing mic with automatic background noise canceling helps to record your voice clearly and naturally. The video camera can rotate 360 ° horizontally, so you can adjust the webcam angle according to to need.
WITH A PRIVACY COVER & TRIPOD STAND – GIVE YOU A SAFER AND MORE CONVENIENT VIDEO LIFE:
Webcam cover effectively prevents hackers from spying on your private life and makes pc camera lens from scratch and dust. It can be clipped conveniently onto computer displays and laptop screens, or stand it on desks and other flat surfaces with an appropriate height via an adjustable tripod.
PLUG & PLAY – SPEEDY INSTALLATION NO NEED TO WAIT:
USB streaming webcam can be easily used by simply connecting it to a PC USB 2.0 data port. You don’t need to install a driver, just plug and play, no need to wait. For the warranty, we provide a 6 Months of warranty. If you have any questions, please feel free to contact us at any time.
Fifine HD 1440P Webcam Makes You Enjoy Happy Video Chat Time
A webcam with a mic can be used for video calling, conferencing, live streaming, distance teaching, recording, facial recognition, telehealth calls, working at home and learning at home, etc.
High-Definition Video Call
Computer camera with 4 million pixels high-definition image sensor, effective resolution up to 2560 * 1440P (30fps), which makes your video clearer and smoother without delay. An excellent quality video that makes you look like a professional.
Noise Reduction Microphone
Built-in noise-reducing microphone, pc webcam with microphone automatically eliminates noise and captures clearer sound even in a noisy environment.
Low-light Correction
The video webcam keeps the color on balance, automatically adjusts color and brightness for natural lighting, so you always do anything on a web camera even in dim light.
108 Degree Wide-Angle
With fixed focus and 108° wide-angle lens features, the streaming camera captures every detail of the video. Perfect for video conferencing and multi-person chat, which can give you an excellent perspective.
USB 2.0 Plug & Play
Webcam for a computer can be easily used by simply connecting it to a PC USB 2.0 data port. You don’t need to install a driver or download software, just plug and play.
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: 1009768
Categories: A-Z: All Products, Best Sellers, Free Delivery, Premium 500, Profitable Products, Ready to Boost, Web Camera
Related products
-
Out of stockBlue Yeti Microphone (Blackout Edition)- World’s #1 USB Microphone
Join As Dropshipper to See Price
-
RGB LED Flood Light- Remote Controlled IP66 Waterproof Landscape & Outdoor Lighting (50W, AC220V) – Black Color
Join As Dropshipper to See Price
-
Ulanzi MT11 Octopus Tripod For DSLR Camera & SmartphonesRated 5.00 out of 5
Join As Dropshipper to See Price
-
K9i Wireless Microphone with iPhone Converter (1:2)
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.