Lay Theme Forum

Okay… If someone is someday trying something similar, I kind of got a vague idea how to pull this off. So, in short, I try to create pagination 1/3, 2/3, 3/3 etc… to a site using full-screen slider addon.

I'm a complete newbie with jQuery/JS, so this could be tidied up for sure. But the only major thing I'm still struggling with is to count the number of elements to get the total amount of slides. Checking the number of slides with "length" works nicely on Chrome console, but when I add this to LayThemes custom head content it always returns "0".

<script>
   var totalCount = jQuery(".fp-slide").length;
                
    window.laytheme.on('newpageshown', function(){
       
    console.log(totalCount);
        
        jQuery(".row-0 > .row-inner > .column-wrap > .col").append("<div class='page_number'>1 / "+totalCount+"</div>");
        jQuery(".row-1 > .row-inner > .column-wrap > .col").append("<div class='page_number'>2 / "+totalCount+"</div>");
        jQuery(".row-2 > .row-inner > .column-wrap > .col").append("<div class='page_number'>3 / "+totalCount+"</div>");
    });
</script>

If someone notices some obvious thing that I'm missing to get the length work, I'd of course appreciate some quick tips! :)

Hi! Once again I'm here with a question... Would you have any suggestion on how to create page numbers for rows when using the fullscreen slider?

I am basically creating a site which is just one big carousel but would like to use the fullscreen slider instead of the carousel addon, so I can better customize the layout of each slide.

My problem is that I'd need to show numbers of each slide. I could, of course, put them there manually, but that would be a bit unpractical if I decide to change the order of the slides later.

Thank you so much for your help and the amazing work as always!

@mariusjopen I don't know if my example helps at all, but I replicated the above negative value hack here: http://anttonnuotio.com/testsite Arrows are nicely outside the container and everything works. This is made with an older version of the carousel plugin, with the newest one this doesn't work anymore. There the overflow is hidden, and when the buttons go past the container they're not visible anymore…

Would really appreciate finding some solution for this! Going back to the old version for example, if that's possible…

Thanks a lot for your help as always!!!

Hey! I have a similar need/problem/request! Before I was able to set the arrows outside the container with negative values. Now after the carousel updated the buttons are hidden outside the swiper-container. Is there any css hack I could use? Or as a last resort, is it possible to go back to the old carousel plugin without downgrading WP or Laytheme otherwise? ::desperate::

Exact same problem. Updated the plugin and now all text slides, which were previously aligned vertically middle, are aligned to the top. The different options don't have any effect.

Dear Armin & Marius (& possibly others!) First of all, I love Laytheme and have used it successfully for many projects now. I like the simplicity, cleanliness and the fact that I can quickly and easily set up very different kind of structures and layouts, but then I can also go deep with CSS+JS customization and pretend to myself that I'd be a real coder...

While the Laytheme keeps on getting better and better by every update I wish I could just use this theme and forget any others. But the lack of blog/news integration forces me sometimes to look elsewhere. I know this theme is designed for portfolio use and there're no false promises of anything else. Fair enough. Still, I wish you guys would someday turn this into a real jack-of-all-trades theme and surprise with a way to set up some kind of blog. Then I'd never need to go through these endless lists of shitty Wordpress themes anymore...

One can always wish, right?

@mariusjopen Thank you so much if you can give this a second look with Armin! On some browsers&fast connections the site loads pretty okay but on some, it seems to still take over 20 seconds. I agree that there's A LOT of images indeed, but somehow I'd need to find a way to live with them. At least they're now all heavily compressed…

Mainly I'm wondering if there's still something I could do on the Layoptions. I'm a little bit confused with the lazyload preferences for example. I have tried to turn it on and off on the general settings and on the carousel settings and I don't notice any difference in the performance. It does seem to load all the images immediately on page load no matter what option I have enabled. What would be the best option(s) in my case?

Thank you so much for your help and happy christmas+holidays to you as well!

Btw I changed the page to load all images instantly which sounds like a bad choice, but I hope it would at least force the images to show up.

The loading time is still at worst about 25 seconds and sometimes the images don't show up at all. :(

Damn… that would be extremely unfortunate. Have been using Laytheme before with different kind of sites and I really love working with the theme. I still hope there would be some way to get my site working without starting over with some new theme. (At this point of the project it would be super difficult).

According to the description Laytheme is supposed to be a well-suited theme for portfolios, so it should presumably handle a lot of high-resolution images? I keep my fingers crossed that there would be a solution!

Uh oh… I might be able to resize the images a bit, but I'm afraid that's not going to help too much. I hope there would still be something I could do in the options. The overall loading time is inevitable, but the fact that the first picture takes so much time to load is not ok at all.

My general settings are now:

And the carousel settings:

Do you have any suggestions what I could try?

Hello! This might be a bit complicated question, but I’m getting complaints from the client about the slow loading speed of their site and I don’t know anymore is there much I can do in the ”code”/options in order to increase it.

The problem is that the front-page has A LOT of carousels with a lot of big images which obviously takes a while to load when visiting the site for the first time (even though on my tests the speeds are usually all right or at least acceptable). And therefore it might take some time for the first image to appear, which becomes a bit problematic. On a bit slower connection this might take over 20 seconds.

My questions are:

1. Is there any possibility to force the page to load first one specific image? (In this case the first image of the first carousel) and then first after that start to load the remaining ones. Maybe by using the first image also as some kind of placeholder perhaps or with some additional script? (haven't been able to figure out a way to do this my self…)
2. I have now set the images to lazy load in the Lay Options, but I’ve tried also the ”Load all images of a page instantly” option without seeing that much difference in the performance. Which one, in this case, would theoretically be a better option, if my aim is to make the first image to appear as quickly as possible? The carousel addon is set to lazyload as well.

Thank you so much if you’re able to give this a look! I absolutely love working with this awesome theme, but when getting this kind of feedback I’m getting a bit clueless about what to do.

The page is http://janinerewell.com/work and the password: jr

Hi! After updating the carousel addon to the latest version, texts are not anymore positioned in the middle as they use to be. And in "Lay options" -> "Vertical Alignment of Text" doesn't change anything, texts are now always aligned to the top. Unfortunately I don't remember in which version this still worked…

Website: http://janinerewell.com/work password: jr (The text slide is the last slide on the first carousel)

Oh thanks for considering this as an option! Looking forward to this in the future!

Hi and sorry for not linking the website. I haven't yet started to implement the actual layout to wordpress+laytheme, but here's a quick example, how I would like the website to function.

So my wish is to make the second text slide of the carousels so that user could highlight and copy texts. And therefore disable "clicking the picture goes to next slide" functionality.

http://anttonnuotio.com/playground password: carouselTest

Thank you so much for your help!

Hi! I have a site that uses a lot of carousels and on each carousel, I have text slides as a project description.

I would need to make these texts possible to choose and copy like texts normally and disable "next" navigation on click (preferably only on desktop). Buttons as a navigation would be enough.

Do you think this could be possible?

Thank you!

Yes, WP 4.9.1 and Lay Theme 2.4.1. As said the error on Chrome's console states that: "Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause()."

Thank you for the help!

Video bg is on the fourth slide: http://annaalanko.com/home On safari video seems to work, but not on chrome. Haven't check other browsers yet.

Hi! My background row videos don't work very reliably (sometimes they show up, but sometimes nothing)... Getting this error from Chrome's console: "Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause()."

I'm using fullscreen slider, could that be a problem?

Thank you for your help!