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
Ulanzi VL119 RGB Handheld Video Light (19.6inch)
________________________________
সাজেস্টেড প্রাইস :
Join As Dropshipper to See Price
________________________________
- 6 months Warranty
-
Gallery
-
Description
-
Reviews 0
-
Add to cart
Ulanzi VL119 RGB Handheld Light (19.6inch) In Bangladesh
The Ulanzi VL119 RGB Handheld Light (19.6inch) is now available in Bangladesh. Get the original products at the most affordable price only at DropShop.com.bd and enjoy the quality with the promise of the best customer service in Bangladesh.
Looking for a handheld light that offers rich colors and versatile shooting options? Check out the Ulanzi VL119 RGB Handheld Light! This unit comes with a 360° full-color gamut and 20 dynamic light effects, so you can create various atmospheres to fit your needs. Whether you’re shooting product photography or artistic light painting, this light is sure to give your shots an extra pop of color. And with the built-in lithium battery, you can use it for up to 70 minutes at maximum brightness. Plus, the bottom is equipped with a 1/4” screw port, so you can easily connect it to a tripod or light stand.
The Ulanzi VL119 RGB Handheld Light (19.6inch) comes with 7 days replacement warranty for your peace of mind.
Features
- Rich Colors for Better Shots
- 360° full-color gamut, adjustable hue, saturation, and brightness
- Suitable for shooting fill light and creating various atmospheres: Product photography, Model shooting, Video shooting, Live scene, Artistic light painting, Party atmosphere
- The color temperature can be adjusted freely to match the ambient light, providing the main light or the auxiliary light
- Comes with 20 Dynamic Light Effects
- The bottom is equipped with a 1/4” screw port, which can be connected to a tripod and a light stand
- Built-in Lithium Battery: built-in 2000mAh lithium battery, can be used for 70 minutes at maximum brightness
- 7 Days Replacement Warranty if the unit has a problem.
Specification
- Brand Name: Ulanzi
- Model: VL119RGB
- Lighting Type: RGB Video Light
- Color Temperature: 2500-9000K
- Color Rendering Index: CRI95
- Number of Lamp Beads: White 38PCS, Yellow 38PCS, RGB38PCS
- Continuous Working Time: 70min at full power
- Color Temperature Version: RGB Version
- Certification: CE
- Certification : RoHS
- Product Power: 4.8W
- Working Voltage: 3.7V
- Charging Time: About 2 hours
- Battery Capacity: 2000mAh
- Weight: 205 Grams
- Lighting Angle: 120°
- Illumination: 395LUX/0.3m, 178LUX/0 .5m, 52LUX/1m
- Length : 50cm
- Origin: CN(Origin).
Package Content
- 1 x Ulanzi VL119 RGB Handheld Light
- 1 x User Manual.
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: 1012676
Categories: A-Z: All Products, Best Sellers, Free Delivery, LED Light, Premium 300, Profitable Products, Ready to Boost, RGB Light
Tag: RGB Light
Related products
-
Out of stockMicrophone Table Stand (NB-35)
Join As Dropshipper to See Price
-
Baseus Adaman 22.5w 20000mAh Quick Charge Power BankRated 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
-
Out of stockXiaomi Air Humidifier- Ultrasonic Air Purifying Mist Maker (5 Liter, Deerma DEM-F600)- White Color
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.