Dear @mariusjopen

found the Problem (with friend of an real dev guy) ;)

needed to change this

jQuery("#cover-region .background-video video")

to

jQuery(".cover-region .background-video video")

script not working since laytheme 3.2

Dear @Marius @mariusjopen and @Armin-Unruh @arminunruh,

since major update 3.2 my little script (pic randomly a video from a list and play it at background) is not running anymore. it’s placed in the field "Custom HTML at bottom"

can you pls help?

thx
<3

here is the script code

<script>
jQuery(function() {
  var $videoElement;
  var numberOfMillisecondsBetweenVideoSwitches = 24000; // 10 seconds
  var currentVideoIndex = 0;
  var listOfVideoSources = [
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner-Zugfahrt.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_Pinakothek.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_PUMA.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_Waschstraße.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_onSet.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_ostsee2.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2017/10/Banner_web_sky.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2017/09/banner_lift.mp4",
    "http://albrechtgaebel.de/wp-content/uploads/2017/10/banner_web_Mediamarkt.mp4",

  ]
  
function shuffle(array) {
  var currentIndex = array.length, temporaryValue, randomIndex;

  // While there remain elements to shuffle...
  while (0 !== currentIndex) {

    // Pick a remaining element...
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex -= 1;

    // And swap it with the current element.
    temporaryValue = array[currentIndex];
    array[currentIndex] = array[randomIndex];
    array[randomIndex] = temporaryValue;
  }

  return array;
}
  
  function playVideo(event) {
      $videoElement[0].play()
  }

  function loadRandomVideo() {
    if(currentVideoIndex >= listOfVideoSources.length) {
        currentVideoIndex = 0
        shuffle(listOfVideoSources)
    }
    
    if(!$videoElement) {
        $videoElement = jQuery("#cover-region .background-video video")
        $videoElement.on("loadeddata", playVideo)
    }
      
    $videoElement.find('source').attr('src', listOfVideoSources[currentVideoIndex])
    $videoElement[0].load()  

    currentVideoIndex += 1
  }
  
  // randomize list of videos
  shuffle(listOfVideoSources)
  // choose a random one to start
  // loadRandomVideo("http://albrechtgaebel.de/wp-content/uploads/2017/10/Banner_web_Bellevue.mp4")
  // in numberOfMillisecondsBetweenVideoSwitches choose a different video
  setInterval(loadRandomVideo, numberOfMillisecondsBetweenVideoSwitches)
})

 
</script>

Same on two pages...

Fatal Error after upadte to 3.0 on two different websites:

www.albrechtgaebel.de
www.danalorenz.de/wordpress

with this message:

Fatal error: Uncaught Error: Access to undeclared static property: LayFrontend_Options::$playicon_id in /www/htdocs/w00ed420/wp-content/themes/lay/frontend/assets/php/frontend_options.php:84 Stack trace: #0 /www/htdocs/w00ed420/wp-content/themes/lay/frontend/assets/php/frontend_options.php(187): LayFrontend_Options->__construct() #1 /www/htdocs/w00ed420/wp-content/themes/lay/functions.php(47): require('/www/htdocs/w00...') #2 /www/htdocs/w00ed420/wp-settings.php(514): include('/www/htdocs/w00...') #3 /www/htdocs/w00ed420/wp-config.php(90): require_once('/www/htdocs/w00...') #4 /www/htdocs/w00ed420/wp-load.php(37): require_once('/www/htdocs/w00...') #5 /www/htdocs/w00ed420/wp-admin/admin.php(34): require_once('/www/htdocs/w00...') #6 /www/htdocs/w00ed420/wp-admin/index.php(10): require_once('/www/htdocs/w00...') #7 {main} thrown in /www/htdocs/w00ed420/wp-content/themes/lay/frontend/assets/php/frontend_options.php on line 84
Es gab einen kritischen Fehler auf deiner Website. Bitte überprüfe den Posteingang deiner Website-Administrator-E-Mail-Adresse für weitere Anweisungen.

Fatal error: Uncaught Error: Access to undeclared static property: LayFrontend_Options::$playicon_id in /www/htdocs/w00ed420/wp-content/themes/lay/frontend/assets/php/frontend_options.php:84 Stack trace: #0 /www/htdocs/w00ed420/wp-content/themes/lay/frontend/assets/php/frontend_options.php(187): LayFrontend_Options->__construct() #1 /www/htdocs/w00ed420/wp-content/themes/lay/functions.php(47): require('/www/htdocs/w00...') #2 /www/htdocs/w00ed420/wp-settings.php(514): include('/www/htdocs/w00...') #3 /www/htdocs/w00ed420/wp-config.php(90): require_once('/www/htdocs/w00...') #4 /www/htdocs/w00ed420/wp-load.php(37): require_once('/www/htdocs/w00...') #5 /www/htdocs/w00ed420/wp-login.php(12): require('/www/htdocs/w00...') #6 {main} thrown in /www/htdocs/w00ed420/wp-content/themes/lay/frontend/assets/php/frontend_options.php on line 84

I only can access by backup mode in WP. Pls help!

Dear @mariusjopen — yes sir.

Lay Theme Version: 2.9.6
WP 5.3.2–de_DE
Plugins also

Albrecht

Dear Lay Team,

short question. maybe my fault. But the Point "CSS-Klassen (optional)" and "Link Beziehung" in the backend of the "menu"-Menu is not there. What am I doing wrong or is it a bug?

this is how it should look like

this is how it look on a page I’m working on.

Thank you! <3

Dear Layteam,

I know the topic is already bespoken, but I do have trouble with blend-mode. It does not work at all an every common browser.

please check:
http://itsabook.de/2019

The red bubbles should be mulitply

Can you help me out?

.button {
	
	    -webkit-transition-duration: 0.8s; /* Safari */

	
border-radius: 1em;
padding: 1.0% 4.8% 1.3% 4.7%;
background: rgba(255,0,0,1);
background-blend-mode:multiply;
white-space: nowrap;
color: #ffffff;
font-size: 140%;
vertical-align: 10%;
letter-spacing: -0.01em;
}



.button:hover {
	border-radius: 0.4em;
opacity: 1;
background-blend-mode:multiply;
border-color: #000000;
 background-color: ff0000;
	font-size: 140%;
color: white;
}```

Dear @mariusjopen

I located the problem. It was a new CSS Code which I puted into the Custome CSS "Head Content". The script was the one to jump to specific Pixel on the Page (via #hashtags), which Armin explained in his YT Tutorial. Did you understand me?

Maybe the Script is buggy? The Function "jump to Pixel" is nice and it would be nice to use it later.

This Code:

<script>

jQuery(document).on( 'click', 'a[href*="#"]', function(e){
    e.preventDefault();
    var hash = jQuery(this).attr('href');
    var el = jQuery(hash);
    var top = el.position().top;
    jQuery('html, body').animate({
        scrollTop: top
    }, 300, 'swing',
        function() {
            window.location.hash = hash;
        }
    );
} );

window.laytheme.on('newpageshown', function(){
    var hash = window.location.hash; 
    var el = jQuery(hash);
    var top = el.position().top;
    window.scroll(0, top);
});

</script>

Hi Marius!

its at the Frontpage. Screenshot attached. If you resize a small Browser Window a bit it works, but if you visit it on your phone you will see the prob. ;)

Updated everything and refreshed the cache... problem is on chrome as on safari...