WebSite X5Help Center

 
Nektarios K.
Nektarios K.
User

Scrolling button  en

Autor: Nektarios K.
Besucht 1345, Followers 2, Geteilt 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 

Gepostet am
7 ANTWORTEN
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

Mehr lesen
Gepostet am von Paul M.
Nektarios K.
Nektarios K.
User
Autor

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

Mehr lesen
Gepostet am von 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"

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von John S.
Nektarios K.
Nektarios K.
User
Autor

Dear John,

Yes is that one I looking for.

Thanks

I will try it and let you know.

Rgds,

Nek 

Mehr lesen
Gepostet am von Nektarios K.
John S.
John S.
User

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

Mehr lesen
Gepostet am von John S.