Lay Theme Forum

Hey @arminunruh no problem!

Your suggestions finally did the trick.
The script is working as intended.

Thank you very much.

Best
Lars

Dear @Richard-Keith

thanks for checking in.
Unfortunately I haven’t found a solution yet.

Like I stated in my post 12 days ago about the „Kontakt“ the script works fine as long as the page is properly (re)loaded in the browser. But it is not working when a transition from one page to another is invoked.

Any way to tell the Laytheme Single Page JavaScript application to not transition but instead to reload a new page?

Okay another observation:

Today I added a new page „Kontakt“ and put it in the mobile menu like Impressum and Datenschutz beforehand.

For whatever reason the script works as intended when going from the main page to the „Kontakt“ page through the burger menu and vice versa. On „kontakt“ the logo is linking back to the main page.

Also see the difference in the transition between clicking on „Impressum“, „Datenschutz“ or „Kontakt“. The click on „Kontakt“ seems to trigger a reload whereas the other two just chance the displayed content.

Any chance to replicate this behaviour to the other menu points?

Dear @arminunruh

thanks that totally makes sense! I replaced the script on the site and it works.

I checked it with the web inspector and the class .scrolltotop is getting added and removed accordingly.

However the same behaviour as stated in the first post still exists.

If you go to https://strategis.de/impressum/ directly, or reload the page, the logo links back to home. If you however go from the home page to the site (via the burger menu) the logo still acts as a scroll to top button.

Dear @mariusjopen

I added the script in the custom head section.

When I visit the project site by entering the URL or coming from the WP backend I get the console log.

However if I set a link to this project on another page of my website and click on it, the log is not showing up.

It seems as if the site needs to be reloaded entirely before the script fires.

Hi @mariusjopen

Here is the website:
https://strategis.de

And as I mentioned it only applies to the mobile version.

The pages „legal notice/Impressum“ and „privacy/Datenschutz“ can be found inside the burger menu.

Best
Lars

Hello,

I have a question regarding javascript that I only want to run on a specific page.

I have a one-pager and a separate legal notice and privacy page.

For the one-pager I added the following script to make the mobile site title a scroll-to-top button

<script>
window.laytheme.on("newpageshown", function(layoutObj, type, obj){
	if(type == "page" && obj.id == 86){
	    jQuery('.mobile-title').addClass('scrolltotop');
	}
});
</script>

This works fine. However I need the site title on legal notice and privacy to act as usual and redirect me to the home page.

Unfortunately the included if statement with the corresponding page id of the home page doesn’t work as I hoped. The scroll-to-top javascript still works on all pages.

A second script to remove the scrolltotop class again only fires if you go to the legal notice and privacy pages via the direct url.

Apparently I figured it out myself with a little help of this thread:

http://laythemeforum.com:4567/topic/2943/fullscreen-slider-moveto-function-no-longer-works

So I have a total of 11 slides. When I am on the first slide and I want to go left to the last slide I use

moveTo(1, 10)

When I am on the last slide and I want to go right to the first slide I use

moveTo(1, 0)

Hey,

I implemented the horizontal Fullscreen Slider for my home page and wanted to add arrow buttons additional to the circle navigation.

I followed these instructions:
http://laythemeforum.com:4567/topic/814/fullscreen-slider-trouble

but I am using

moveSlideLeft() moveSlideRight()

as mentioned here: https://github.com/alvarotrigo/fullPage.js#moveslideright

The following works fine:

<script>
jQuery(document).on("click", ".stratGoleft", function(event) {
	event.stopPropagation();
	jQuery.fn.fullpage.moveSlideLeft();
});
</script>

<script>
jQuery(document).on("click", ".stratGoright", function(event) {
	event.stopPropagation();
	jQuery.fn.fullpage.moveSlideRight();
});
</script>

Additionally I want to go to the last slide when I press the left arrow on the first slide and vice versa. However the following code is not working, regardless of the number I put into moveTo():

<script>
jQuery(document).on("click", ".stratGoright-last", function(event) {
	event.stopPropagation();
	jQuery.fn.fullpage.moveTo(1);
});
</script>

Does anyone have an idea what might be wrong?

Hi Marius,

thanks for your tipps!

I fixed it by simply changing from id to class when addressing the Button.

Could it be a bug regarding linked elements with „position: fixed“?

Anyway thanks again.

Best
Lars

Hey,

I tried to implement several anchor elements on my page http://vivienda-dresden.de (PW: duesseldorf)
I followed these instructions http://laythemeforum.com:4567/topic/2863/link-to-anchor-from-another-page

So far the „Jetzt besichtigen“-Button on the home page is working including smooth scrolling.

Unfortunately as soon as you go to my project pages it stops working.
While the X-Button in the top right corner closes the page and takes you back to the right position on the home page, the „Jetzt besichtigen“-Button isn’t doing anything.

Interestingly the link itself is working. You can right click it and choose open in a new tab.

Here is a list of these pages:
http://vivienda-dresden.de/vivienda/geschichten-01
http://vivienda-dresden.de/vivienda/geschichten-02
http://vivienda-dresden.de/vivienda/geschichten-03
http://vivienda-dresden.de/vivienda/geschichten-04

http://vivienda-dresden.de/vivienda/wohnungsdetails-01
http://vivienda-dresden.de/vivienda/wohnungsdetails-02
http://vivienda-dresden.de/vivienda/wohnungsdetails-03
http://vivienda-dresden.de/vivienda/wohnungsdetails-04
http://vivienda-dresden.de/vivienda/wohnungsdetails-05

http://vivienda-dresden.de/vivienda/lage-01
http://vivienda-dresden.de/vivienda/lage-02

Thanks
Lars

@mariusjopen said in "Read more"-Button:

https://jsfiddle.net/mariusjopen/r63w9jfg/

Dear Marius,

thank you very much, thats exactly what I wanted!

I put the the javascript in the header section as well as the css in the custom css section.
For the HTML I tried both the +HTML block as well as a +Text block. Unfortunately neither of them are working at the moment.

https://larswinter.me/wordpress

I’d like to implement a Read more button underneath my text block to expand and collapse it.

I read the following forum post but unfortunately the codepen is no longer available and I couldn’t get it to work after inspecting the original posters website.

I would like to know which content blocks need to be assigned the classes mentioned in the javascript.

Re: "Read more" button

Yes all up-to-date! The menu option is completely missing.

Hi,

the setting to set the start page in the customizer is missing.

If I visit the site wellkindoflike.us I can still see the old homepage which no longer exists under "Pages" in Wordpress. So I can’t set a new one or edit the existing one.

Hi Armin,
Great! Now it works. Thank you a lot.

At first I thought it is just a small fix needed, so I posted into the existing thread.
Sorry for that. Next time own topic. I promise! 🙈

@arminunruh Thanks! But I already tried that. Unfortunately it segments the gradient instead of running top to bottom. You can see it live at the page.

hi,
I updated too and the page went blank. I reselected my main page in the customiser. Now everything works except my fullscreen images. I applied a gradient background which worked perfect in the last release.
Also got the free version.

http://wellkindoflike.us