Supersites and implementation for newbies. Comments/suggestions appreciated.

I've just started playing around with supersites. As I see it, the page transition feature of the supersite is the draw. I'm thinking the option to have all pages scroll as one might be very useful for mobile devices too. You can convert any regular site to a supersite. If you do not want page transitions on every page, you can set the transition to the site for instant, then set transitions on individual pages. Listed are articles from Xara. On the first there are 3 examples, some where the arrows don't work to move thru the pages, only if you use the navigation bar (which I would want but haven't been able to find how to turn off the arrow key page transition). There is quite a bit of info in the links including how supersites work with SEO. I just started pulling up regular full web templates in xara, then changing the settings to supersite and previewing to work with it.
https://help.xara.com/article/38-supersites , https://help.xara.com/article/465-ho...-on-supersites - does not disable the ability of the arrow keys to navigate. Thought I'd share these articles for others new to supersites.

Quote:

---

Originally Posted by yellowbird

I've just started playing around with supersites. As I see it, the page transition feature of the supersite is the draw. I'm thinking the option to have all pages scroll as one might be very useful for mobile devices too. You can convert any regular site to a supersite. If you do not want page transitions on every page, you can set the transition to the site for instant, then set transitions on individual pages. Listed are articles from Xara. On the first there are 3 examples, some where the arrows don't work to move thru the pages, only if you use the navigation bar (which I would want but haven't been able to find how to turn off the arrow key page transition). There is quite a bit of info in the links including how supersites work with SEO. I just started pulling up regular full web templates in xara, then changing the settings to supersite and previewing to work with it.
https://help.xara.com/article/38-supersites , https://help.xara.com/article/465-ho...-on-supersites - does not disable the ability of the arrow keys to navigate. Thought I'd share these articles for others new to supersites.

---

The Help Centre article https://help.xara.com/article/465-ho...-on-supersites refers to hiding the v17 presentation controls (by changing the registry setting); this does not however disable those controls.

There are three code snippets developed by Siran & Acorn that became part of the Ultimate Supersite Slider threads; one manages hiding the presentation controls, one manages disabling them completely and the other provides auto scrolling of pages. You can remove any lines that begin with <!-- or // - they are comments/ reminders about the code.

Code:

---

<!--scrolling supersite v17-->
<!--insert the following code into first page HTML code (head)-->

<!--do not show display navigation in v17 -->
<style>#xr_palrt,#xr_pnava{display:none !important}</style>

<script>
// disable keyboard navigation in v17
(function(){if(typeof(xr_prinit4)=="function"){var o=xr_prinit4;xr_prinit4=function()
{o();if(document.onkeydown==xr_prku)document.onkeydown=xr_d_old_onkeydown;};}})();

//scrolling supersite
setInterval(function(){xr_spapp((xr_curp+1)%xr_spapn);},6000);

</script>

---

Using this code to hide/disable presentation controls avoids playing around with registry. By way of example here is a supersite without v17 presentation controls https://initiostar.co.uk/demo/BoxSli..._page_slider-b. It is embedded in a website here: https://initiostar.co.uk/demo/BoxSlider/

The Supersite uses all three code snippets above - you can change the auto-transition time from 6000ms to anything of your choosing.

Egg has created a fantastic example of all this in practise on your other related TG thread. https://www.talkgraphics.com/showthr...made-with-Xara. IMO far better than Xara's efforts!


Gary

Egg posted the link to his video on my other post, and two other files. I saw this some time ago, followed the instructions and got it to work locally on the example I created. I wasn't so sure about actually getting it on the website correctly, and didn't go forward with it. I'm starting to understand how some of these things work a little better, so I'm going to go through it again. Wasn't sure if that was how he created the example of the xara slider on my other post. I'm sure I'll have more questions, really appreciate the help!

Just follow Egg's great video and XAR examples. We're both doing exactly the same.

Quote:

---

... do not show display navigation ...

---

The display navigation is the one I detest. I don't want a website looking like PowerPoint!
A supersite is a website, not a presentation.

EDIT: Cross posting here. Get back anytime if you want further help ;)