Lay Theme Forum

arminunruh

This will be where we talk about shop issues and questions and feedback.

arminunruh

Ok so I have an image in page1 and I give it an ID.
You can also give a row an ID, doesn't matter. Right click -> set html class and id

0_1520010530521_Screen Shot 2018-03-02 at 18.01.44.png

Now on another page, I create a link. Here I create a link on an image, but you could also create a link when you edit text. The important part is "#hello".
"hello" is the id that I set before.

0_1520010512900_Screen Shot 2018-03-02 at 18.02.21.png

Now I think Marius' code is probably right, maybe the problem was just that the easing named 'easeOutSine' doesn't exist. Not 100% sure here.
Add the following code to "Lay Options" -> "Custom <head> content":

<script>
    window.laytheme.on('newpageshown', function(){
       if(window.location.hash.length > 0){
           var id = window.location.hash;
           if(jQuery(id).length > 0){
                jQuery('html, body').animate(
                { scrollTop: jQuery(id).offset().top },
                { duration: 1200 });
           }
       } 
    });
</script>

That code above is cool cause it works for all pages

arminunruh

yea it was a bug, i didnt set the correct version in one file. now with 4.9.4 thats fixed

arminunruh

Hey! That's not possible right now. But I think it's a really good idea, so I will code that one day.

arminunruh

will be included with the next update

arminunruh

yea im going to start working on the blog feature now!

arminunruh

theres no way you can do that, however, i've been thinking of coding this as an option for lay theme and it is still on my list

arminunruh

hey so with the new update, projects will have body classes like category-1 category-2 where the number is the id of the category

arminunruh

Yeah, I think it would be good to be able to either define font sizes in px or in vw. When defined as vw, the font size resizes with the browser. https://css-tricks.com/viewport-sized-typography/

Should only be used for big text though. Small text could become way too small at a certain size. Like here: http://shop.mango.com/iframe.faces?state=he_004_AL
:scream:

Edit: In version 1.022 the font-size can now be set in % in Text Formats and the Customizer

arminunruh

its on my todo list

arminunruh

Can you post the link or send it to info@laytheme.com with a link to this topic please?

One reason could be that a shortcode is in use on the page that you link to.
To make shortcodes work, the whole website needs to refresh, so you won't have a smooth transition.

arminunruh

enter this in lay options → custom css & html → custom <head> content:

<script>
    var $caption;
    jQuery(document).on('mouseenter', '.col.type-img', function(e){
        //console.log(e);
        $caption = jQuery(e.currentTarget).find('.caption');
    })
    jQuery(document).on('mouseleave', '.col.type-img', function(){
        console.log('mouseleave');
        $caption.css('display', 'none');
        $caption = null;
    })
 
    var offset = 10;
    jQuery(document).on('mousemove', '.col.type-img', function(e){
        console.log('mousemove');
        if($caption != null){
            $caption.css({'display': 'block', 'top': e.clientY + offset, 'left': e.clientX + offset});
        }
    })    
</script>

enter this in "custom css for desktop":

.caption{
    position: fixed;
    display: none;
    z-index: 99;
}

now in the gridder, add an image in your layout, select it and click "edit caption" button.
add a caption. now on your website the caption will follow your mouse.

arminunruh

ah yes you're right.
i will work on it!

arminunruh

go to lay options

there is a setting for project thumbnail videos

then in customize -> project thumbnails

there are settings for playing a video on mouseover
try that

arminunruh

ok can u update lay theme now

go to lay options, scroll down, and uncheck
"Hide current Project from Thumbnailgrid"

arminunruh

Good idea!

Please add this CSS to "lay options" -> "custom css & html" -> "custom css for desktop":+1:

.project-arrow.pa-prev{
    transform-origin: center;
    transform: translate(-50%, -50%) rotateZ(90deg) translateY(-20px);
}

.project-arrow.pa-next{
    transform-origin: center;
    transform: translate(50%, -50%) rotateZ(90deg) translateY(20px);
}

you can play around with the -20px and 20px. These two values define the space between the browser edge and the project arrow text.

I think i will include the rotating for this as an option one day :).

arminunruh

hey there!
ok i will work on it!

arminunruh

actually yea this is a bug.
i just fixed it, will be released with the next update. sorry this wasn't fixed for so long, this is actually a pretty bad/important bug :O :O

arminunruh

Hey everybody.

So I set up google analytics by myself today and looked at how it works.
Turns out, nowadays there's nothing we specific we need to do to make it work with Lay Theme.

Just the standard way of setting it up is enough.

I still created a YouTube video though so you can see how to set it up cause it can be a little bit confusing.

https://youtu.be/tTM-_OFuVk4

The video is being uploaded so it should be avaiable in a few minutes.

Have a great day

arminunruh

yeah this is a good point. i should create an option one day where you can define the default colors of the color swatches

Lay Theme Forum

arminunruh

Posts