WebSite X5Help Center

 
Jamie B.
Jamie B.
User

Responsive website  en

Autor: Jamie B.
Visitado 4261, Followers 2, Compartido 0  

To create a responsive website in x5 create 2 sites desktop and mobile, in the desktop version make your header the same size as the background, in mobile version make your header width 640 pixels then use the mobile redirect script which I will upload shortly. It's not as hard as some people think. You can see how it works here www.x5tuts.com/new check on pc first then mobile

Publicado en
13 RESPUESTAS - 1 ÚTIL
Eduardo Volpi A.
Eduardo Volpi A.
User

You don't have "one" responsive website. In fact you still have "two" separated and manteined websites, one for desktop and another for mobile.

Great work anyway.

Leer más
Publicado en de Eduardo Volpi A.
Jamie B.
Jamie B.
User
Autor

Yes that's true, but visitors don't know that once the visit the site via mobile, the script automatically detects the mobile device, and redirects to the mobile version, this is the only way to give the look of a responsive site at the moment.

Leer más
Publicado en de Jamie B.
Eduardo Volpi A.
Eduardo Volpi A.
User

Regardless of users knowing or not, its not a "responsive" website, so you can't claim "To create a responsive website in X5..."

Leer más
Publicado en de Eduardo Volpi A.
Luis S.
Luis S.
User

Responsive would have been THE reason to buy X5 pro.....well some day :/

Leer más
Publicado en de Luis S.
Jacinto R.
Jacinto R.
User

Sadly there is no responssive themes on website x5 pro. I did purchased it the pro, but there are few things that need inprovements. If i would know of the limitation before paying 250$, I would had gone with wordpress themes. 

Leer más
Publicado en de Jacinto R.
Jamie B.
Jamie B.
User
Autor

my apologies Eduardo maybe I worded it wrong, yes we created 2 sites 1 mobile and 1 web, but the script we use for mobile redirection redirects users to the mobile template, so users will never know the difference, we have 3 full screen templates that come with mobile template and have the redirection script already in the main web template you can view them here on your pc and mobile device www.x5tuts.com/store.html

Leer más
Publicado en de Jamie B.
Oliver E.
Oliver E.
User

Hello Jamie, i cant find your script. Did you allready upload it?

Leer más
Publicado en de Oliver E.
Oliver E.
Oliver E.
User

got it:

<scriptlanguage="javascript">var mobile =(/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));if(mobile){ window.location.replace("http://m.site.de");}else window.location.replace("http://your.pc.site");</script>

Leer más
Publicado en de Oliver E.
Jamie B.
Jamie B.
User
Autor

yes thats correct, i will upload the script shortly for everyone to use, our premium templates already come with it included in the template packs, so it makes it easier to use our templates.

jamie

www.x5tuts.com - x5 tutorials & forum

Leer más
Publicado en de Jamie B.
Jano M.
Jano M.
User

Jamie, nice sites, but they are not responsive...

Leer más
Publicado en de Jano M.
Edwin P.
Edwin P.
User
Jamie B.
yes thats correct, i will upload the script shortly for everyone to use, our premium templates already come with it included in the template packs, so it makes it easier to use our templates. jamie www.x5tuts.com - x5 tutorials & forum

Jamie - where on your website exactly can I find/buy your tutorial and/or script?

Thanks

Edwin

Leer más
Publicado en de Edwin P.
Shane Martin
Shane Martin
User

I take it the script above is the correct script even though it wan't Jamie posting? If so, do you insert the script on the main site? In what part do you insert it? Also I take it you replace the "http://m.site.de" with the main site and replace "http://your.pc.site" with the mobile site?

Leer más
Publicado en de Shane Martin
Chris S.
Chris S.
User

You should put the script on each page that you want to have the redirection happen, as the visitor could get to your site on any page, I think the above script also caters for if the visitor gets to the mobile page on a pc it will redirect to the desktop version. "http://m.site.de" is where you put your mobile address, "http://your.pc.site" is where you put your pc or main address.

Another way is to test the width of the browser and switch to different pages, so you could have more than two different widths.

The script is to be placed inside the body of the page, look in X5 help for adding code into the page html.

Leer más
Publicado en de Chris S.