Lay Theme Forum

Hello laytheme forum :)

I am building out a new site and very excited about the new masonry features added to the elementgrid. super fun. I am very used to the carousel plugin which allows both html5 and vimeo/youtube videos. it looks like on elementgrid only has the option for html5 videos at the moment, was this always the case? I was really hoping to embed vimeo videos into the elementgrid and it would be great if this feature from the rest of laytheme could be added to the elementgrid as well! (or brought back?)

@arminunruh ahhh yes i did not think about the default position for the filter being static at the top, that would explain why this function isn't included! lol my apologies, thank you for taking the time to look and for the script recommendation! i'm super excited about this one :)

hello,

i'm not sure if this is a bug or the current functionality. when clicking on a category in the filter bar in a project thumbnail grid, is there any way to make the page scroll up to the top? when clicking on a filter option at the bottom of the page, the newly filtered results load, the page is smaller due to this, and the user if stuck at the very bottom [desktop view recommended to see this, the mobile is still in progress of being built] link

thank you for your response armin, i am following up with you via email for the 1st issue. for the vimeo video not pausing audio after clicking out of the overlay (which only pops up on first page load in the tab)– i used custom code to cancel out the audio/iframe src! it was not working before that, not sure if it was due to any conflicts.

Just bumping this thread to see if anyone has a clue what's going on? Some days the images load, some days they don't. It's super frustrating to not have a clue why! I turned off all plugins not related to lay theme

website link where both bugs are persistent

hi laytheme community :)

i have one bug report / feature issue, and then another issue that i am not sure what's up with.

the first bug report / issue is related to when a vimeo video plays on a website page overlay– when you close out of the overlay, the video audio continues to play. when using other laytheme features like the carousel, advancing to the next slide stops the previous slide's video/audio. Is this possible for the overlay feature when closing out too?

the second is more major, and i've experienced this on multiple laytheme sites. sometimes the images do not load into the DOM for a project thumbnail grid if that project has a thumbnail video. this is ESPECIALLY prevalent on mobile devices / emulator in DevTools. all projects with video preview thumbnails are entirely missing their still images on some page loads (projects should show still images, with videos only playing on hover. on mobile, only the still image should show. sometimes the website loads with only the videos, and they are all autoplaying at the same time.) see screenshots below to see images completely missing from the DOM:

desktop with images in the DOM:

images missing from the same section after reloading with mobile view in devtools:

Thank you so much Armin, this is a gamechanger and worked like a charm, much better than my original method (: And my apologies for not being able to explain the issue well earlier!

@arminunruh Hey Armin! I'm just following up on my last response here, this is the last bug that I have, and I'm wondering if you were able to check the code to see why the <title> element is not updating when you go back? (if i go back from the About page, it continues to still read ABOUT instead of the current page's title, when you hit the browser's back button or the in-page javascript back/close button). You can see this outlined with the neon green boxes in the screenshot:

thank you so much for considering this!! :)

@arminunruh i just updated and it looks like it's working now! thank you so much for looking into this, it's performing really well. So excited about it!!

hi armin! i noticed a bug on the full screen slider plugin as i'm close to wrapping up this site. i know we are discussing another bug with the <title> element but thought to keep bug reports separate on the forum.

i am using the fullscreen slider add-on for the /home page, and placing project thumbnails with video thumbs as the only content in each fullpage slide. unfortunately, the video thumbnail usually remains in the 'paused' state when i go backwards / to the previous fullpage slide, rather than the next. this is especially noticeable on mobile devices. i'm assuming there's something keeping it paused, from going back to the 'play' state when i go back to the previous slide. i'm hopeful this is an easy fix?!

i use the carousel plugin often for project pages, and typically use the same sizing throughout an entire website (i.e. 100svh or 100svh - 200px, etc.). i'm hoping to suggest adding this functionality into the carousel plugin setting, where you can set a default size to be automatically be enabled as is the case with transitions, speed settings, alignment settings? that way you don't have to type in '100vh' or a specific size every time you're adding a new carousel to a new project page :)

i will shoot you an email when the site goes live :)

In response to your jQuery recommendation– my only problem right now is that I am not setting the document title, but rather pulling the project title from the document title and outputting it into a div onto project pages (since laytheme customization is mostly with CSS/JS, I cannot print it with PHP, and that's the only place the project title exists in the front end / DOM that i can pull from). Basically I do not want to have the owner of the site to manually put their project titles into the gridder, just want it automatically injected into the page with javascript like i have it now.

so the issue is that when you click 'close' on the about and go back to a project page, you'll notice that the project page title div reads 'about' on the page instead of 'savage x fenty', because <title> isn't updating even though the browser tab is. is there any other javascript method to pull the browser tab title (or back end project page title), and not from the <title> element, since it's not updating properly? this is sort of where i'm stuck at the moment!

@nicolassa until an update is published you can use the following code and it should fix it. add to your custom CSS:

.col.type-carousel img.laycarousel-custom-button {width:auto !important;position:relative !important;top:auto !important;left:auto !important;}

this seems to be the cause?

i just updated to the new laytheme and the prev/next buttons in the carousel plugin stopped showing on all pages with a carousel, i wanted to bring attention to this new bug (:

put this in your custom CSS

img.html5video-customplayicon {
    top: 50% !important;
    left: 50% !important;
    width: auto !important;
}

your play button is currently affected by the following line of code, not sure if it's yours or from a recent laytheme update, but it is overriding the play button's styling:

.col:not(.type-html):not(.type-shortcode):not(.type-text) img {
    top: 0;
    left: 0;
    width: 100%;
}