Hello,
I work at the header. I wan’t a clickable zone on every side to go to “Home”- like on almost all homepages.
I have a column with a svg logo and a H2 typo in it. I look fore the “interaction” menue. Where could i find it?
rg Piet
If you’ve set up the logo on your page, you can simply select it and apply an interaction to it. If you have other elements in the same column, and you want to make the whole column interactive, you will have to apply an “Onclick” event to the column.
where find it, there is no menue (as by photos)
When you select an image or navigation bar logo, you will see the interactions option in the right properties panel. Just select the interaction you would like.
Hello Piet
In addition to @hendon52 answer I suggest to watch Eldar Gezalov’s Tutorial videos. There is a set of videos that cover the basics of Blocs. They are immense helpful.
2 Likes
Yes i look, but i haven’t seen all ;(
Have you clicked on the logo? Only then you can see the options relating to that selected object like the Interactions. Interactions only work with certain elements e.g., logo, images.
1 Like
Yes, it is the same. (the logo ist no jpg or png it is svg-file / html widget and the menue does’nt change, when it is selectedt.
The option isn’t showing because you appear to have selected a row or a column. You have to select the image. In most websites, the logo will be an image link that forms part of the navigation bar as shown below:
Clearly, if the whole row was made into a link, there would be no way to select individual navigation links.
If your logo is in a row or column all by itself, with no other content or links, You could select the row (or the column) and add a custom attribute in the section shown below:
The attribute should be onclick and its value should be location.href=‘your-page-name.html’ This will make the whole row or column into a link that you can link to your home page. Just change the words your-page-name.html to index.html, or the name of any other page you want linked.
2 Likes
The example I gave above is for full URL’s such as https://yoursite/index.html
For a relative link you should use the attribute name onclick value document.location.href=‘index.html’;
If you want a javascript option to provide the function, add the following code into the head of your page
<script>
function homeLink() {
window.location.href="index.html";
}
</script>
Now select your column/row and add the following to the custom attributes.
Name onclick Value homeLink()
Both achieve the same thing.
1 Like
Thankyou! I take the script (all pageheads except home) and it works fine.
Nice weekend!
I now built my first simple homepage with blocs and great help from the forum. I hope the software will be maintained for the next 10 years so that I don’t have to change again. With the Google search, instructions and Eldar videos I will probably not be able to solve all questions in the future, but I had great support from the forum - thanks for that! Piet
4 Likes
Happy to hear you sorted the problem.