REPEAT AN ELEMENT ACROSS ALL PAGES AND POSTS

Hello,
I have a Partner/logo element that I want To display on all pages, but I want it to be cloned because otherwise each time I change one logo I’ll have to change it in all the pages.
To achieve this I’m sending an XMLHttpRequest from function.php to the homepage, to get the container of the element and position it just above the footer on all pages.
Basically it works, the element is there, I can see it using developer tools, but the animation doesn’t work and images are in visibility:hidden .
Is there a way to have this working?
My code:

function sponsor_code() {
  if ( !is_front_page() ) {
    echo "<script>
            var xhr = new XMLHttpRequest();
            xhr.open('GET', 'https://urlofmywebsite', true);
            xhr.responseType = 'document';
            xhr.onload = function(e) {
              var doc = e.target.response;
              var sponsor = doc.getElementById('sponsor');
              let parentDiv = document.getElementById('footer').parentNode;
              let footer = document.getElementById('footer');
              parentDiv.insertBefore(sponsor, footer);
            };
            xhr.send();
          </script>";
  }
}
add_action('wp_head', 'sponsor_code');

• This topic was modified 2 years, 6 months ago by uomopalese.