Elxis 4.1 mobile frontpage

[datahell]

We just finished the module that will be shown by default on Elxis 4.1 Poseidon frontpage for mobile devices.
The module is named Mobile frontpage and will be included in the standard distribution of Elxis 4.1.
We followed a responsive design for this module. The first 2 screenshots shows this module in different configurations (more are supported).

I also publish a screenshot showing the top search bar of the Elxis 4.1 mobile version opened.
This layout is totally controlled by the System template, in your own template you can create other styles/layouts/colours/etc. If your template doesn't have a mobile version Elxis uses the System one. So this is a fail over template (as the standard.css for the styling).

[michalis1984]

Impressive! (πολλα) Bravo to the team.

[datahell]

Thanks! I think Elxis 4.1 will have an excellent mobile version.
I have seen so many mobile sites that are not mobile friendly at all. Small buttons that can't be touched with the fingers, tiny links that can't be clicked, small text that you need to use zoom to read it, unnecessary information, etc, etc...

In Elxis mobile version we focus very much on the functionality. We want the site to be easily handled with the fingers without effort and the links and content to be easily readable and click-able.
More information soon!

[maple]

Congrats, great job!!

[datahell]

The mobile version for Elxis is ready!
Soon Elxis 4.1 Poseidon with full mobile support will be available and also an update patch for 4.0 users.

In screenshots I attach you can see th Elxis typical category page as seen on a table device and on an iphone.

Mobile version can be enabled in Elxis configuration.
If enabled, Elxis 4.1 automatically detects mobile devices and switches to mobile version.
You can also manually trigger the mobile version by puting elxmobile=1 in the URL address (e.g. http://www.example.com/?elxmobile=1).
To switch to the standard, desktop, version set elxmobile=0  (e.g. http://www.example.com/?elxmobile=0)

[Luca]

Thank you.

I'm experiencing a problem in the mobile version: the menu icon (up on the right) won't open any menus...

Luca

[edit]

Ok, I guessed why. My top menu is not published, as I don't use it. 

[datahell]

;-)

[webgift]

:-D

[Luca]

 

I surrender 

Sorry, I've found no way to show the top menu if elxmobile=1 when it is not published in desktop version...

Maybe a silly question...  Is there any workaround, or the publishing in the desktop version is mandatory in order to show it for mobiles?

Thank you!

Luca

[datahell]

The Elxis release contains a generic  mobile template. As for any template you can create your own or change the existing one.

Copy file "templates/system/mobile.php" inside your chosen template folder open it and edit it.
You can change the layout and style to anything you want and also load your own module positions in your "mobile.php" file.

For example change "menu" to an other position to load a different menu. Or if you dont what a menu delete the line completely.

Code: [Select]

<?php $eDoc->modules(&#39;menu&#39;, &#39;none&#39;); ?>
Related documentation:
https://www.elxis.net/docs/using-elxis/getting-started/elxis-mobile-tablet.html
https://www.elxis.net/docs/developers/tutorials/templates-guide.html

[Luca]

  Thank you very much Datahell, and sorry for the late reply.
I've changed as per your instruction 'menu' with 'left' and now it's ok.

Cheers,

Luca

[datahell]

OK, but be careful that it is not wise to load standard module positions such as "left" in the mobile version.
All built in modules are mobile friendly but not all the third party ones.
So better create an other module position (e.g. "leftmobile") and add there the modules you want to display in the mobile version.
Also note that it is not wise to edit the system template, this is why I wrote to copy the mobile.php file in your template's folder and edit that copy.

[Luca]

Thank you a lot!