Breaking News: Grepper is joining You.com. Read the official announcement!

3cx chat style

Healthy Hippopotamus answered on September 10, 2023 Popularity 2/10 Helpfulness 8/10

answer 3cx chat style

3cx chat style

Comment

// the problem was that queryselectorall 
// is not able to see inside shadow-root even if is (open)
function add_custom_js() {
    ?>
    <script type="text/javascript">

		function querySelectorAllShadows(selector, el = document.body) {
		  // recurse on childShadows
		  
		  	 /**
			 * Finds all elements in the entire page matching `selector`, even if they are in shadowRoots.
			 * Just like `querySelectorAll`, but automatically expand on all child `shadowRoot` elements.
			 * @see https://stackoverflow.com/a/71692555/2228771
			 */
		  const childShadows = Array.from(el.querySelectorAll('*')).
		    map(el => el.shadowRoot).filter(Boolean);

		  // console.log('[querySelectorAllShadows]', selector, el, `(${childShadows.length} shadowRoots)`);

		  const childResults = childShadows.map(child => querySelectorAllShadows(selector, child));
		  
		  // fuse all results into singular, flat array
		  const result = Array.from(el.querySelectorAll(selector));
		  return result.concat(childResults).flat();
		}

        jQuery(document).ready(function(){
            setTimeout(function() {
            // sposta la bubble chat
                
            // Sposta il div #callus-container
            	var allMatches = querySelectorAllShadows('#wp-live-chat-by-3CX');
                if(allMatches && allMatches.length > 0){
                    var callusContainer = jQuery(allMatches[0]); // Prendi il primo match
                    if(window.innerWidth <= 430) {
	                    callusContainer.css({'position':'fixed','bottom':'105px','right':'5px'});
                    }
                }
                
            }, 3000);  // 3 secondi di ritardo
        });
    </script>
    <?php
}
add_action('wp_head', 'add_custom_js', 100);

Popularity 2/10 Helpfulness 8/10 Language php

Source: Grepper

Tags: 3cx chat php

Link to this answer
Share Copy Link

Contributed on Sep 10 2023

Healthy Hippopotamus

0 Answers Avg Quality 2/10

3cx chat style

Contents

More Related Answers

3cx chat style

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.