Multifunctional Desktop Metal Bracket
Description
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
Multifunctional Desktop Metal Bracket
________________________________
সাজেস্টেড প্রাইস :
Join As Dropshipper to See Price
________________________________
-
Gallery
-
Description
-
Reviews 0
-
Add to cart
Product details of Multifunctional Desktop Metal Bracket
Product information
⚠ 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: Metal Bracket
Categories: A-Z: All Products, Mobile Holder
Related products
-
Baseus Adaman 22.5w 20000mAh Quick Charge Power BankRated 5.00 out of 5
Join As Dropshipper to See Price
-
Out of stockPure Essential Oil For Humidifier Fragrance Aroma Diffuser (6pcs Package)
Join As Dropshipper to See Price
-
Out of stockMicrophone Table Stand (NB-35)
Join As Dropshipper to See Price
-
Octopus Tripod With Ball Head- Best For DSLR Or Smartphone Vlogging & Table StandRated 4.00 out of 5
Join As Dropshipper to See Price
var cgkit_elem = document.querySelector( ‘.summary form.cart’ );
var cgkit_clone = cgkit_elem.cloneNode( true );
cgkit_clone.classList.add( ‘commercekit_sticky-atc’ );
cgkit_elem.classList.add( ‘commercekit_sticky-atc-origin’ );
if ( cgkit_clone.classList.contains( ‘grouped_form’ ) ) {
var cgkit_gtmp = document.querySelector( ‘#cgkit-atc-grouped-tmp’ );
if ( cgkit_gtmp ) {
var gtmp_html = cgkit_gtmp.innerHTML;
var gfrm_html = cgkit_clone.innerHTML;
gtmp_html = gtmp_html.replace( ‘{CGKIT-SATC-GROUPED-TABLE}’, gfrm_html );
cgkit_clone.innerHTML = gtmp_html;
}
}
cgkit_elem.after(cgkit_clone);
if ( cgkit_clone.classList.contains( ‘variations_form’ ) ) {
var var_tbl = cgkit_clone.querySelector(‘table.variations’);
if ( var_tbl ) {
var var_tbl_wrp = document.createElement( ‘div’ );
var_tbl_wrp.classList.add( ‘commercekit-pdp-variation-table’ )
var_tbl.parentNode.insertBefore( var_tbl_wrp, var_tbl );
var_tbl_wrp.appendChild( var_tbl );
}
}
if ( cgkit_clone.classList.contains( ‘grouped_form’ ) ) {
var grp_tbl = cgkit_clone.querySelector(‘table.group_table’);
if ( grp_tbl ) {
var grp_tbl_wrp = document.createElement( ‘div’ );
grp_tbl_wrp.classList.add( ‘commercekit-pdp-grouped-form’ )
grp_tbl.parentNode.insertBefore( grp_tbl_wrp, grp_tbl );
grp_tbl_wrp.appendChild( grp_tbl );
}
}
if ( cgkit_clone.classList.contains( ‘bundle_form’ ) ) {
var bndl_data = cgkit_clone.querySelector( ‘.bundle_data’ );
if ( bndl_data ) {
var bndl_id = bndl_data.getAttribute( ‘data-bundle_id’ );
if ( bndl_id ) {
bndl_data.setAttribute( ‘data-bundle_id’, bndl_id + ‘2’ );
}
var bndl_id2 = bndl_data.getAttribute( ‘data-bundle-id’ );
if ( bndl_id2 ) {
bndl_data.setAttribute( ‘data-bundle-id’, bndl_id2 + ‘2’ );
}
}
}
/*
var cgkit_styles = ‘@media (min-width: 993px) {.summary form.cart.commercekit_sticky-atc { top: -‘+cgkit_clone.clientHeight+’px; } }’;
var cgkit_css = document.createElement( ‘style’ );
cgkit_css.type = ‘text/css’;
if ( cgkit_css.styleSheet ) {
cgkit_css.styleSheet.cssText = cgkit_styles;
} else {
cgkit_css.appendChild( document.createTextNode( cgkit_styles ) );
}
document.getElementsByTagName( ‘head’ )[0].appendChild( cgkit_css );
*/
var cgkit_image = cgkit_clone.querySelector( ‘.cgkit-sticky-atc-image img’ );
if ( cgkit_image ) {
cgkit_image.classList.add( ‘wp-post-image-cgas’ );
var cgkit_image_data = ”;
cgkit_clone.setAttribute( ‘data-images’, cgkit_image_data );
}
window.addEventListener( ‘click’, function( event ) {
var elem = event.target;
var elemp = elem.closest( ‘.sticky-atc_button’ );
if ( elem.classList.contains( ‘sticky-atc_button’ ) || elemp ) {
event.stopPropagation();
event.preventDefault();
if ( cgkit_elem.classList.contains( ‘bundle_form’ ) ) {
window.scroll( {
behavior: ‘smooth’,
left: 0,
top: cgkit_get_element_offset_top(cgkit_elem),
} );
} else {
document.querySelector( ‘body’ ).classList.toggle( ‘sticky-atc-open’ );
}
return;
}
if ( typeof makeTouchstartWithClick === ‘function’ ) {
makeTouchstartWithClick( event );
}
canRunClickFunc = false;
} );
var cgkit_elemp = cgkit_elem.closest( ‘form.cart’ || cgkit_elemp );
if ( cgkit_elem.classList.contains( ‘cart’ ) ) {
document.querySelector( ‘body’ ).classList.remove( ‘sticky-atc-open’ );
}
var specifiedElement = document.getElementsByClassName(‘commercekit_sticky-atc’)[0];
document.addEventListener( ‘click’, function( event ) {
var isClickInside = specifiedElement.contains( event.target );
if ( ! isClickInside && event.screenX && event.screenX != 0 && event.screenY && event.screenY != 0 ) {
document.querySelector( ‘body’ ).classList.remove( ‘sticky-atc-open’ );
}
} );
var cgkit_stickycontainer = document.getElementsByClassName(‘commercekit-sticky-add-to-cart’)[0];
if( cgkit_stickycontainer ) {
function cgkit_add_class_on_scroll() {
cgkit_stickycontainer.classList.add( ‘visible’ );
}
function cgkit_remove_class_on_scroll() {
cgkit_stickycontainer.classList.remove( ‘visible’ );
}
window.addEventListener( ‘scroll’, function() {
cgkit_scrollpos = window.scrollY;
if ( cgkit_scrollpos > 150 ) {
cgkit_add_class_on_scroll();
} else {
cgkit_remove_class_on_scroll();
}
});
window.addEventListener( ‘scroll’, function( e ) {
if ( window.innerHeight + window.pageYOffset === document.documentElement.offsetHeight ) {
cgkit_remove_class_on_scroll();
}
});
document.addEventListener( ‘scroll’, function(e) {
if ( ( window.innerHeight + window.scrollY ) >= document.body.scrollHeight ) {
cgkit_remove_class_on_scroll();
}
});
}
function cgkit_synchronize_variation_forms( cgkit_select ) {
var cgkit_form = cgkit_select.closest( ‘form’ );
var cgkit_form_clone = null;
var cgkit_select_clone = null;
if( cgkit_form.classList.contains( ‘commercekit_sticky-atc-origin’ ) ) {
cgkit_select_clone = document.querySelector( ‘form.commercekit_sticky-atc select[name=”‘+cgkit_select.getAttribute(‘name’)+'”]’ );
cgkit_form_clone = cgkit_select_clone.closest( ‘form’ );
} else {
cgkit_select_clone = document.querySelector( ‘form.commercekit_sticky-atc-origin select[name=”‘+cgkit_select.getAttribute(‘name’)+'”]’ );
cgkit_form_clone = cgkit_select_clone.closest( ‘form’ );
}
if ( cgkit_select_clone ){
if ( cgkit_select.value == cgkit_select_clone.value ) {
return;
} else {
cgkit_select_clone.value = cgkit_select.value;
setTimeout( function() {
if( jQuery ) {
jQuery( cgkit_select_clone ).change();
} else {
cgkit_select_clone.dispatchEvent( new Event(‘change’) );
}
if ( typeof cgkitUpdateAvailableAttributes === ‘function’ ) {
setTimeout(function(){
cgkitUpdateAvailableAttributes(cgkit_form_clone);
var cgkit_swatches = cgkit_form_clone.querySelectorAll(‘.cgkit-attribute-swatches’);
var is_image_updated = false;
cgkit_swatches.forEach(function(cgkit_swatch){
var cgkit_sel_swatche = cgkit_swatch.querySelector(‘.cgkit-swatch.cgkit-swatch-selected’);
if( cgkit_sel_swatche ){
cgkitUpdateAttributeSwatch2(cgkit_sel_swatche);
cgkitUpdateAttributeSwatchImage(cgkit_sel_swatche);
var var_img = cgkit_sel_swatche.getAttribute( ‘data-gimg_id’ );
if ( var_img ) {
is_image_updated = true;
}
} else {
var no_selection = cgkit_swatch.getAttribute(‘data-no-selection’);
var text_tr = cgkit_swatch.closest(‘tr’);
var text_obj = text_tr ? text_tr.querySelector(‘.cgkit-chosen-attribute’) : null;
if( text_obj ){
text_obj.innerHTML = no_selection;
text_obj.classList.add(‘no-selection’);
}
}
});
var vimg_id = cgkit_form_clone.getAttribute(‘current-image’);
if( ! is_image_updated && vimg_id != ” ){
is_image_updated = true;
}
if ( ! is_image_updated ) {
cgkitClearAttributeSwatchImage(cgkit_form_clone);
cgkitClearAttributeSwatchImage(cgkit_form);
}
}, 100);
}
}, 100 );
}
}
}
function cgkit_synchronize_input_qty( cgkit_input ) {
var cgkit_form = cgkit_input.closest( ‘form’ );
var cgkit_input_clone = null;
if( cgkit_form.classList.contains( ‘commercekit_sticky-atc-origin’ ) ) {
cgkit_input_clone = document.querySelector( ‘form.commercekit_sticky-atc input.qty[name=”‘+cgkit_input.getAttribute(‘name’)+'”]’ );
} else {
cgkit_input_clone = document.querySelector( ‘form.commercekit_sticky-atc-origin input.qty[name=”‘+cgkit_input.getAttribute(‘name’)+'”]’ );
}
if ( cgkit_input_clone ){
if ( cgkit_input.value == cgkit_input_clone.value ) {
return;
} else {
cgkit_input_clone.value = cgkit_input.value;
setTimeout( function() {
if( jQuery ) {
jQuery( cgkit_input_clone ).change();
} else {
cgkit_input_clone.dispatchEvent( new Event(‘change’) );
}
}, 100 );
}
}
}
function loadQATC(){
if( jQuery ) {
jQuery( ‘body’ ).on( ‘change’, ‘form.commercekit_sticky-atc-origin .variations select, form.commercekit_sticky-atc .variations select’, function() {
cgkit_synchronize_variation_forms( this );
});
jQuery( ‘body’ ).on( ‘change’, ‘form.commercekit_sticky-atc-origin input.qty, form.commercekit_sticky-atc input.qty’, function() {
cgkit_synchronize_input_qty( this );
});
}
}
const QATCUserInteractionEvents = [‘mouseover’, ‘keydown’, ‘touchstart’, ‘touchmove’, ‘wheel’];
QATCUserInteractionEvents.forEach(function(event) {
window.addEventListener(event, triggerQATCScriptLoader, {
passive: !0
})
});
function triggerQATCScriptLoader() {
loadQATCScripts();
QATCUserInteractionEvents.forEach(function(event) {
window.removeEventListener(event, triggerQATCScriptLoader, {
passive: !0
})
})
}
function loadQATCScripts() {
loadQATC();
}
var cgkit_tab_click = false;
var cgkit_tab_click_id = 0;
window.addEventListener( ‘click’, function( event ) {
var elem = event.target;
var elemp = elem.closest( ‘.commercekit-atc-tab’ );
if ( elem.classList.contains( ‘commercekit-atc-tab’ ) || elemp ) {
event.preventDefault();
if( elemp ){
var tid = elemp.getAttribute(‘data-id’);
var cid = elemp.getAttribute(‘href’);
} else {
var tid = elem.getAttribute(‘data-id’);
var cid = elem.getAttribute(‘href’);
}
var wctab = document.querySelector( tid + ‘ > a’ );
if( wctab ){
wctab.click();
window.dispatchEvent(new Event(‘resize’));
}
var sticky_tab = document.querySelector( tid + ‘-title’ );
if( sticky_tab ){
cgkit_sticky_tabs_activate( sticky_tab );
}
cgkit_tab_click = true;
if ( ! cgkit_tab_click_id ) {
cgkit_tab_click_id = setTimeout( function(){ cgkit_tab_click = false; cgkit_tab_click_id = 0; }, 1000 );
} else {
clearTimeout( cgkit_tab_click_id );
cgkit_tab_click_id = setTimeout( function(){ cgkit_tab_click = false; cgkit_tab_click_id = 0; }, 1000 );
}
if( cid == ‘#’ ){
window.scroll( {
behavior: ‘smooth’,
left: 0,
top: 0,
} );
return;
}
var wctabc = document.querySelector(cid);
if( wctabc ){
window.scroll( {
behavior: ‘smooth’,
left: 0,
top: cgkit_get_element_offset_top( wctabc ),
} );
}
return;
}
} );
var cgkit_tablis = document.querySelectorAll( ‘ul.wc-tabs li’ );
cgkit_tablis.forEach( function( cgkit_tabli ) {
var cgkit_tabli_obsr = new MutationObserver( ( changes ) => {
changes.forEach( change => {
if ( change.attributeName.includes( ‘class’ ) ) {
if ( cgkit_tabli.classList.contains( ‘active’ ) ) {
var tab_id = cgkit_tabli.getAttribute( ‘id’ );
tab_id = ‘#cgkit-‘ + tab_id;
var tab_li = document.querySelector( tab_id );
if ( tab_li ) {
var tablis = document.querySelectorAll( ‘ul.commercekit-atc-tab-links li’ );
tablis.forEach( function( tabli ) {
tabli.classList.remove( ‘active’ );
} );
tab_li.classList.add( ‘active’ );
}
}
}
} );
} );
cgkit_tabli_obsr.observe( cgkit_tabli, { attributes : true } );
} );
var cgkit_body = document.querySelector( ‘body’ );
var cgkit_body_obsr = new MutationObserver( ( changes ) => {
changes.forEach( change => {
if ( change.attributeName.includes( ‘class’ ) ) {
if ( cgkit_body.classList.contains( ‘drawer-open’ ) && cgkit_body.classList.contains( ‘sticky-atc-open’ ) ) {
cgkit_body.classList.remove( ‘sticky-atc-open’ );
}
}
} );
} );
cgkit_body_obsr.observe( cgkit_body, { attributes : true } );
var first_tab = document.querySelector( ‘ul.commercekit-atc-tab-links li:first-child’ );
if( first_tab ) {
first_tab.classList.add( ‘active’ )
}
var cgkit_sticky_tabs = document.querySelector( ‘#commercekit-atc-tabs-wrap’ );
if ( cgkit_sticky_tabs ) {
document.addEventListener( ‘scroll’, function(e) {
if ( cgkit_tab_click ) {
return
}
var sticky_start = cgkit_get_element_offset_top( cgkit_sticky_tabs );
var cgkit_gallery = document.querySelector( ‘#cgkit-tab-commercekit-gallery-title’ );
if ( window.pageYOffset = tab_start && window.pageYOffset < tab_end ) {
cgkit_sticky_tabs_activate( tab_link );
cgkit_tab_activated = true;
return;
}
} );
if ( ! cgkit_tab_activated ) {
cgkit_sticky_tabs_activate( null );
}
});
}
function cgkit_sticky_tabs_activate( tab_link ) {
if ( tab_link ) {
if ( tab_link.classList.contains( 'active' ) ) {
return;
}
}
var sticky_tabs = document.querySelectorAll( 'ul.commercekit-atc-tab-links li' );
sticky_tabs.forEach( function( sticky_tab ) {
sticky_tab.classList.remove( 'active' )
} );
if ( tab_link ) {
tab_link.classList.add( 'active' );
tab_link.parentNode.scrollTo( { left: tab_link.offsetLeft, behavior: 'smooth' } );
}
}
var cgkit_sticky_bar = document.querySelector( '.commercekit-atc-sticky-tabs' );
if ( cgkit_sticky_bar ) {
document.querySelector( 'body' ).classList.add( 'ckit_stickyatc_active' );
var cgkit_sticky_pos = cgkit_sticky_bar.offsetTop;
document.addEventListener( 'scroll', function(e){
if ( cgkit_sticky_bar.offsetTop != cgkit_sticky_pos ) {
cgkit_sticky_bar.classList.add( 'commercekit-atc-stuck' );
} else {
cgkit_sticky_bar.classList.remove( 'commercekit-atc-stuck' );
}
cgkit_sticky_pos = cgkit_sticky_bar.offsetTop;
});
}
function cgkit_get_element_offset_top( elem ) {
var offsetTop = 0;
while ( elem ) {
offsetTop += elem.offsetTop;
elem = elem.offsetParent;
}
var cgkit_sticky_bar = document.querySelector( '.commercekit-atc-sticky-tabs' );
if ( cgkit_sticky_bar ) {
offsetTop = offsetTop – cgkit_sticky_bar.clientHeight;
}
if ( window.innerWidth {
e.preventDefault();
if ( ! cgkitMouseDown ) {
return;
}
const cgkitX = e.pageX – cgkit_scroll_bar.offsetLeft;
const cgkitScroll = cgkitX – cgkitStartX;
cgkit_scroll_bar.scrollLeft = cgkitScrollLeft – cgkitScroll;
if ( cgkitMouseMoveCount >= 10 ) {
cgkit_scroll_bar.classList.add( ‘cgkit-dragging’ );
} else {
cgkitMouseMoveCount++;
}
});
cgkit_scroll_bar.addEventListener( ‘mousedown’, cgkitStartDragging, false );
cgkit_scroll_bar.addEventListener( ‘mouseup’, cgkitStopDragging, false );
cgkit_scroll_bar.addEventListener( ‘mouseleave’, cgkitStopDragging, false );
}
document.addEventListener( ‘scroll’, function( e ) {
var button = document.querySelector( ‘.summary form.cart .single_add_to_cart_button’ );
if ( button ) {
var rect = button.getBoundingClientRect();
var rect_top = 0;
var cgkit_sticky_hdr = document.querySelector( ‘body.sticky-m header.site-header’ );
if ( cgkit_sticky_hdr && window.innerWidth <= 992 ) {
rect_top = cgkit_sticky_hdr.clientHeight;
}
if ( ( rect.bottom – rect_top ) < 0 ) {
document.querySelector( 'body' ).classList.add( 'cta-off-screen' );
} else {
document.querySelector( 'body' ).classList.remove( 'cta-off-screen' );
}
}
} );
.product.product-type-yith_bundle form.commercekit_sticky-atc .quantity-nav { height: 52px; }
Reviews (0)
Be the first to review “Multifunctional Desktop Metal Bracket”
You must be logged in to post a review.
Related products
Home
Carts
Offers
Account
Reviews
There are no reviews yet.