WebSite X5Help Center

 
Nektarios K.
Nektarios K.
User

Scrolling button  en

Auteur : Nektarios K.
Visité 1585, Followers 2, Partagé 0  

Hi there 

Are any options as scrolling the page, button appearing, and follow the scrolling with the option to back? Is for a specific page only not for all

Thanks 

Nek 

Posté le
7 RéPONSES
Paul M.
Paul M.
Moderator

Hello Nek,

You can define a scroll-to-top button in Step 2 Template Settings > Text, Field and Button Style > Scroll-to-top button

The button will only appear on pages long enough to warrant it.

Is this what you refer to?

Kind regards,

Paul

Search the WebSite X5 Help Center

Lire plus
Posté le de Paul M.
Nektarios K.
Nektarios K.
User
Auteur

Dear Paul,

For back to the top, it's ok.

that of I looking for is

For example,
I have the page Services.
I wish to use Masonry as a menu regarding the different types of services.
If you click one of those photos you will be on a specific sub-page of the service you choose.
I want to add a button for scrolling with this sub-page and if you click it you will go back to the main services page with the masonry to can choose another type of service.
That button will appear only on the specific sub-pages

Rgds,

Nek

Lire plus
Posté le de Nektarios K.
John S.
John S.
User

Hello Nektarios

Is it something like this you mean : http://eksempelsite.dk/information-buttons.html

If it is, then - only look at rightbutton3. The other 2 buttons has not their target anymore.

To make it simpler you can simply have only one image - then there is no need for the onmouseover and onmouseout. But the button can be made discrete and on hovering it could have a text. In your case you could have "Return to service-page"

Lire plus
Posté le de John S.
John S.
John S.
User

The telephone button is made normal on pageload, then it shows the information and on mouseout is shown the semi-transparent telephone. This indicates it has been hovered. As hovering is not easy on a mobile, then you maybe prefer the simple solution with just one image.

Lire plus
Posté le de John S.
John S.
John S.
User

You could make a html object ( or use expert tab for the page settings ) on a page with this content :

<style>
.rightbutton3 {
position: fixed;
right: 0px;
background-color: transparent;
top: 210px;

}
</style>


<div class="rightbutton3">
<a href="http://calendarforum.dk/" target="_blank">
<img src="http://eksempelsite.dk/images/telephone01.png" onmouseover="this.src='http://eksempelsite.dk/images/telephone02.png'" onmouseout="this.src='" target="_blank" rel="nofollow">http://eksempelsite.dk/images/telephone03.png'">
</a>
</div>

The settings can be changed to fit your needs

Lire plus
Posté le de John S.
Nektarios K.
Nektarios K.
User
Auteur

Dear John,

Yes is that one I looking for.

Thanks

I will try it and let you know.

Rgds,

Nek 

Lire plus
Posté le de Nektarios K.
John S.
John S.
User

Just for information : I have restored the targets for the other buttons.

Lire plus
Posté le de John S.