Instantly share code, notes, and snippets.
Last active
June 22, 2024 01:59
-
Star
0
(0)
You must be signed in to star a gist -
Fork
0
(0)
You must be signed in to fork a gist
-
Save hssktm/e4d5de50a7e1b631d2f6cee7beb429ab to your computer and use it in GitHub Desktop.
Code JSON Oxygen Builder
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"component":{"id":541,"name":"ct_div_block","options":{"ct_id":541,"ct_parent":538,"selector":"div_block-541-29","original":[],"nicename":"Buttons Woocommerce"},"depth":4,"children":[{"id":669,"name":"ct_code_block","options":{"ct_id":669,"ct_parent":541,"selector":"code_block-669-29","original":{"code-php":"<!---->","code-js":"jQuery(document).ready(function() {\n if( window.angular ) return;\n jQuery(document.body).on('added_to_cart', function(event, fragments, cart_hash, button) {\n var product_id = jQuery(button).data('product_id');\n jQuery('[data-product_id=\"' + product_id + '\"]').closest('.oxy-woo-button').parent().addClass('view-cart added');\n });\n jQuery('.oxy-woo-button').on('click', function() {\n var product_id = jQuery(this).data('product_id');\n });\n\n ///QTY\njQuery(document).ready(function() {\n jQuery('.oxy-woo-buttons-add').on('click', '.oxy-woo-qty-min, .oxy-woo-qty-plus', function() {\n var $input = jQuery(this).closest('.oxy-woo-buttons-add').find('.oxy-woo-qty');\n var step = parseFloat($input.attr('step')) || 1;\n var currentValue = parseInt($input.val().replace(/[^\\d]/g, '') || 0);\n var min = parseInt($input.attr('min')) || 0;\n var max = parseInt($input.attr('max'));\n\n if (jQuery(this).hasClass('oxy-woo-qty-plus')) {\n var newValue = currentValue + step;\n if (isNaN(max) || newValue <= max) {\n $input.val(newValue);\n updateDataQuantity($input);\n } else {\n $input.val(max); \n updateDataQuantity($input);\n }\n } else if (jQuery(this).hasClass('oxy-woo-qty-min')) {\n var newValue = currentValue - step;\n if (newValue >= min) {\n $input.val(newValue);\n updateDataQuantity($input);\n } else {\n $input.val(min); \n updateDataQuantity($input);\n }\n }\n });\n\n function updateDataQuantity($input) {\n var quantity = parseInt($input.val().replace(/[^\\d]/g, '') || 0);\n var $button = $input.closest('.oxy-woo-buttons-add').find('.oxy-woo-button');\n $button.attr('data-quantity', quantity);\n }\n\n jQuery('.oxy-woo-qty').on('input', function() {\n var num = jQuery(this).val().replace(/[^\\d]/g, '');\n var min = parseInt(jQuery(this).attr('min')) || 0;\n var max = parseInt(jQuery(this).attr('max'));\n\n if (num === '') {\n jQuery(this).val('');\n } else {\n num = parseInt(num);\n if (!isNaN(min) && num < min) {\n num = min;\n } else if (!isNaN(max) && num > max) {\n num = max;\n }\n jQuery(this).val(num);\n updateDataQuantity(jQuery(this));\n }\n });\n});\n\n \n});\n","code-css":".loading .oxy-woo-button-icon-add,\n.added .oxy-woo-button-icon-add {\n display: none !important;\n}\n\n.loading .oxy-woo-button-icon-loading {\n display: flex !important;\n animation: rotate-animation 1.5s infinite linear;\n}\n\n@keyframes rotate-animation {\n\t0% {\n\t\ttransform: rotate(0deg);\n }\n 50% {\n\t\ttransform: rotate(180deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n.added .oxy-woo-button-icon-check {\n display: flex !important;\n}\n\n.loading .oxy-woo-button-icon-check {\n display: none !important;\n}\n\n.view-cart .oxy-woo-button-view-cart {\n display: flex !important;\n}\n\n\n.ct-div-block:empty.oxy-woo-qty {\n min-width: 0px !important;\n min-height: 0px !important;\n}\n.ct-component .oxy-woo-button-icon-add,\n.ct-component .oxy-woo-button-icon-check,\n.ct-component .oxy-woo-button-icon-loading,\n.ct-component .oxy-woo-button-view-cart,\n.ct-component .oxy-woo-button-icon-wrap {\n position: relative !important;\n display: flex !important;\n width: auto !important;\n gap: 5px;\n \n}\n\n"},"nicename":"Code Btns Woo PASTE GLOBAL","activeselector":false},"depth":5},{"id":670,"name":"ct_div_block","options":{"ct_id":670,"ct_parent":541,"selector":"div_block-670-29","original":[],"nicename":"Buttons Wrap","classes":["oxy-woo-buttons"],"activeselector":"oxy-woo-buttons"},"depth":5,"children":[{"id":672,"name":"ct_div_block","options":{"ct_id":672,"ct_parent":670,"selector":"div_block-672-29","original":{"custom-attributes":[{"name":"data-product-id","value":"[oxygen ct_sign_sha256='cceaa913c7ee5fd00cdcfde60c73f8b8959e518431f758a3b81433c789cb845b' data='phpfunction' function='woo_field' arguments='id' ]"}],"globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":0,"value":"simple","oxycode":"[oxygen ct_sign_sha256='2d72449e5e90dc242bb31146c925c2cb3701f4ae9bdfd14490bd68ac064735ed' data='phpfunction' function='woo_field' arguments='type' ]"}]},"nicename":"Button Simple","classes":["oxy-woo-buttons-add"],"activeselector":"oxy-woo-buttons-add"},"depth":6,"children":[{"id":938,"name":"ct_div_block","options":{"ct_id":938,"ct_parent":672,"selector":"div_block-938-29","original":[],"nicename":"Qty","classes":["oxy-woo-qty-wrap"],"activeselector":"oxy-woo-qty-wrap"},"depth":7,"children":[{"id":936,"name":"ct_div_block","options":{"ct_id":936,"ct_parent":938,"selector":"div_block-936-29","original":{"useCustomTag":"true","tag":"input","custom-attributes":[{"name":"type","value":"text"},{"name":"min","value":"1"},{"name":"max","value":"[oxygen ct_sign_sha256='c53b00f05316d96bd33531de3ad7a6791d3874e8ad386448ab7beb21b8645e20' data='phpfunction' function='woo_field' arguments='stock_quantity' ]"},{"name":"step","value":"1"},{"name":"value","value":"1"}]},"nicename":"Qty Input","classes":["oxy-woo-qty"],"activeselector":"oxy-woo-qty","-webkit-outer-spin-button":[],"-webkit-inner-spin-button":[]},"depth":8},{"id":957,"name":"ct_div_block","options":{"ct_id":957,"ct_parent":938,"selector":"div_block-957-29","original":{"border-left-style":"solid","border-left-color":"rgba(0,0,0,0.09)","border-left-width":"1"},"nicename":"Qty Buttons"},"depth":8,"children":[{"id":949,"name":"ct_div_block","options":{"ct_id":949,"ct_parent":957,"selector":"div_block-949-29","original":[],"nicename":"Qty Plus","classes":["oxy-woo-qty-plus","oxy-woo-qty-btn"],"activeselector":"oxy-woo-qty-btn"},"depth":9,"children":[{"id":950,"name":"ct_fancy_icon","options":{"ct_id":950,"ct_parent":949,"selector":"fancy_icon-950-29","original":{"icon-id":"Iconsicon-plus"},"nicename":"Icon (#950)","activeselector":"oxy-woo-qty-icon","classes":["oxy-woo-qty-icon"]},"depth":10}]},{"id":948,"name":"ct_div_block","options":{"ct_id":948,"ct_parent":957,"selector":"div_block-948-29","original":[],"nicename":"Qty Min","classes":["oxy-woo-qty-min","oxy-woo-qty-btn"],"activeselector":"oxy-woo-qty-btn"},"depth":9,"children":[{"id":951,"name":"ct_fancy_icon","options":{"ct_id":951,"ct_parent":948,"selector":"fancy_icon-951-29","original":{"icon-id":"Iconsicon-minus"},"nicename":"Icon (#951)","activeselector":"oxy-woo-qty-icon","classes":["oxy-woo-qty-icon"]},"depth":10}]}]}]},{"id":673,"name":"ct_link","options":{"ct_id":673,"ct_parent":672,"selector":"div_block-673-29","original":{"custom-attributes":[{"name":"data-product_id","value":"[oxygen ct_sign_sha256='cceaa913c7ee5fd00cdcfde60c73f8b8959e518431f758a3b81433c789cb845b' data='phpfunction' function='woo_field' arguments='id' ]"},{"name":"data-product_sku","value":"[oxygen ct_sign_sha256='9b0187cf71cc7b7151502412f25a0d918f4997d00bb630bc16f7245908836273' data='phpfunction' function='woo_field' arguments='sku' ]"},{"name":"aria-label","value":"[oxygen ct_sign_sha256='3810f47034e37ca02b6bf9789b49c72b416c911f811854d1efa014d19cbe6177' data='phpfunction' function='woo_field' arguments='name' ]"},{"name":"data-price","value":"[oxygen ct_sign_sha256='3810f47034e37ca02b6bf9789b49c72b416c911f811854d1efa014d19cbe6177' data='phpfunction' function='woo_field' arguments='name' ]"},{"name":"data-quantity","value":"5"}],"url":"[oxygen ct_sign_sha256='958733ddbec3485b838432e188586691791b4a70fabf0422a7221c22e1088212' data='phpfunction' function='woo_field' arguments='cart_link' ]"},"nicename":"Link Wrapper (#673)","classes":["oxy-woo-button","ajax_add_to_cart","add_to_cart_button"],"activeselector":"oxy-woo-button"},"depth":7,"children":[{"id":675,"name":"ct_text_block","options":{"ct_id":675,"ct_parent":673,"selector":"text_block-675-29","original":[],"nicename":"Text (#675)","ct_content":"Add to cart"},"depth":8},{"id":679,"name":"ct_div_block","options":{"ct_id":679,"ct_parent":673,"selector":"div_block-679-29","original":[],"nicename":"Div (#679)","classes":["oxy-woo-button-icon-wrap"],"activeselector":"oxy-woo-button-icon-wrap"},"depth":8,"children":[{"id":676,"name":"ct_fancy_icon","options":{"ct_id":676,"ct_parent":679,"selector":"fancy_icon-676-29","original":{"icon-id":"Iconsicon-shopping-cart","custom-js":"document.querySelectorAll( '.oxel_dropdown_buttonv2__trigger' ).forEach( button => {\n\t\n\tif( window.angular ) return;\n\t\n\tbutton.addEventListener( 'click', e => {\n\t\t\n\t\tlet thisButton = e.target.closest( '.oxel_dropdown_buttonv2__trigger' );\n\t\tlet thisButtonExpanded = thisButton.getAttribute( 'aria-expanded' );\n\t\t\n\t\t// Close all other submenus.\n\t\tdocument.querySelectorAll( '.oxel_dropdown_buttonv2__submenu' ).forEach( submenu => {\n\t\t\t\n\t\t\tif( submenu != thisButton?.nextElementSibling ) {\n\t\t\t\n\t\t\t\tsubmenu.classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\t \n\t\t\t}\n\t\t\t\n\t\t})\n\t\t\n\t\tthisButton?.nextElementSibling.classList.toggle( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\n\t\tif( thisButtonExpanded == 'true' ) {\n\t\t\tthisButton.setAttribute( 'aria-expanded', 'false' );\n\t\t} else {\n\t\t\tthisButton.setAttribute( 'aria-expanded', 'true' );\n\t\t}\n\t\t\n\t})\n\t\n})\n\n// Handle keyboard events and focus management.\ndocument.querySelectorAll( '.oxel_dropdown_buttonv2' ).forEach( dropdown => {\n\t\t\t \n\tif( window.angular ) return;\n\n\tdropdown.addEventListener( 'keyup', e => {\n\t\t\n\t\tif( ( e.key == \"Escape\" || e.keyCode == 27 ) && !e.target.classList.contains( 'oxel_dropdown_buttonv2__trigger' ) ) {\n\t\t\t\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__trigger' ).focus();\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__submenu' ).classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\n\t\t}\n\t\t\n\t\tif( ( e.key == \"Space\" || e.keyCode == 32 || e.key == \"Enter\" || e.keyCode == 13 ) && e.target.classList.contains( 'oxel_dropdown_buttonv2__trigger' ) ) {\n\t\t\t\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__submenulabel' ).focus();\n\t\t\n\t\t}\n\n\t})\n\n})\n\t\n// Close all dropdown button submenus when clicking outside.\ndocument.addEventListener('pointerdown', e => {\n\t\t\t \n\t if( window.angular ) return;\n\t\t\n\t\tif( !e.target.closest( '.oxel_dropdown_buttonv2' ) ) {\n\t\t\n\t\t\tdocument.querySelectorAll( '.oxel_dropdown_buttonv2__submenu' ).forEach( submenu => {\n\t\t\n\t\t\t\tsubmenu.classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\n\t\t\t})\n\t\t\n\t\t}\n\n})"},"nicename":"Icon Add","classes":["oxy-woo-button-icon","oxy-woo-button-icon-add"],"activeselector":"oxy-woo-button-icon-add"},"depth":9},{"id":680,"name":"ct_fancy_icon","options":{"ct_id":680,"ct_parent":679,"selector":"fancy_icon-680-29","original":{"icon-id":"Iconsicon-loader"},"nicename":"Icon Loading","classes":["oxy-woo-button-icon","oxy-woo-button-icon-loading"],"activeselector":"oxy-woo-button-icon-loading"},"depth":9},{"id":681,"name":"ct_fancy_icon","options":{"ct_id":681,"ct_parent":679,"selector":"fancy_icon-681-29","original":{"icon-id":"Iconsicon-check"},"nicename":"Icon Check","classes":["oxy-woo-button-icon","oxy-woo-button-icon-check"],"activeselector":"oxy-woo-button-icon-check"},"depth":9}]}]},{"id":677,"name":"ct_link","options":{"ct_id":677,"ct_parent":672,"selector":"div_block-677-29","original":{"globalconditions":[],"url":"/cart/","target":""},"nicename":"Link Wrapper (#677)","classes":["oxy-woo-button-view-cart","added_to_cart"],"activeselector":"oxy-woo-button-view-cart"},"depth":7,"children":[{"id":678,"name":"ct_text_block","options":{"ct_id":678,"ct_parent":677,"selector":"text_block-678-29","original":[],"nicename":"Text (#678)","ct_content":"View cart","activeselector":false},"depth":8}]}]},{"id":901,"name":"ct_div_block","options":{"ct_id":901,"ct_parent":670,"selector":"div_block-901-29","original":{"custom-attributes":[],"globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":0,"value":"variable","oxycode":"[oxygen ct_sign_sha256='2d72449e5e90dc242bb31146c925c2cb3701f4ae9bdfd14490bd68ac064735ed' data='phpfunction' function='woo_field' arguments='type' ]"}]},"nicename":"Button Variable","classes":["oxy-woo-button"],"activeselector":"oxy-woo-button"},"depth":6,"children":[{"id":902,"name":"ct_text_block","options":{"ct_id":902,"ct_parent":901,"selector":"text_block-902-29","original":[],"nicename":"Text (#675)","ct_content":"Select Options"},"depth":7},{"id":903,"name":"ct_div_block","options":{"ct_id":903,"ct_parent":901,"selector":"div_block-903-29","original":[],"nicename":"Div (#679)","classes":["oxy-woo-button-icon-wrap"],"activeselector":"oxy-woo-button-icon-wrap"},"depth":7,"children":[{"id":904,"name":"ct_fancy_icon","options":{"ct_id":904,"ct_parent":903,"selector":"fancy_icon-904-29","original":{"icon-id":"Iconsicon-plus","custom-js":"document.querySelectorAll( '.oxel_dropdown_buttonv2__trigger' ).forEach( button => {\n\t\n\tif( window.angular ) return;\n\t\n\tbutton.addEventListener( 'click', e => {\n\t\t\n\t\tlet thisButton = e.target.closest( '.oxel_dropdown_buttonv2__trigger' );\n\t\tlet thisButtonExpanded = thisButton.getAttribute( 'aria-expanded' );\n\t\t\n\t\t// Close all other submenus.\n\t\tdocument.querySelectorAll( '.oxel_dropdown_buttonv2__submenu' ).forEach( submenu => {\n\t\t\t\n\t\t\tif( submenu != thisButton?.nextElementSibling ) {\n\t\t\t\n\t\t\t\tsubmenu.classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\t \n\t\t\t}\n\t\t\t\n\t\t})\n\t\t\n\t\tthisButton?.nextElementSibling.classList.toggle( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\n\t\tif( thisButtonExpanded == 'true' ) {\n\t\t\tthisButton.setAttribute( 'aria-expanded', 'false' );\n\t\t} else {\n\t\t\tthisButton.setAttribute( 'aria-expanded', 'true' );\n\t\t}\n\t\t\n\t})\n\t\n})\n\n// Handle keyboard events and focus management.\ndocument.querySelectorAll( '.oxel_dropdown_buttonv2' ).forEach( dropdown => {\n\t\t\t \n\tif( window.angular ) return;\n\n\tdropdown.addEventListener( 'keyup', e => {\n\t\t\n\t\tif( ( e.key == \"Escape\" || e.keyCode == 27 ) && !e.target.classList.contains( 'oxel_dropdown_buttonv2__trigger' ) ) {\n\t\t\t\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__trigger' ).focus();\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__submenu' ).classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\n\t\t}\n\t\t\n\t\tif( ( e.key == \"Space\" || e.keyCode == 32 || e.key == \"Enter\" || e.keyCode == 13 ) && e.target.classList.contains( 'oxel_dropdown_buttonv2__trigger' ) ) {\n\t\t\t\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__submenulabel' ).focus();\n\t\t\n\t\t}\n\n\t})\n\n})\n\t\n// Close all dropdown button submenus when clicking outside.\ndocument.addEventListener('pointerdown', e => {\n\t\t\t \n\t if( window.angular ) return;\n\t\t\n\t\tif( !e.target.closest( '.oxel_dropdown_buttonv2' ) ) {\n\t\t\n\t\t\tdocument.querySelectorAll( '.oxel_dropdown_buttonv2__submenu' ).forEach( submenu => {\n\t\t\n\t\t\t\tsubmenu.classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\n\t\t\t})\n\t\t\n\t\t}\n\n})"},"nicename":"Icon Add","classes":["oxy-woo-button-icon"],"activeselector":false},"depth":8}]}]},{"id":907,"name":"ct_link","options":{"ct_id":907,"ct_parent":670,"selector":"div_block-907-29","original":{"custom-attributes":[],"url":"[oxygen ct_sign_sha256='b203679685963f549d378418da0906410d5943dece2fd709f1ab39b503077539' data='meta' key='_product_url' ]","globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":0,"value":"external","oxycode":"[oxygen ct_sign_sha256='2d72449e5e90dc242bb31146c925c2cb3701f4ae9bdfd14490bd68ac064735ed' data='phpfunction' function='woo_field' arguments='type' ]"}]},"nicename":"Button External","classes":["oxy-woo-button"],"activeselector":"oxy-woo-button"},"depth":6,"children":[{"id":908,"name":"ct_text_block","options":{"ct_id":908,"ct_parent":907,"selector":"text_block-908-29","original":{"globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":5,"value":"","oxycode":"[oxygen ct_sign_sha256='a8ccf20cbcd4a5e69c6177a229e6594d001cdb4af0eba7f7454456c67787843c' data='meta' key='_button_text' ]"}]},"nicename":"Text Dynamic","ct_content":"<span id=\"ct-placeholder-912\"></span>","activeselector":""},"depth":7,"children":[{"id":912,"name":"ct_span","options":{"ct_id":912,"ct_parent":908,"selector":"span-912-29","original":[],"nicename":"Span (#912)","ct_content":"[oxygen ct_sign_sha256='a8ccf20cbcd4a5e69c6177a229e6594d001cdb4af0eba7f7454456c67787843c' data='meta' key='_button_text' ]"},"depth":8}]},{"id":920,"name":"ct_text_block","options":{"ct_id":920,"ct_parent":907,"selector":"text_block-920-29","original":{"globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":4,"value":"","oxycode":"[oxygen ct_sign_sha256='a8ccf20cbcd4a5e69c6177a229e6594d001cdb4af0eba7f7454456c67787843c' data='meta' key='_button_text' ]"}]},"nicename":"Text (#920)","ct_content":"View More<br>","activeselector":""},"depth":7},{"id":909,"name":"ct_div_block","options":{"ct_id":909,"ct_parent":907,"selector":"div_block-909-29","original":[],"nicename":"Div (#679)","classes":["oxy-woo-button-icon-wrap"],"activeselector":"oxy-woo-button-icon-wrap"},"depth":7,"children":[{"id":910,"name":"ct_fancy_icon","options":{"ct_id":910,"ct_parent":909,"selector":"fancy_icon-910-29","original":{"icon-id":"Iconsicon-arrow-right","custom-js":"document.querySelectorAll( '.oxel_dropdown_buttonv2__trigger' ).forEach( button => {\n\t\n\tif( window.angular ) return;\n\t\n\tbutton.addEventListener( 'click', e => {\n\t\t\n\t\tlet thisButton = e.target.closest( '.oxel_dropdown_buttonv2__trigger' );\n\t\tlet thisButtonExpanded = thisButton.getAttribute( 'aria-expanded' );\n\t\t\n\t\t// Close all other submenus.\n\t\tdocument.querySelectorAll( '.oxel_dropdown_buttonv2__submenu' ).forEach( submenu => {\n\t\t\t\n\t\t\tif( submenu != thisButton?.nextElementSibling ) {\n\t\t\t\n\t\t\t\tsubmenu.classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\t \n\t\t\t}\n\t\t\t\n\t\t})\n\t\t\n\t\tthisButton?.nextElementSibling.classList.toggle( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\n\t\tif( thisButtonExpanded == 'true' ) {\n\t\t\tthisButton.setAttribute( 'aria-expanded', 'false' );\n\t\t} else {\n\t\t\tthisButton.setAttribute( 'aria-expanded', 'true' );\n\t\t}\n\t\t\n\t})\n\t\n})\n\n// Handle keyboard events and focus management.\ndocument.querySelectorAll( '.oxel_dropdown_buttonv2' ).forEach( dropdown => {\n\t\t\t \n\tif( window.angular ) return;\n\n\tdropdown.addEventListener( 'keyup', e => {\n\t\t\n\t\tif( ( e.key == \"Escape\" || e.keyCode == 27 ) && !e.target.classList.contains( 'oxel_dropdown_buttonv2__trigger' ) ) {\n\t\t\t\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__trigger' ).focus();\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__submenu' ).classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\n\t\t}\n\t\t\n\t\tif( ( e.key == \"Space\" || e.keyCode == 32 || e.key == \"Enter\" || e.keyCode == 13 ) && e.target.classList.contains( 'oxel_dropdown_buttonv2__trigger' ) ) {\n\t\t\t\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__submenulabel' ).focus();\n\t\t\n\t\t}\n\n\t})\n\n})\n\t\n// Close all dropdown button submenus when clicking outside.\ndocument.addEventListener('pointerdown', e => {\n\t\t\t \n\t if( window.angular ) return;\n\t\t\n\t\tif( !e.target.closest( '.oxel_dropdown_buttonv2' ) ) {\n\t\t\n\t\t\tdocument.querySelectorAll( '.oxel_dropdown_buttonv2__submenu' ).forEach( submenu => {\n\t\t\n\t\t\t\tsubmenu.classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\n\t\t\t})\n\t\t\n\t\t}\n\n})"},"nicename":"Icon Add","classes":["oxy-woo-button-icon"],"activeselector":false},"depth":8}]}]},{"id":914,"name":"ct_div_block","options":{"ct_id":914,"ct_parent":670,"selector":"div_block-914-29","original":{"custom-attributes":[],"globalconditions":[{"name":"ZZOXYVSBDYNAMIC","operator":0,"value":"grouped","oxycode":"[oxygen ct_sign_sha256='2d72449e5e90dc242bb31146c925c2cb3701f4ae9bdfd14490bd68ac064735ed' data='phpfunction' function='woo_field' arguments='type' ]"}]},"nicename":"Button Grouped","classes":["oxy-woo-button"],"activeselector":"oxy-woo-button"},"depth":6,"children":[{"id":915,"name":"ct_text_block","options":{"ct_id":915,"ct_parent":914,"selector":"text_block-915-29","original":[],"nicename":"Text (#675)","ct_content":"View Products","activeselector":""},"depth":7},{"id":917,"name":"ct_div_block","options":{"ct_id":917,"ct_parent":914,"selector":"div_block-917-29","original":[],"nicename":"Div (#679)","classes":["oxy-woo-button-icon-wrap"],"activeselector":"oxy-woo-button-icon-wrap"},"depth":7,"children":[{"id":918,"name":"ct_fancy_icon","options":{"ct_id":918,"ct_parent":917,"selector":"fancy_icon-918-29","original":{"icon-id":"Iconsicon-arrow-right","custom-js":"document.querySelectorAll( '.oxel_dropdown_buttonv2__trigger' ).forEach( button => {\n\t\n\tif( window.angular ) return;\n\t\n\tbutton.addEventListener( 'click', e => {\n\t\t\n\t\tlet thisButton = e.target.closest( '.oxel_dropdown_buttonv2__trigger' );\n\t\tlet thisButtonExpanded = thisButton.getAttribute( 'aria-expanded' );\n\t\t\n\t\t// Close all other submenus.\n\t\tdocument.querySelectorAll( '.oxel_dropdown_buttonv2__submenu' ).forEach( submenu => {\n\t\t\t\n\t\t\tif( submenu != thisButton?.nextElementSibling ) {\n\t\t\t\n\t\t\t\tsubmenu.classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\t \n\t\t\t}\n\t\t\t\n\t\t})\n\t\t\n\t\tthisButton?.nextElementSibling.classList.toggle( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\n\t\tif( thisButtonExpanded == 'true' ) {\n\t\t\tthisButton.setAttribute( 'aria-expanded', 'false' );\n\t\t} else {\n\t\t\tthisButton.setAttribute( 'aria-expanded', 'true' );\n\t\t}\n\t\t\n\t})\n\t\n})\n\n// Handle keyboard events and focus management.\ndocument.querySelectorAll( '.oxel_dropdown_buttonv2' ).forEach( dropdown => {\n\t\t\t \n\tif( window.angular ) return;\n\n\tdropdown.addEventListener( 'keyup', e => {\n\t\t\n\t\tif( ( e.key == \"Escape\" || e.keyCode == 27 ) && !e.target.classList.contains( 'oxel_dropdown_buttonv2__trigger' ) ) {\n\t\t\t\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__trigger' ).focus();\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__submenu' ).classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\n\t\t}\n\t\t\n\t\tif( ( e.key == \"Space\" || e.keyCode == 32 || e.key == \"Enter\" || e.keyCode == 13 ) && e.target.classList.contains( 'oxel_dropdown_buttonv2__trigger' ) ) {\n\t\t\t\n\t\t\tdropdown.querySelector( '.oxel_dropdown_buttonv2__submenulabel' ).focus();\n\t\t\n\t\t}\n\n\t})\n\n})\n\t\n// Close all dropdown button submenus when clicking outside.\ndocument.addEventListener('pointerdown', e => {\n\t\t\t \n\t if( window.angular ) return;\n\t\t\n\t\tif( !e.target.closest( '.oxel_dropdown_buttonv2' ) ) {\n\t\t\n\t\t\tdocument.querySelectorAll( '.oxel_dropdown_buttonv2__submenu' ).forEach( submenu => {\n\t\t\n\t\t\t\tsubmenu.classList.add( 'oxel_dropdown_buttonv2__submenu--hidden' );\n\t\t\n\t\t\t})\n\t\t\n\t\t}\n\n})"},"nicename":"Icon Add","classes":["oxy-woo-button-icon"],"activeselector":false},"depth":8}]}]}]}]},"classes":{"oxy-woo-buttons":{"key":"oxy-woo-buttons","original":{"width-unit":"%","width":"100"}},"oxy-woo-buttons-add":{"key":"oxy-woo-buttons-add","original":{"width-unit":"%","width":"100","flex-direction":"row","display":"flex","align-items":"center","gap":"10"}},"oxy-woo-qty-wrap":{"key":"oxy-woo-qty-wrap","original":{"flex-direction":"row","display":"flex","align-items":"center","border-top-width":"1","border-right-width":"1","border-bottom-width":"1","border-left-width":"1","border-all-width":"1","border-top-style":"solid","border-right-style":"solid","border-bottom-style":"solid","border-left-style":"solid","border-all-style":"solid","border-top-color":"rgba(0,0,0,0.09)","border-right-color":"rgba(0,0,0,0.09)","border-bottom-color":"rgba(0,0,0,0.09)","border-left-color":"rgba(0,0,0,0.09)","border-all-color":"rgba(0,0,0,0.09)","border-radius":"4"}},"oxy-woo-qty":{"key":"oxy-woo-qty","original":{"text-align":"center","custom-css":"padding: 8px 4px !important; border: none !important;","min-width":"20","width":"40"}},"oxy-woo-qty-plus":{"key":"oxy-woo-qty-plus","original":{"border-bottom-width":"1","border-bottom-style":"solid","border-bottom-color":"rgba(0,0,0,0.09)"}},"oxy-woo-qty-btn":{"key":"oxy-woo-qty-btn","original":{"custom-css":"cursor: pointer;","padding-top":"2","padding-right":"2","padding-bottom":"2","padding-left":"2","display":"flex","align-items":"center","justify-content":"center"},"hover":{"background-color":"rgba(0,0,0,0.09)"}},"oxy-woo-qty-icon":{"key":"oxy-woo-qty-icon","original":{"icon-size":"14"}},"oxy-woo-qty-min":{"key":"oxy-woo-qty-min","original":{}},"oxy-woo-button":{"key":"oxy-woo-button","original":{"padding-top":"10","padding-left":"25","padding-right":"25","padding-bottom":"10","background-color":"#1d3daf","color":"#ffffff","flex-direction":"row","display":"flex","align-items":"center","gap":"10","line-height":"1","custom-css":"cursor: pointer;","border-radius":"4"}},"ajax_add_to_cart":{"key":"ajax_add_to_cart","original":{"selector-locked":"true"}},"add_to_cart_button":{"key":"add_to_cart_button","original":{"selector-locked":"true"}},"oxy-woo-button-icon-wrap":{"key":"oxy-woo-button-icon-wrap","original":{"flex-direction":"row","display":"flex","width":"20","height":"20","justify-content":"center","position":"relative"}},"oxy-woo-button-icon":{"key":"oxy-woo-button-icon","original":{"icon-size":"18","icon-color":"#ffffff","position":"absolute"}},"oxy-woo-button-icon-add":{"key":"oxy-woo-button-icon-add","original":{"selector-locked":"false"}},"oxy-woo-button-icon-loading":{"key":"oxy-woo-button-icon-loading","original":{"selector-locked":"false","display":"none"}},"oxy-woo-button-icon-check":{"key":"oxy-woo-button-icon-check","original":{"selector-locked":"true","display":"none"}},"oxy-woo-button-view-cart":{"key":"oxy-woo-button-view-cart","original":{"text-decoration":"underline","color":"#121212","display":"none"}},"added_to_cart":{"key":"added_to_cart","original":{"selector-locked":"true"}}}} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment