Hi Attila,OK, I have been experimenting with various sliders, and am getting better at it.
But now I'm a little stuck... can you please help me?
I installed the Marketing Page PACK of sliders and customized them to my liking. It is a full page series of sliders that seem to replace the need for a separate WP theme for a complete website. It seems that I need to paste the layerslider shortcode into the first loaded homepage somewhere. OK, so I created a static homepage to paste the shortcode into, but then the first slider in the Marketing Page PACK loads under a generic header and menu bar... If I load a WP Theme, I get the same results, but not generic.QUESTIONS:1.) Is there away I can set up a bare minimum homepage that won't even load, but instead go straight to the Layerslider and load the first Marketing Page PACK fullscreen slider? How do I link together the other sliders in the PACK without using a WP theme... by pasting the next slider ID into the mouse scroller on the previous slide?2.) I want to add a contact form and portfolio slider featuring screenshots of computer graphics and website interfaces I have designed over the years.... can I add separate form and a scrolling slider on an additional slide inside this Marketing Page PACK and crosslink the buttons with shortcodes to these new sliders? Or can you recommend WP Themes that will ntergrate nicely with the Marketing Page PACK and offer the features I need?Please forgive my stupid questions, Attila... I'm an old-school dinosaur transitioning from Dreamweaver and ASP to this new world of Linux and Wordpress, and it seems the learning curve fro this old fart requires ice cleats and a rapalling harness! LOLThanks for your patience and helpfulness,Jim
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Please note that the marketing page pack is made up from individual sliders. They are not connected in any way other than that you're importing them as a bundle. They are still separate sliders and have to be added to the page separately. Also, you can insert as many sliders to the page as you want. You are not limited by any 'packs'.
There are several methods you can use to insert sliders to your site. They are detailed in the documentation here: https://layerslider.kreaturamedia.com/documentation/#publishing-sliders If you're going with shortcode, you will need to insert every slider's unqiue shortcode separately to the page under each other. If you do not possess a theme or page builder, you will need to edit the page itself in WordPress for this. If you insert a slider at the top of your homepage and set it to start immediately, it will show up right after the pageload.
LayerSlider does not have a contact form built-in. But you can insert such forms as HTML layers, from other plugins or external sources with their shortcode for example.
If you would like to scroll to other elements on the page by clicking on a layer, you can use the Layers -> Link & Attributes -> Linking -> Scroll to element (enter selector) option. You will need to add the selector for the target element then, instead of an URL.
Hi Attila,OK, I followed the instructions you provided and was able to load the shortcode into a stripped-down Wordpress theme.The effect I'm trying to get is to have only one full-screen slide on a page, and when you click the mouse (or link) it replaces that slide with another single full-screen slide on that page... not so that there are multiple slides under each other on the same page.Is there a tutorial you can suggest that shows how that is done? Or do I have to nest multiple slides onto a single timeline? I can't seem to figure it out on my own... can you offer a brief instruction on how to achieve that effect?Thanks,Jim
In addition to shortcode, you can also use WordPress' recently introduced Gutenberg block to insert sliders. It might be even faster and easier: https://layerslider.kreaturamedia.com/documentation/#publish-gutenberg
Unfortunately you cannot swap out whole sliders this way. However by adding several slides to a single slider you basically achieve the same thing. You can create multiple slides in one slider and then navigate through them with smartlinks, eg clicking on layers will take you to a specific slide: https://layerslider.kreaturamedia.com/documentation/#builder-layer-linking
Hi Attila,That Gutenberg has been very helpful, and I got linking between sliders with smartlinks. Very cool... thanks.I just finished modifying that Marketing PACK for my own personal website at http://3dnm8r.net ... everything was working fine. I was doing some final clean-up and removing unused themes, etc. SUDDENLY, I go back to view my website and some of the graphics in each slider aren't showing?!? So I opened up each slider and preview each one... all is working right. I republish, just to be sure, but some of these graphics are not showing up!Could I have accidentally changed some setting I wasn't supposed to? Check it out: when you direct your browser to http://3dnm8r.net and the very first slider loads, you will see that the computer, the blue wavy background and the scroll mouse are gone. Click "Learn More" and the second slider loads fine. Click "Learn More" and the third slider is not showing the iPhone and images to the right! Any idea what happened? Jim
Hmmmm... I think I may have fixed it.I went under Jetpack - Settings
I turned off "Enable Lazy Loading for images" ... now, the missing images are showing up in my sliders again!Any idea why enabling Lazy Loading causes this glitch?
Thank you for the feedback.
Unfortunately, we had several issues with Jetpack in the past. The most recent problem is its lazy load option, that interferes with the slider's content, preventing certain images from showing up.
Sadly, there's not much we can do about it from our end as the issue is generated by Jetpack, and the not too careful implementation of this lazy load feature.
I'd recommend keeping that option disabled, LayerSlider also has its own lazy load. Or if Jetpack provides such option, you could try to exclude LayerSlider from its target list.
I've just replied to your email. For reference, here's my original message:
"For me, it seems to be working as expected. Your slider is set as a Hero Scene slider, which means it'll cover the available screen space from the point where it's inserted. Since your header area is quite large, there might simply not be enough free space for the slider. If it's not important to fit the whole slider into the viewport (above the fold), then you can set it to be a regular Full Size slider, and it will be large again. Alternatively, consider shrinking the vertical size of the content above the slider."
Best Regards,John | Kreatura Dev Team
Hey Attila,OK, when I opened it in Firefox with the Web Console, I reloaded the page and got the following error message:Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. layerslider.utils.js:13:57660Could this be causing the problem?Is there an easy fix?Thanks,Jim
Hi John,I just read your response.The slider used to be full screen. Nothing else is supposed to be on the page. No header, nothing.Just lke the template I made it from.Jim
I attached a screenshot how it looks on my computer. The links on the top, the "10 seconds" heading, and the yellow-ish stripe takes up considerable amount of screen space. The current layout mode is set to Hero Scene. You can change it by setting the Slider Settings -> Layout -> Full Size -> Mode option to "Normal".
Attached files: Screenshot 2020-09-16 at 19.59.01.png
Hey John,Yea, that's what shows on my browsers too. It never used to have anything at the top or bottom... no header, no links, no yellowish stripe, no footers, NOTHING but hte slider.I'm not sure if the WP updatwe "broke" my theme settings, but now I can't seem to turn of headers, footers, menu links.... how do I make ALL that stuff go away?Thanks again,Jim
It depends on the WordPress theme, its settings, and the template you've chosen for that page. It's usually set in the page editor. Just make sure to open the right sidebar as the new Gutenberg editor that WordPress recently introduced collapses that sidebar pane by default. There you will find the page template. Page builder plugins (if you're using one) usually also have their own way of setting the page template and similar settings that might be relevant.