Skip to content

Instantly share code, notes, and snippets.

@hssktm

hssktm/Element QuickView for Oxygen Builder

Last active September 25, 2024 03:07
Show Gist options
  • Save hssktm/d30056213f5863fe93bacf37e76b62e2 to your computer and use it in GitHub Desktop.
Save hssktm/d30056213f5863fe93bacf37e76b62e2 to your computer and use it in GitHub Desktop.
Download ZIP
Element QuickView for Oxygen Builder
Raw
Element QuickView for Oxygen Builder
/*Paste this code into a plugin like Code Snippets or the one of your choice */
function oxy_call_id_quickview() {
if (isset($_GET['quickterm']) && !empty($_GET['quickterm'])) {
return sanitize_text_field($_GET['quickterm']);
} else {
$args = array(
'post_type' => 'product',
'posts_per_page' => 1,
'orderby' => 'date',
'order' => 'ASC'
);
$products = get_posts($args);
if (!empty($products)) {
$first_product = $products[0];
return $first_product->ID;
}
}
return false;
}
function oxy_quickview_init() {
if ( class_exists( 'WooCommerce' ) ) {
global $product;
wp_enqueue_script('wc-add-to-cart-variation');
}
}
/*Element Paste Code Import JSON Oxygen Builder*/
{"component":{"id":908,"name":"ct_div_block","options":{"ct_id":908,"ct_parent":100004,"selector":"div_block-908-38","original":{"conditionspreview":"2","globalConditionsResult":true},"nicename":"Element Quick View","activeselector":false},"depth":5,"children":[{"id":1023,"name":"ct_div_block","options":{"ct_id":1023,"ct_parent":908,"selector":"div_block-1023-38","original":{"flex-direction":"row","display":"flex","align-items":"center","gap":"10","width-unit":"%","justify-content":"center","border-radius":".5","border-radius-unit":"rem","custom-attributes":[{"name":"data-quick-view","value":"[oxygen ct_sign_sha256='e1fa08f9f89ee824c447b64b5c2ca4627162e4dd75fb365200703b46b08ebcd4' data='id' ]"}],"padding-top":"10","padding-right":"10","padding-bottom":"10","padding-left":"10","background-color":"#5221c4"},"nicename":"Button QuickView","classes":["oxy-quick-btn"],"activeselector":"oxy-quick-btn"},"depth":6,"children":[{"id":1024,"name":"ct_fancy_icon","options":{"ct_id":1024,"ct_parent":1023,"selector":"fancy_icon-1024-38","original":{"icon-id":"Iconsicon-eye","icon-size":"15","icon-color":"#e5e5e5"},"nicename":"Icon (#585)"},"depth":7}]},{"id":911,"name":"ct_code_block","options":{"ct_id":911,"ct_parent":908,"selector":"code_block-911-38","original":{"code-js":"","code-css":"ol.flex-control-nav.flex-control-thumbs {\n display: flex !important;\n justify-content: center;\n align-items: center;\n position: absolute;\n bottom: 20px;\n}\n\n.woocommerce div.product .oxy-product-images div.images .flex-control-thumbs li, .woocommerce div.product div.images .flex-control-thumbs li {\n width: 12%;\n}\n\n.woocommerce div.product div.images .flex-control-thumbs li {\n min-width: 35px;\n min-height: 35px;\n}\n\n.woocommerce-product-gallery {\n height: 100%;\n}\n\n.woocommerce-product-gallery .flex-viewport {\n height: 100% !important;\n}","code-php":"<!---->","globalconditions":[]},"nicename":"Optional Code CSS Woocommerce"},"depth":6},{"id":912,"name":"ct_code_block","options":{"ct_id":912,"ct_parent":908,"selector":"code_block-912-38","nicename":"Code QuickView","activeselector":false,"original":{"code-js":"document.addEventListener('DOMContentLoaded', () => {\n if (window.angular) return;\n\n const bodyScroll = document.querySelector('body');\n const modal = document.querySelector('.x-qv-modal');\n const modalDiv = document.querySelector('.x-qv-modal .x-qv-modal__content');\n let abortController = null;\n\n document.addEventListener('click', async (event) => {\n const button = event.target.closest('.oxy-quick-btn');\n if (!button) return;\n\n const quickViewValue = button.getAttribute('data-quick-view');\n\n if (abortController) abortController.abort();\n\n abortController = new AbortController();\n const signal = abortController.signal;\n\n const url = new URL(window.location.href);\n url.searchParams.set('quickterm', quickViewValue);\n\n bodyScroll.style.overflow = 'hidden';\n modal.classList.add('live', 'loading');\n modalDiv.style.display = 'none';\n\n const cachedData = getFromCache(url.toString());\n if (cachedData) {\n updateModalContent(cachedData);\n return;\n }\n\n try {\n const response = await fetch(url.toString(), { signal });\n if (!response.ok) throw new Error('Network response was not ok');\n\n const html = await response.text();\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n const newContent = doc.querySelector('.x-qv-modal').innerHTML;\n\n manageCache(url.toString(), newContent);\n updateModalContent(newContent);\n } catch (error) {\n if (error.name !== 'AbortError') {\n console.error('Error:', error);\n }\n }\n });\n\n function manageCache(key, data) {\n sessionStorage.setItem(key, JSON.stringify(data));\n }\n\n function getFromCache(key) {\n const cachedData = sessionStorage.getItem(key);\n return cachedData ? JSON.parse(cachedData) : null;\n }\n\n function updateModalContent(content) {\n if (modal.innerHTML !== content) {\n modal.innerHTML = content;\n }\n\n modal.classList.remove('loading');\n reloadModal();\n closeModalQuick();\n AOS.refresh();\n modalDiv.style.display = 'flex';\n\n updateButtonStates();\n }\n\n function updateButtonStates() {\n const allButtons = Array.from(document.querySelectorAll('.oxy-quick-btn'));\n const currentIndex = allButtons.findIndex(btn => btn.classList.contains('active'));\n\n if (currentIndex === 0) {\n enableButton('.x-qv-modal__prev');\n disableButton('.x-qv-modal__next');\n } else if (currentIndex === allButtons.length - 1) {\n disableButton('.x-qv-modal__prev');\n enableButton('.x-qv-modal__next');\n } else {\n enableButton('.x-qv-modal__prev');\n enableButton('.x-qv-modal__next');\n }\n\n toggleEndClass(currentIndex);\n }\n\n function toggleEndClass(currentIndex) {\n const allButtons = document.querySelectorAll('.oxy-quick-btn');\n const isFirst = currentIndex === 0;\n const isLast = currentIndex === allButtons.length - 1;\n\n const prevButton = document.querySelector('.x-qv-modal__prev');\n const nextButton = document.querySelector('.x-qv-modal__next');\n\n if (isFirst) {\n prevButton.classList.add('end');\n nextButton.classList.remove('end');\n } else if (isLast) {\n nextButton.classList.add('end');\n prevButton.classList.remove('end');\n } else {\n prevButton.classList.remove('end');\n nextButton.classList.remove('end');\n }\n }\n\n function reloadModal() {\n if (jQuery.fn.wc_product_gallery) {\n jQuery('.woocommerce-product-gallery').wc_product_gallery();\n }\n\n if (jQuery('.x-qv-modal .variations_form').length) {\n jQuery('.x-qv-modal .variations_form').wc_variation_form().trigger('check_variations');\n jQuery('.x-qv-modal .variations_form select').change();\n }\n\n if (typeof oxy_load_quickview === 'function') {\n oxy_load_quickview();\n }\n }\n\n function closeModalQuick() {\n function close() {\n const modalContent = modal.querySelector('.x-qv-modal__content');\n if (!modalContent) return;\n\n modalContent.classList.remove('aos-animate');\n let delayTime = 400;\n bodyScroll.style.overflow = 'auto';\n\n if (modalContent.hasAttribute('data-aos-duration')) {\n const duration = parseInt(modalContent.getAttribute('data-aos-duration'), 10);\n if (!isNaN(duration) && duration > 0) {\n delayTime = duration;\n }\n }\n\n setTimeout(() => {\n modal.classList.remove('live');\n }, delayTime);\n }\n\n modal.addEventListener('click', (event) => {\n const modalContent = modal.querySelector('.x-qv-modal__content');\n if (event.target === modal && modalContent && modalContent.hasAttribute('data-close-back')) {\n close();\n }\n if (event.target.closest('.x-qv-modal__close')) {\n close();\n }\n });\n\n document.addEventListener('keydown', (event) => {\n const modalContent = modal.querySelector('.x-qv-modal__content');\n if (event.key === 'Escape' && modalContent && modalContent.hasAttribute('data-close-esc')) {\n close();\n }\n });\n }\n\n function navigateQuickView(direction) {\n const currentButton = document.querySelector('.oxy-quick-btn.active');\n if (!currentButton) return;\n\n const allButtons = Array.from(document.querySelectorAll('.oxy-quick-btn'));\n const currentIndex = allButtons.indexOf(currentButton);\n\n let targetIndex;\n if (direction === 'next') {\n targetIndex = currentIndex + 1;\n if (targetIndex >= allButtons.length) return;\n } else if (direction === 'prev') {\n targetIndex = currentIndex - 1;\n if (targetIndex < 0) return;\n }\n\n const targetButton = allButtons[targetIndex];\n if (targetButton) {\n const modalContent = modal.querySelector('.x-qv-modal__content');\n modalContent.classList.remove('aos-animate');\n\n let delayTime = 400;\n if (modalContent.hasAttribute('data-aos-duration')) {\n const duration = parseInt(modalContent.getAttribute('data-aos-duration'), 10);\n if (!isNaN(duration) && duration > 0) {\n delayTime = duration;\n }\n }\n\n setTimeout(() => {\n targetButton.click();\n }, delayTime);\n }\n }\n\n function disableButton(selector) {\n const button = document.querySelector(selector);\n if (button) {\n button.classList.add('end');\n }\n }\n\n function enableButton(selector) {\n const button = document.querySelector(selector);\n if (button) {\n button.classList.remove('end');\n }\n }\n\n modal.addEventListener('click', (event) => {\n if (event.target.closest('.x-qv-modal__next')) {\n navigateQuickView('next');\n } else if (event.target.closest('.x-qv-modal__prev')) {\n navigateQuickView('prev');\n }\n });\n\n document.addEventListener('click', (event) => {\n const clickedButton = event.target.closest('.oxy-quick-btn');\n if (clickedButton) {\n document.querySelectorAll('.oxy-quick-btn').forEach(btn => btn.classList.remove('active'));\n clickedButton.classList.add('active');\n updateButtonStates();\n }\n });\n});\n","code-css":".x-qv-modal {\n\tdisplay: none !important;\n\topacity: 0 !important;\n\ttransition: opacity 0.5s ease;\n\n}\n\n.x-qv-modal__next.end, \n.x-qv-modal__prev.end {\n opacity: 0.5 !important;\n}\n\n.x-qv-modal.live {\n\tposition: fixed !important;\n\tdisplay: flex !important;\n\topacity: 1 !important;\n\ttop: 0;\n\tleft: 0;\n\tanimation: fade-in 0.5s ease forwards;\n}\n\n@keyframes fade-in {\n\t0% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n.x-qv-modal {\n position: fixed !important;\n}\n\n.ct-component .x-qv-modal {\n position: relative !important;\n}\n\n.ct-component .x-qv-modal {\n\tdisplay: flex !important;\n\topacity: 1 !important;\n}\n\n.x-qv-modal.loading .x-qv-modal-loading {\n\tdisplay: flex !important;\n}\n\n.x-qv-modal-loading {\n\tanimation: rotate-animation 0.8s infinite linear;\n}\n\n@keyframes rotate-animation {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\t50% {\n\t\ttransform: rotate(180deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n","code-php":"<?php\n// Init Product\nif (function_exists('oxy_quickview_init')) {\n echo oxy_quickview_init();\n}\n?>\n","globalconditions":[]}},"depth":6},{"id":913,"name":"ct_div_block","options":{"ct_id":913,"ct_parent":908,"selector":"div_block-913-38","nicename":"QuickView Modal","classes":["x-qv-modal"],"activeselector":false,"key":"x-qv-modal","media":{"phone-landscape":{"original":[]}},"original":{"width-unit":"%","height-unit":"%","max-width-unit":"%","max-height-unit":"%","padding-top-unit":"%","padding-right-unit":"%","padding-bottom-unit":"%","padding-left-unit":"%","align-items":"center","justify-content":"center","background-color":"rgba(41,41,48,0.52)","padding-top":"5","padding-right":"5","padding-bottom":"5","padding-left":"5","selector-locked":"false","text-align":"left"}},"depth":6,"children":[{"id":914,"name":"ct_div_block","options":{"ct_id":914,"ct_parent":913,"selector":"div_block-914-38","original":{"width-unit":"%","max-height-unit":"%","height-unit":"auto","width":"100","max-width":"850","background-color":"#ffffff","aos-enable":"true","position":"relative","aos-type":"fade-up","custom-attributes":[{"name":"data-close-esc"},{"name":"data-close-back"}]},"nicename":"Content","classes":["x-qv-modal__content"],"activeselector":"x-qv-modal__content","key":"x-qv-modal__content","media":{"page-width":{"original":{"max-width-unit":"%"}},"phone-landscape":{"original":[]}}},"depth":7,"children":[{"id":915,"name":"ct_div_block","options":{"ct_id":915,"ct_parent":914,"selector":"div_block-915-38","original":{"flex-direction":"row","display":"flex","align-items":"center","gap":"5","background-color":"#292930","position":"absolute","top":"0","right":"0","useCustomTag":"true","width":"35","height":"35","justify-content":"center","z-index":"10"},"nicename":"Button Close","activeselector":false,"classes":["x-qv-modal__close"],"media":{"phone-landscape":{"original":{"top-unit":"%","right-unit":"%"}}}},"depth":8,"children":[{"id":916,"name":"ct_fancy_icon","options":{"ct_id":916,"ct_parent":915,"selector":"fancy_icon-916-38","original":{"icon-id":"Iconsicon-x","icon-size":"18","icon-color":"#ffffff"},"nicename":"Icon (#525)"},"depth":9}]},{"id":937,"name":"ct_fancy_icon","options":{"ct_id":937,"ct_parent":914,"selector":"fancy_icon-937-38","original":{"position":"absolute","top":"50","icon-id":"Iconsicon-arrow-left","selector-locked":"false","icon-size":"25","left":"-35","border-radius-unit":" ","border-radius":"0 !important","width":"35","height":"35","display":"flex","align-items":"center","justify-content":"center","background-color":"#292930","icon-color":"#ffffff","transform":[{"transform-type":"translate","translateY":"-50%","translateY-unit":"%"}],"top-unit":"%"},"nicename":"Icon (Prev)","classes":["x-qv-modal__prev"],"activeselector":false,"media":{"tablet":{"original":[]},"phone-landscape":{"original":{"left":"0","z-index":"9"}}},"key":"x-qv-modal__prev"},"depth":8},{"id":938,"name":"ct_fancy_icon","options":{"ct_id":938,"ct_parent":914,"selector":"fancy_icon-938-38","original":{"icon-id":"Iconsicon-arrow-right","selector-locked":"false","width":"35","height":"35","icon-size":"25","icon-color":"#ffffff","border-radius":"0","background-color":"#292930","display":"flex","justify-content":"center","align-items":"center","position":"absolute","right":"-35","top":"50","top-unit":"%","transform":[{"transform-type":"translate","translateY":"-50%"}]},"nicename":"Icon (Next)","activeselector":false,"classes":["x-qv-modal__next"],"key":"x-qv-modal__next","media":{"phone-landscape":{"original":{"right":"0","z-index":"9"}}}},"depth":8},{"id":970,"name":"oxy_dynamic_list","options":{"ct_id":970,"ct_parent":914,"selector":"_dynamic_list-970-38","original":{"wp_query":"advanced","query_post_types":[],"wp_query_advanced_preset":"Custom Settings","wp_query_advanced":[{"key":"post_type","values":[{"value":"product"}]},{"key":"no_found_rows","values":[{"value":"true"}]},{"key":"posts_per_page","values":[{"value":"-1"}]}],"listrendertype":"1","overflow":"hidden","custom-css":"overflow-y: auto;","max-height":"600"},"nicename":"Repeater (#970)","activeselector":false},"depth":8,"children":[{"id":971,"name":"ct_div_block","options":{"ct_id":971,"ct_parent":970,"selector":"div_block-971-38","original":{"globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":0,"value":"[oxygen ct_sign_sha256='e1fa08f9f89ee824c447b64b5c2ca4627162e4dd75fb365200703b46b08ebcd4' data='id' ]","oxycode":"[oxygen ct_sign_sha256='503e8ccec4185e6606c3edb6c53f3ab654e60c870680ecc27af7767323e36c3c' data='phpfunction' function='oxy_call_id_quickview' ]"},{"name":"ZZOXYVSBDYNAMIC","operator":0,"value":"-1","oxycode":"[oxygen ct_sign_sha256='503e8ccec4185e6606c3edb6c53f3ab654e60c870680ecc27af7767323e36c3c' data='phpfunction' function='oxy_call_id_quickview' ]"}],"conditionstype":"1"},"nicename":"Repeater Child Conditions","activeselector":false},"depth":9,"children":[{"id":995,"name":"oxy-product-builder","options":{"ct_id":995,"ct_parent":971,"selector":"-product-builder-995-38","original":[],"nicename":"Product Builder (#995)","activeselector":""},"depth":10,"children":[{"id":996,"name":"ct_div_block","options":{"ct_id":996,"ct_parent":995,"selector":"div_block-996-38","original":{"display":"grid","grid-column-count":"2","grid-align-items":"stretch","grid-column-gap":"0"},"nicename":"Div (#95)","activeselector":"","media":{"phone-landscape":{"original":{"flex-direction":"column","display":"flex","text-align":"left"}}}},"depth":11,"children":[{"id":997,"name":"ct_div_block","options":{"ct_id":997,"ct_parent":996,"selector":"div_block-997-38","original":{"height":"100","height-unit":"%","background-color":"#f1f1f1","padding-top":"4","padding-top-unit":"%","padding-right":"4","padding-right-unit":"%","padding-bottom":"4","padding-bottom-unit":"%","padding-left":"4","padding-left-unit":"%"},"nicename":"Div (#122)","media":{"phone-landscape":{"original":{"padding-top":"40","padding-bottom":"40","padding-top-unit":"px","padding-bottom-unit":"px"}}},"activeselector":""},"depth":12,"children":[{"id":998,"name":"oxy-product-images","options":{"ct_id":998,"ct_parent":997,"selector":"-product-images-998-38","original":{"height":"100","height-unit":"%","background-color":"#ffffff","width":"100","width-unit":"%","oxy-product-images_original_thumb_margins_margin-right":"5","oxy-product-images_original_thumb_margins_margin-left":"5","max-height":"400"},"nicename":"Product Images (#256)"},"depth":13}]},{"id":999,"name":"ct_div_block","options":{"ct_id":999,"ct_parent":996,"selector":"div_block-999-38","original":{"padding-top":"8","padding-right":"8","padding-right-unit":"%","padding-bottom":"8","padding-bottom-unit":"%","padding-left":"8","padding-left-unit":"%","border-left-width":"1","border-left-style":"solid","border-left-color":"#e8e8e8","justify-content":"space-between","padding-top-unit":"%","gap":"40"},"nicename":"Div (#107)","activeselector":""},"depth":12,"children":[{"id":1000,"name":"ct_div_block","options":{"ct_id":1000,"ct_parent":999,"selector":"div_block-1000-38","original":[],"nicename":"Div (#528)","activeselector":""},"depth":13,"children":[{"id":1001,"name":"ct_headline","options":{"ct_id":1001,"ct_parent":1000,"selector":"headline-1001-38","original":{"tag":"h3","font-weight":"400","margin-bottom":"5"},"nicename":"Heading (#124)","ct_content":"<span id=\"ct-placeholder-1002\"></span>","classes":[]},"depth":14,"children":[{"id":1002,"name":"ct_span","options":{"ct_id":1002,"ct_parent":1001,"selector":"span-1002-38","original":[],"nicename":"Span (#131)","ct_content":"[oxygen ct_sign_sha256='938809fafade248fd1a109033d2c0bbb01bc55a3b13e3d4c4cf5636c65efeb88' data='title' ]"},"depth":15}]},{"id":1003,"name":"ct_text_block","options":{"ct_id":1003,"ct_parent":1000,"selector":"text_block-1003-38","original":{"margin-bottom":"20","font-size":"14"},"nicename":"Text (#135)","ct_content":"<span id=\"ct-placeholder-1004\"></span>"},"depth":14,"children":[{"id":1004,"name":"ct_span","options":{"ct_id":1004,"ct_parent":1003,"selector":"span-1004-38","original":[],"nicename":"Span (#136)","ct_content":"[oxygen ct_sign_sha256='b0d7216089010d3154768984f35ff5d609fd625a2ba1de2da70dc840973c1f15' data='terms' taxonomy='product_cat' separator=' - ' ]"},"depth":15}]},{"id":1005,"name":"ct_text_block","options":{"ct_id":1005,"ct_parent":1000,"selector":"text_block-1005-38","original":{"font-size":"14"},"nicename":"Text (#139)","ct_content":"<span id=\"ct-placeholder-1006\"></span>"},"depth":14,"children":[{"id":1006,"name":"ct_span","options":{"ct_id":1006,"ct_parent":1005,"selector":"span-1006-38","original":[],"nicename":"Span (#140)","ct_content":"[oxygen ct_sign_sha256='fc85a480d2a3154d40169cd874dd2dce8cdff54c6930a9fffe9a26f06d9b4a43' data='excerpt' ]"},"depth":15}]}]},{"id":1007,"name":"oxy-product-cart-button","options":{"ct_id":1007,"ct_parent":999,"selector":"-product-cart-button-1007-38","original":[],"nicename":"Product Cart Button (#233)"},"depth":13}]}]}]}]}]}]},{"id":932,"name":"ct_fancy_icon","options":{"ct_id":932,"ct_parent":913,"selector":"fancy_icon-932-38","original":{"icon-id":"Iconsicon-refresh-cw"},"nicename":"Icon LOADING","classes":["x-qv-modal-loading"],"activeselector":""},"depth":7}]}]},"classes":{"oxy-quick-btn":{"key":"oxy-quick-btn","original":{"selector-locked":"true","custom-css":"cursor: pointer;"}},"x-qv-modal":{"key":"x-qv-modal","original":{"width-unit":"%","max-width-unit":"%","height-unit":"%","selector-locked":"true","position":"fixed","opacity":"0","z-index":"9","top":"0","left":"0","width":"100","max-width":"100","height":"100","display":"none"}},"x-qv-modal__content":{"key":"x-qv-modal__content","original":{"selector-locked":"true"}},"x-qv-modal__close":{"key":"x-qv-modal__close","original":{"selector-locked":"true","custom-css":"cursor: pointer;"}},"x-qv-modal__prev":{"key":"x-qv-modal__prev","original":{"custom-css":"cursor: pointer;","selector-locked":"true"}},"x-qv-modal__next":{"key":"x-qv-modal__next","original":{"selector-locked":"true","custom-css":"cursor: pointer;"}},"x-qv-modal-loading":{"key":"x-qv-modal-loading","original":{"icon-color":"#ffffff","icon-size":"30","icon-style":"","display":"none","position":"absolute"}}}}
/*Element Set Quick View Info: https://code.barbianmkt.com/set-quick-view/*/
{"component":{"id":105,"name":"ct_div_block","options":{"ct_id":105,"ct_parent":100004,"selector":"div_block-105-128","original":{"conditionspreview":"2","globalConditionsResult":true},"nicename":"Element Quick View","activeselector":false},"depth":5,"children":[{"id":349,"name":"ct_div_block","options":{"ct_id":349,"ct_parent":105,"selector":"div_block-349-128","original":{"flex-direction":"row","display":"flex","align-items":"center","gap":"10","width-unit":"%","justify-content":"center","border-radius":".5","border-radius-unit":"rem","custom-attributes":[{"name":"data-quick-view","value":"[oxygen ct_sign_sha256='e1fa08f9f89ee824c447b64b5c2ca4627162e4dd75fb365200703b46b08ebcd4' data='id' ]"}],"padding-top":"10","padding-right":"10","padding-bottom":"10","padding-left":"10","border-top-width":"1","border-right-width":"1","border-bottom-width":"1","border-left-width":"1","border-all-width":"1","border-top-color":"#e8e8e8","border-right-color":"#e8e8e8","border-bottom-color":"#e8e8e8","border-left-color":"#e8e8e8","border-all-color":"#e8e8e8","border-top-style":"solid","border-right-style":"solid","border-bottom-style":"solid","border-left-style":"solid","border-all-style":"solid"},"nicename":"Button QuickView","classes":["oxy-quick-btn"],"activeselector":false,"hover":{"background-color":"#e8e8e8"}},"depth":6,"children":[{"id":350,"name":"ct_fancy_icon","options":{"ct_id":350,"ct_parent":349,"selector":"fancy_icon-350-128","original":{"icon-id":"Iconsicon-eye","icon-size":"15","icon-color":"#292930"},"nicename":"Icon (#585)"},"depth":7}]},{"id":108,"name":"ct_code_block","options":{"ct_id":108,"ct_parent":105,"selector":"code_block-108-128","original":{"code-js":"","code-css":".modal-tech .variations {\n margin-bottom: 15px !important;\n}\n\n.modal-tech .single_variation_wrap {\n position: relative;\n}\n\n.modal-tech .variations tbody {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(47.5%, 1fr));\n gap: 3%;\n position: relative;\n}\n\n.modal-tech .variations tr {\n width: 100%;\n}\n\n.modal-tech .variations select {\n max-height: 40px;\n padding: 0px 10px !important;\n}\n\n.modal-tech .variations .label {\n line-height: 1.3 !important;\n}\n\n.modal-tech .oxy-product-cart-button {\n max-width: 100%;\n}\n\n.modal-tech .variations_form.cart {\n max-width: 100% !important;\n padding-top: 30px;\n}\n\n.modal-tech .reset_variations {\n position: absolute;\n top: -25px;\n right: 50%;\n transform: translateX(50%);\n}\n\n.modal-tech .woocommerce-variation.single_variation {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n}\n\n.modal-tech .woocommerce-product-gallery {\n height: 100%;\n}\n\n.modal-tech .stock.out-of-stock {\n margin: 0;\n}\n\n.modal-tech .woocommerce-product-gallery__wrapper {\n height: 100%;\n}\n\n.modal-tech .woocommerce-variation-price {\n margin-right: 10px;\n}\n\n.modal-tech .woocommerce-product-gallery__image {\n height: 100%;\n}\n\n.modal-tech .woocommerce-variation-price .price {\n display: flex;\n gap: 10px;\n flex-direction: row-reverse;\n}\n\n.modal-tech .woocommerce-product-gallery__image a {\n height: 100%;\n display: flex;\n}\n\n.modal-tech img.wp-post-image, \n.modal-tech div.product div.images img {\n height: 100%;\n object-fit: contain;\n}\n\n.modal-tech .flex-viewport {\n height: 100% !important;\n}\n\n.modal-tech .flex-control-thumbs {\n position: absolute;\n justify-content: center;\n gap: 8px;\n bottom: 10px;\n}\n\n.modal-tech .flex-control-thumbs li {\n min-width: 40px !important;\n min-height: 40px !important;\n width: 55px !important;\n padding: 4px;\n border-radius: 4px;\n}\n\n.modal-tech .cart {\n min-width: 100% !important;\n}\n","code-php":"<!---->","globalconditions":[]},"nicename":"Code CSS Woocommerce"},"depth":6},{"id":109,"name":"ct_code_block","options":{"ct_id":109,"ct_parent":105,"selector":"code_block-109-128","original":{"code-js":"document.addEventListener('DOMContentLoaded', () => {\n if (window.angular) return;\n\n const bodyScroll = document.querySelector('body');\n const modal = document.querySelector('.x-qv-modal');\n const modalDiv = document.querySelector('.x-qv-modal .x-qv-modal__content');\n let abortController = null;\n\n document.addEventListener('click', async (event) => {\n const button = event.target.closest('.oxy-quick-btn');\n if (!button) return;\n\n const quickViewValue = button.getAttribute('data-quick-view');\n\n if (abortController) abortController.abort();\n\n abortController = new AbortController();\n const signal = abortController.signal;\n\n const url = new URL(window.location.href);\n url.searchParams.set('quickterm', quickViewValue);\n\n bodyScroll.style.overflow = 'hidden';\n modal.classList.add('live', 'loading');\n modalDiv.style.display = 'none';\n\n const cachedData = getFromCache(url.toString());\n if (cachedData) {\n updateModalContent(cachedData);\n return;\n }\n\n try {\n const response = await fetch(url.toString(), { signal });\n if (!response.ok) throw new Error('Network response was not ok');\n\n const html = await response.text();\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n const newContent = doc.querySelector('.x-qv-modal').innerHTML;\n\n manageCache(url.toString(), newContent);\n updateModalContent(newContent);\n } catch (error) {\n if (error.name !== 'AbortError') {\n console.error('Error:', error);\n }\n }\n });\n\n function manageCache(key, data) {\n sessionStorage.setItem(key, JSON.stringify(data));\n }\n\n function getFromCache(key) {\n const cachedData = sessionStorage.getItem(key);\n return cachedData ? JSON.parse(cachedData) : null;\n }\n\n function updateModalContent(content) {\n if (modal.innerHTML !== content) {\n modal.innerHTML = content;\n }\n\n modal.classList.remove('loading');\n reloadModal();\n closeModalQuick();\n AOS.refresh();\n modalDiv.style.display = 'flex';\n\n updateButtonStates();\n }\n\n function updateButtonStates() {\n const allButtons = Array.from(document.querySelectorAll('.oxy-quick-btn'));\n const currentIndex = allButtons.findIndex(btn => btn.classList.contains('active'));\n\n if (currentIndex === 0) {\n enableButton('.x-qv-modal__prev');\n disableButton('.x-qv-modal__next');\n } else if (currentIndex === allButtons.length - 1) {\n disableButton('.x-qv-modal__prev');\n enableButton('.x-qv-modal__next');\n } else {\n enableButton('.x-qv-modal__prev');\n enableButton('.x-qv-modal__next');\n }\n\n toggleEndClass(currentIndex);\n }\n\n function toggleEndClass(currentIndex) {\n const allButtons = document.querySelectorAll('.oxy-quick-btn');\n const isFirst = currentIndex === 0;\n const isLast = currentIndex === allButtons.length - 1;\n\n const prevButton = document.querySelector('.x-qv-modal__prev');\n const nextButton = document.querySelector('.x-qv-modal__next');\n\n if (isFirst) {\n prevButton.classList.add('end');\n nextButton.classList.remove('end');\n } else if (isLast) {\n nextButton.classList.add('end');\n prevButton.classList.remove('end');\n } else {\n prevButton.classList.remove('end');\n nextButton.classList.remove('end');\n }\n }\n\n function reloadModal() {\n if (jQuery.fn.wc_product_gallery) {\n jQuery('.woocommerce-product-gallery').wc_product_gallery();\n }\n\n if (jQuery('.x-qv-modal .variations_form').length) {\n jQuery('.x-qv-modal .variations_form').wc_variation_form().trigger('check_variations');\n jQuery('.x-qv-modal .variations_form select').change();\n }\n\n if (typeof oxy_load_quickview === 'function') {\n oxy_load_quickview();\n }\n }\n\n function closeModalQuick() {\n function close() {\n const modalContent = modal.querySelector('.x-qv-modal__content');\n if (!modalContent) return;\n\n modalContent.classList.remove('aos-animate');\n let delayTime = 400;\n bodyScroll.style.overflow = 'auto';\n\n if (modalContent.hasAttribute('data-aos-duration')) {\n const duration = parseInt(modalContent.getAttribute('data-aos-duration'), 10);\n if (!isNaN(duration) && duration > 0) {\n delayTime = duration;\n }\n }\n\n setTimeout(() => {\n modal.classList.remove('live');\n }, delayTime);\n }\n\n modal.addEventListener('click', (event) => {\n const modalContent = modal.querySelector('.x-qv-modal__content');\n if (event.target === modal && modalContent && modalContent.hasAttribute('data-close-back')) {\n close();\n }\n if (event.target.closest('.x-qv-modal__close')) {\n close();\n }\n });\n\n document.addEventListener('keydown', (event) => {\n const modalContent = modal.querySelector('.x-qv-modal__content');\n if (event.key === 'Escape' && modalContent && modalContent.hasAttribute('data-close-esc')) {\n close();\n }\n });\n }\n\n function navigateQuickView(direction) {\n const currentButton = document.querySelector('.oxy-quick-btn.active');\n if (!currentButton) return;\n\n const allButtons = Array.from(document.querySelectorAll('.oxy-quick-btn'));\n const currentIndex = allButtons.indexOf(currentButton);\n\n let targetIndex;\n if (direction === 'next') {\n targetIndex = currentIndex + 1;\n if (targetIndex >= allButtons.length) return;\n } else if (direction === 'prev') {\n targetIndex = currentIndex - 1;\n if (targetIndex < 0) return;\n }\n\n const targetButton = allButtons[targetIndex];\n if (targetButton) {\n const modalContent = modal.querySelector('.x-qv-modal__content');\n modalContent.classList.remove('aos-animate');\n\n let delayTime = 400;\n if (modalContent.hasAttribute('data-aos-duration')) {\n const duration = parseInt(modalContent.getAttribute('data-aos-duration'), 10);\n if (!isNaN(duration) && duration > 0) {\n delayTime = duration;\n }\n }\n\n setTimeout(() => {\n targetButton.click();\n }, delayTime);\n }\n }\n\n function disableButton(selector) {\n const button = document.querySelector(selector);\n if (button) {\n button.classList.add('end');\n }\n }\n\n function enableButton(selector) {\n const button = document.querySelector(selector);\n if (button) {\n button.classList.remove('end');\n }\n }\n\n modal.addEventListener('click', (event) => {\n if (event.target.closest('.x-qv-modal__next')) {\n navigateQuickView('next');\n } else if (event.target.closest('.x-qv-modal__prev')) {\n navigateQuickView('prev');\n }\n });\n\n document.addEventListener('click', (event) => {\n const clickedButton = event.target.closest('.oxy-quick-btn');\n if (clickedButton) {\n document.querySelectorAll('.oxy-quick-btn').forEach(btn => btn.classList.remove('active'));\n clickedButton.classList.add('active');\n updateButtonStates();\n }\n });\n});\n","code-css":".x-qv-modal {\n\tdisplay: none !important;\n\topacity: 0 !important;\n\ttransition: opacity 0.5s ease;\n\n}\n\n.x-qv-modal__next.end, \n.x-qv-modal__prev.end {\n opacity: 0.5 !important;\n}\n\n.x-qv-modal.live {\n\tposition: fixed !important;\n\tdisplay: flex !important;\n\topacity: 1 !important;\n\ttop: 0;\n\tleft: 0;\n\tanimation: fade-in 0.5s ease forwards;\n}\n\n@keyframes fade-in {\n\t0% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n.x-qv-modal {\n position: fixed !important;\n}\n\n.ct-component .x-qv-modal {\n position: relative !important;\n}\n\n.ct-component .x-qv-modal {\n\tdisplay: flex !important;\n\topacity: 1 !important;\n}\n\n.x-qv-modal.loading .x-qv-modal-loading {\n\tdisplay: flex !important;\n}\n\n.x-qv-modal-loading {\n\tanimation: rotate-animation 0.8s infinite linear;\n}\n\n@keyframes rotate-animation {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\t50% {\n\t\ttransform: rotate(180deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n\n","code-php":"<?php\n// Init Product\nif (function_exists('oxy_quickview_init')) {\n echo oxy_quickview_init();\n}\n?>\n","globalconditions":[]},"nicename":"Code QuickView","activeselector":false},"depth":6},{"id":110,"name":"ct_div_block","options":{"ct_id":110,"ct_parent":105,"selector":"div_block-110-128","nicename":"QuickView Modal","classes":["x-qv-modal","modal-tech"],"activeselector":false,"key":"x-qv-modal","media":{"phone-landscape":{"original":[]}},"original":{"width-unit":"%","height-unit":"%","max-width-unit":"%","max-height-unit":"%","padding-top-unit":"%","padding-right-unit":"%","padding-bottom-unit":"%","padding-left-unit":"%","align-items":"center","justify-content":"center","background-color":"rgba(41,41,48,0.52)","padding-top":"5","padding-right":"5","padding-bottom":"5","padding-left":"5","selector-locked":"false","text-align":"left","custom-css":"backdrop-filter: blur(8px);","z-index":"99"}},"depth":6,"children":[{"id":111,"name":"ct_div_block","options":{"ct_id":111,"ct_parent":110,"selector":"div_block-111-128","original":{"width-unit":"%","max-height-unit":"%","width":"100","max-width":"850","background-color":"#ffffff","aos-enable":"true","position":"relative","aos-type":"fade-up","border-radius":"10","selector-locked":"false","custom-attributes":[{"name":"data-close-esc"},{"name":"data-close-back"}],"flex-direction":"column","display":"flex","text-align":"left","align-items":"stretch","justify-content":"space-between","max-height":"100","height-unit":"auto"},"nicename":"Content","classes":["x-qv-modal__content"],"key":"x-qv-modal__content","media":{"page-width":{"original":{"max-width-unit":"%"}},"phone-landscape":{"original":[]}}},"depth":7,"children":[{"id":112,"name":"ct_div_block","options":{"ct_id":112,"ct_parent":111,"selector":"div_block-112-128","original":{"flex-direction":"row","display":"flex","align-items":"center","gap":"5","background-color":"rgba(41,41,48,0)","position":"absolute","top":"12","right":"12","useCustomTag":"true","width":"35","height":"35","justify-content":"center","z-index":"10"},"nicename":"Button Close","classes":["x-qv-modal__close"],"media":{"phone-landscape":{"original":{"top-unit":"px","right-unit":"px","top":"0","right":"0"}}}},"depth":8,"children":[{"id":113,"name":"ct_fancy_icon","options":{"ct_id":113,"ct_parent":112,"selector":"fancy_icon-113-128","original":{"icon-id":"Iconsicon-x","icon-size":"22","icon-color":"#292930"},"nicename":"Icon (#525)"},"depth":9}]},{"id":114,"name":"ct_fancy_icon","options":{"ct_id":114,"ct_parent":111,"selector":"fancy_icon-114-128","original":{"icon-id":"Iconsicon-arrow-left","selector-locked":"false","icon-size":"30","position":"absolute","border-radius-unit":" ","border-radius":"0 !important","width":"35","height":"35","display":"flex","align-items":"center","justify-content":"center","icon-color":"#ffffff","transform":[{"transform-type":"translate","translateY":"-50","translateY-unit":"%"}],"z-index":"9","top":"50","top-unit":"%","left":"-40"},"nicename":"Icon (Prev)","classes":["x-qv-modal__prev"],"key":"x-qv-modal__prev","activeselector":false,"media":{"tablet":{"original":{"color":"#292930","left":"-12","background-color":"#ffffff"}}}},"depth":8},{"id":115,"name":"ct_fancy_icon","options":{"ct_id":115,"ct_parent":111,"selector":"fancy_icon-115-128","original":{"icon-id":"Iconsicon-arrow-right","selector-locked":"false","width":"35","height":"35","icon-size":"30","icon-color":"#ffffff","border-radius":"0","display":"flex","justify-content":"center","align-items":"center","position":"absolute","transform":[{"transform-type":"translate","translateY":"-50","translateY-unit":"%"}],"z-index":"9","top":"50","top-unit":"%","right":"-40"},"nicename":"Icon (Next)","classes":["x-qv-modal__next"],"key":"x-qv-modal__next","media":{"tablet":{"original":{"right":"-12","background-color":"#ffffff","z-index":"99","color":"#292930"}}}},"depth":8},{"id":116,"name":"oxy_dynamic_list","options":{"ct_id":116,"ct_parent":111,"selector":"_dynamic_list-116-128","original":{"wp_query":"advanced","query_post_types":[],"wp_query_advanced_preset":"Custom Settings","wp_query_advanced":[{"key":"post_type","values":[{"value":"product"}]},{"key":"no_found_rows","values":[{"value":"true"}]},{"key":"posts_per_page","values":[{"value":"-1"}]}],"listrendertype":"1","overflow":"hidden","custom-css":"overflow-y: auto;","height":"100","height-unit":"%"},"nicename":"Repeater (#970)","activeselector":false,"media":{"tablet":{"original":{"max-height":"85","custom-css":"overflow-y: auto;","max-height-unit":"vh"}},"phone-landscape":{"original":{"max-height-unit":"vh"}}}},"depth":8,"children":[{"id":117,"name":"ct_div_block","options":{"ct_id":117,"ct_parent":116,"selector":"div_block-117-128","original":{"globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":0,"value":"[oxygen ct_sign_sha256='503e8ccec4185e6606c3edb6c53f3ab654e60c870680ecc27af7767323e36c3c' data='phpfunction' function='oxy_call_id_quickview' ]","oxycode":"[oxygen ct_sign_sha256='e1fa08f9f89ee824c447b64b5c2ca4627162e4dd75fb365200703b46b08ebcd4' data='id' ]"}],"height-unit":"%","width":"100","width-unit":"%"},"nicename":"Repeater Child Conditions","activeselector":false},"depth":9,"children":[{"id":118,"name":"oxy-product-builder","options":{"ct_id":118,"ct_parent":117,"selector":"-product-builder-118-128","original":{"height":"100","height-unit":"%","width":"100","width-unit":"%"},"nicename":"Product Builder (#995)","activeselector":""},"depth":10,"children":[{"id":133,"name":"ct_div_block","options":{"ct_id":133,"ct_parent":118,"selector":"div_block-133-128","original":{"display":"grid","grid-column-count":"5","grid-child-rules":[{"child-index":0,"column-span":"3","row-span":""},{"child-index":1,"column-span":"2","row-span":""}],"grid-column-min-width":"20","grid-align-items":"stretch","grid-column-gap":"40","width":"100","width-unit":"%","max-width":"100","max-width-unit":"%","height":"100","height-unit":"%","min-height":"450"},"nicename":"Div (#133)","activeselector":false,"media":{"tablet":{"original":{"flex-direction":"column","display":"flex","text-align":"left"}}}},"depth":11,"children":[{"id":135,"name":"ct_div_block","options":{"ct_id":135,"ct_parent":133,"selector":"div_block-135-128","original":{"padding-top":"15","padding-right":"0","padding-bottom":"15","padding-left":"15"},"nicename":"Div (#135)","activeselector":false,"media":{"tablet":{"original":{"padding-right":"20","padding-top":"20","padding-left":"20","padding-bottom":"20"}},"phone-landscape":{"original":{"padding-top":"40","padding-left":"15","padding-right":"15"}}}},"depth":12,"children":[{"id":137,"name":"oxy-product-images","options":{"ct_id":137,"ct_parent":135,"selector":"-product-images-137-128","original":{"width":"100","width-unit":"%","height":"100","height-unit":"%","oxy-product-images_span-onsale_typography_text-transform":"none","oxy-product-images_span-onsale_typography_letter-spacing":"1","oxy-product-images_span-onsale_typography_font-weight":"500","oxy-product-images_slug_woocommerceproductgallerytrigger_background_color":"rgba(186,182,182,0.17)","oxy-product-images_slug_divimageswoocommerceproductgallerytriggerbefore_border_color":"#292930","oxy-product-images_slug_woocommerceproductgallerywrapper_background_color":"rgba(232,232,232,0.41)","oxy-product-images_slug_woocommerceproductgallerywrapperdivflexviewport_border_width":"0","oxy-product-images_span-onsale_border_border_radius_border-radius":"5","oxy-product-images_slug_flexcontrolthumbsli_background_color":"rgba(109,109,109,0.12)","oxy-product-images_slug_flexcontrolthumbsli_border_width":"0","border-radius":"10","overflow":"hidden","max-height":"500"},"nicename":"Product Images (#137)","media":{"phone-landscape":{"original":{"max-height-unit":"px","height-unit":"px"}},"tablet":{"original":{"height-unit":"px","height":"400","max-height":"100","max-height-unit":"%"}}}},"depth":13}]},{"id":136,"name":"ct_div_block","options":{"ct_id":136,"ct_parent":133,"selector":"div_block-136-128","original":{"padding-top":"30","padding-right":"45","padding-bottom":"30","padding-left":"0","justify-content":"space-between","gap":"20"},"nicename":"Div (#136)","activeselector":false,"media":{"tablet":{"original":{"padding-left":"20","padding-right":"20"}}}},"depth":12,"children":[{"id":184,"name":"ct_div_block","options":{"ct_id":184,"ct_parent":136,"selector":"div_block-184-128","original":{"gap":"20"},"nicename":"Div (#184)","activeselector":""},"depth":13,"children":[{"id":144,"name":"ct_div_block","options":{"ct_id":144,"ct_parent":184,"selector":"div_block-144-128","original":{"gap":"10","margin-bottom":"15"},"nicename":"Div (#144)"},"depth":14,"children":[{"id":138,"name":"ct_headline","options":{"ct_id":138,"ct_parent":144,"selector":"headline-138-128","original":{"tag":"h4","line-height":"1.2","font-size":"24"},"nicename":"Heading (#138)","ct_content":"<span id=\"ct-placeholder-141\"></span>","activeselector":false},"depth":15,"children":[{"id":141,"name":"ct_span","options":{"ct_id":141,"ct_parent":138,"selector":"span-141-128","original":[],"nicename":"Span (#141)","ct_content":"[oxygen ct_sign_sha256='938809fafade248fd1a109033d2c0bbb01bc55a3b13e3d4c4cf5636c65efeb88' data='title' ]"},"depth":16}]},{"id":161,"name":"ct_div_block","options":{"ct_id":161,"ct_parent":144,"selector":"div_block-161-128","original":{"text-align":"left","flex-direction":"row","display":"flex","gap":"20"},"nicename":"Div (#161)"},"depth":15,"children":[{"id":143,"name":"ct_text_block","options":{"ct_id":143,"ct_parent":161,"selector":"text_block-143-128","original":{"line-height":"1.2","font-size":"14","text-transform":"uppercase","color":"#6d6d6d"},"nicename":"Text (#143)","ct_content":"<span id=\"ct-placeholder-146\"></span>","activeselector":false},"depth":16,"children":[{"id":146,"name":"ct_span","options":{"ct_id":146,"ct_parent":143,"selector":"span-146-128","original":[],"nicename":"Span (#146)","ct_content":"[oxygen ct_sign_sha256='b0d7216089010d3154768984f35ff5d609fd625a2ba1de2da70dc840973c1f15' data='terms' taxonomy='product_cat' separator=' - ' ]"},"depth":17}]},{"id":162,"name":"ct_text_block","options":{"ct_id":162,"ct_parent":161,"selector":"text_block-162-128","original":{"line-height":"1.2","font-size":"14","color":"#6d6d6d"},"nicename":"Text (#162)","ct_content":"SKU: <span id=\"ct-placeholder-163\"></span>","activeselector":false},"depth":16,"children":[{"id":163,"name":"ct_span","options":{"ct_id":163,"ct_parent":162,"selector":"span-163-128","original":[],"nicename":"Span (#163)","ct_content":"[oxygen ct_sign_sha256='cbd4b584a7962cdd8283c38613241f406509532d0fbfa96ea4e31a640a53df74' data='meta' key='_sku' ]"},"depth":17}]}]}]},{"id":156,"name":"ct_div_block","options":{"ct_id":156,"ct_parent":184,"selector":"div_block-156-128","original":{"gap":"10","width":"100","width-unit":"%"},"nicename":"Div (#156)"},"depth":14,"children":[{"id":148,"name":"ct_div_block","options":{"ct_id":148,"ct_parent":156,"selector":"div_block-148-128","original":{"width":"100","width-unit":"%","flex-direction":"row","display":"flex","justify-content":"space-between","align-items":"center"},"nicename":"Div (#148)","activeselector":false,"media":{"phone-portrait":{"original":{"text-align":"justify","flex-direction":"column","display":"flex","gap":"5"}}}},"depth":15,"children":[{"id":150,"name":"oxy-product-price","options":{"ct_id":150,"ct_parent":148,"selector":"-product-price-150-128","original":{"oxy-product-price_-price- -woocommerce-Price-amount- -price del_typography_font-size":"20","oxy-product-price_-price- -woocommerce-Price-amount- -price del_typography_font-weight":"500","oxy-product-price_stacking_list":"horizontal"},"nicename":"Product Price (#150)","activeselector":false,"media":{"phone-landscape":{"original":{"oxy-product-price_-price- -woocommerce-Price-amount- -price del_typography_font-size":"16"}},"phone-portrait":{"original":{"oxy-product-price_-price- -woocommerce-Price-amount- -price del_typography_font-size":"18"}}}},"depth":16},{"id":178,"name":"ct_div_block","options":{"ct_id":178,"ct_parent":148,"selector":"div_block-178-128","original":{"text-align":"left","flex-direction":"row","display":"flex","align-items":"center","globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":0,"value":"yes","oxycode":"[oxygen ct_sign_sha256='91b7587a17d3d81b2c6fcae851a64cbf6a3aa2ccaaf9569170c6b6fd040506fe' data='phpfunction' function='woo_field' arguments='has_ratings' ]"}],"conditionspreview":"2"},"nicename":"Div (#178)"},"depth":16,"children":[{"id":182,"name":"ct_fancy_icon","options":{"ct_id":182,"ct_parent":178,"selector":"fancy_icon-182-128","original":{"icon-id":"FontAwesomeicon-star","icon-size":"18","icon-color":"#5221c4","margin-right":"5"},"nicename":"Icon (#182)","classes":[],"activeselector":false},"depth":17},{"id":169,"name":"ct_text_block","options":{"ct_id":169,"ct_parent":178,"selector":"text_block-169-128","original":{"padding-right":"10","font-weight":"600","font-size":"20"},"nicename":"Text (#169)","ct_content":"<span id=\"ct-placeholder-170\"></span>","activeselector":false,"media":{"phone-landscape":{"original":{"font-size":"16"}}}},"depth":17,"children":[{"id":170,"name":"ct_span","options":{"ct_id":170,"ct_parent":169,"selector":"span-170-128","original":[],"nicename":"Span (#170)","ct_content":"[oxygen ct_sign_sha256='091c186082f42a6ad97dd45159ee5b5008a574da25f300333427a63bfdca9240' data='phpfunction' function='woo_field' arguments='average_rating' ]"},"depth":18}]},{"id":174,"name":"ct_text_block","options":{"ct_id":174,"ct_parent":178,"selector":"text_block-174-128","original":{"padding-left":"10","border-left-style":"solid","border-left-width":"1","border-left-color":"#e8e8e8","color":"#5221c4","font-weight":"500"},"nicename":"Text (#174)","ct_content":"<span id=\"ct-placeholder-175\"></span> Reviews<br>","activeselector":false},"depth":17,"children":[{"id":175,"name":"ct_span","options":{"ct_id":175,"ct_parent":174,"selector":"span-175-128","original":[],"nicename":"Span (#175)","ct_content":"[oxygen ct_sign_sha256='56cfce4aa948ca2c22ff362758c273a9e7bb7492a97552bc1816c40e589f2727' data='phpfunction' function='woo_field' arguments='review_count' ]"},"depth":18}]}]},{"id":262,"name":"ct_div_block","options":{"ct_id":262,"ct_parent":148,"selector":"div_block-262-128","original":{"text-align":"left","flex-direction":"row","display":"flex","align-items":"center","globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":0,"value":"no","oxycode":"[oxygen ct_sign_sha256='91b7587a17d3d81b2c6fcae851a64cbf6a3aa2ccaaf9569170c6b6fd040506fe' data='phpfunction' function='woo_field' arguments='has_ratings' ]"}]},"nicename":"Div (#262)","activeselector":""},"depth":16,"children":[{"id":263,"name":"ct_fancy_icon","options":{"ct_id":263,"ct_parent":262,"selector":"fancy_icon-263-128","original":{"icon-id":"FontAwesomeicon-star","icon-size":"18","icon-color":"#5221c4","margin-right":"5"},"nicename":"Icon (#182)","classes":[],"activeselector":false},"depth":17},{"id":266,"name":"ct_text_block","options":{"ct_id":266,"ct_parent":262,"selector":"text_block-266-128","original":{"padding-left":"10","border-left-style":"solid","border-left-width":"1","border-left-color":"#e8e8e8","color":"#5221c4","font-weight":"500"},"nicename":"Text (#174)","ct_content":"No reviews given<br>","activeselector":false},"depth":17}]}]},{"id":159,"name":"ct_text_block","options":{"ct_id":159,"ct_parent":156,"selector":"text_block-159-128","original":{"font-size":"12","color":"#6d6d6d"},"nicename":"Text (#159)","ct_content":"<span id=\"ct-placeholder-160\"></span>","activeselector":false},"depth":15,"children":[{"id":160,"name":"ct_span","options":{"ct_id":160,"ct_parent":159,"selector":"span-160-128","original":[],"nicename":"Span (#160)","ct_content":"[oxygen ct_sign_sha256='fc85a480d2a3154d40169cd874dd2dce8cdff54c6930a9fffe9a26f06d9b4a43' data='excerpt' ]"},"depth":16}]}]}]},{"id":149,"name":"ct_div_block","options":{"ct_id":149,"ct_parent":136,"selector":"div_block-149-128","original":{"width":"100","width-unit":"%"},"nicename":"Div (#149)","activeselector":false},"depth":13,"children":[{"id":151,"name":"oxy-product-cart-button","options":{"ct_id":151,"ct_parent":149,"selector":"-product-cart-button-151-128","original":{"width":"100","width-unit":"%","oxy-product-cart-button_-price- -woocommerce-Price-amount- -price del_typography_font-weight":"600","oxy-product-cart-button_-price- -woocommerce-Price-amount- -price del_typography_color":"#5221c4","oxy-product-cart-button_slug_tablevariationstrtda_color":"#5221c4","oxy-product-cart-button_slug_tablevariationstrtda_text_decoration":"none","oxy-product-cart-button_slug_tablevariationstrtda_text_transform":"uppercase","oxy-product-cart-button_slug_tablevariationstrtda_font_size":"12","oxy-product-cart-button_tr td label-tr th-label- tr th label_typography_font-size":"13","oxy-product-cart-button_tr td label-tr th-label- tr th label_typography_text-transform":"uppercase","oxy-product-cart-button_tr td label-tr th-label- tr th label_typography_color":"#727272","oxy-product-cart-button_tr td label-tr th-label- tr th label_typography_font-weight":"500","oxy-product-cart-button_tr td label-tr th-label- tr th label_typography_letter-spacing":"1.5","oxy-product-cart-button_-price- -woocommerce-Price-amount- -price del_typography_font-size":"18","oxy-product-cart-button_stacking_list":"horizontal","oxy-product-cart-button_-price del -woocommerce-Price-amount- -price del_typography_font-size":"14","oxy-product-cart-button_-price del -woocommerce-Price-amount- -price del_typography_color":"#292930","oxy-product-cart-button_-price del -woocommerce-Price-amount- -price del_typography_letter-spacing":"0.5","oxy-product-cart-button_-price del -woocommerce-Price-amount- -price del_typography_font-weight":"500","oxy-product-cart-button_-price del -woocommerce-Price-amount- -price del_typography_line-height":"2.1","oxy-product-cart-button_p-stock-out-of-stock_typography_font-size":"14","oxy-product-cart-button_p-stock-out-of-stock_typography_font-weight":"500","oxy-product-cart-button_p-stock-in-stock_typography_font-size":"14","oxy-product-cart-button_p-stock-in-stock_typography_font-weight":"500"},"nicename":"Product Cart Button (#151)","activeselector":false},"depth":14}]}]}]}]}]}]}]},{"id":131,"name":"ct_fancy_icon","options":{"ct_id":131,"ct_parent":110,"selector":"fancy_icon-131-128","original":{"icon-id":"Iconsicon-refresh-cw"},"nicename":"Icon LOADING","classes":["x-qv-modal-loading"]},"depth":7}]}]},"classes":{"oxy-quick-btn":{"key":"oxy-quick-btn","original":{"selector-locked":"true","custom-css":"cursor: pointer;"}},"x-qv-modal":{"key":"x-qv-modal","original":{"width-unit":"%","max-width-unit":"%","height-unit":"%","selector-locked":"true","position":"fixed","opacity":"0","z-index":"9","top":"0","left":"0","width":"100","max-width":"100","height":"100","display":"none"}},"modal-tech":{"key":"modal-tech","original":{}},"x-qv-modal__content":{"key":"x-qv-modal__content","original":{"selector-locked":"true"}},"x-qv-modal__close":{"key":"x-qv-modal__close","original":{"selector-locked":"true","custom-css":"cursor: pointer;"}},"x-qv-modal__prev":{"key":"x-qv-modal__prev","original":{"custom-css":"cursor: pointer;","selector-locked":"true"}},"x-qv-modal__next":{"key":"x-qv-modal__next","original":{"selector-locked":"true","custom-css":"cursor: pointer;"}},"x-qv-modal-loading":{"key":"x-qv-modal-loading","original":{"icon-color":"#ffffff","icon-size":"30","icon-style":"","display":"none","position":"absolute"}}}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment