Jump to content

Theme mobile

J. Danse
 Share

Recommended Posts

J. Danse Newbie

J. Danse

Posted
Posted (edited)

Bonjour tout le monde,

 

Le thème "mobile" est arrivé. Je vais essayer de voir ce que ça donne...

 

Edit:

Il semblerait que le thème mobile soit mis dans le thème "default" et si un mobile est détecté, ce template est affiché. Il semble aussi y avoir une configuration a activer pour que ce soit le cas.

 

Je vais installer cette nouvelle version et faire un essai, :)

Edited by J. Danse (see edit history)
Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
  • Author
Posted

prestashop_new ?

 

Il est inclus par défaut, (actuellement dans le SVN), et se trouve dans le thème "default", c'est un sous répertoire. Car, en réalité, il ne s'agit pas d'un thème mobile unique qui s'affiche si il s'agit d'un mobile, il s'agit du thème mobile du thème courant...

Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
  • Author
Posted (edited)

Aussi sur que le SVN et le changelog me l'affirme.

 

Revision 17070 - [*] BO : now you could translate a mobile theme

Revision 17060 - [+] FO : mobile theme re-included in the trunk

 

Et au niveau de la forge:

http://forge.prestas...owse/PSCFV-3815

http://forge.prestas...owse/PSCFV-3816

 

Et je peux aussi te dire qu'il existe des hooks purement pour les thèmes mobiles.

Edited by J. Danse (see edit history)
Link to comment
Share on other sites
mexique1 Newbie

mexique1

Posted
Posted

Oui, le browser sniffing, c'est fini.

Et pourtant je le défendais encore il ya quelques mois, et je l'ai utilisé de nombreuses années sur le WAP :rolleyes:

 

Là, c'est quand même le bordel, ça revient à faire deux thèmes différents, avec pas trop de possibilité de synergie entre les deux.

Le seul gain c'est de ne pas charger les ressources inutiles sur le mobile...

 

De simples helpers Smarty auraient largement suffi finalement..

Link to comment
Share on other sites
BoutiqueDuBio.fr Newbie

BoutiqueDuBio.fr

Posted
Posted

Commercialement parlant le faite de vendre un thème mobile et un thème normal est plutôt pas mal, le commercial peut gonfler la note :).

 

Aujourd'hui avec les technologies de type twitter bootstrap, et autres framework adapter pour du responsive design aurait plutôt été sympas d'être implémenter/adapter sur le thème par défaut.

Et rien n'empêche suivant les résolutions d'écran d'afficher un module sur 4 résolutions différentes en CSS, voir même afficher un module pour résolution tablette et pc, un autre module ayant la même fonctionnalité présenté sous une autre forme pour smartphone avec fonctionnalité spécifique pour téléphone.

 

C'est plus la tendance d'aujourd'hui, Demain un thème mobile avec un thème normal c'est complètement "has been", car dans la bouche de tout le monde sera "Responsive design" qui prend beaucoup d'ampleur sur le web.

 

Ce qui est dommage c'est malgré le retard de Prestashop pour la sortie officielle de la 1.5, sortira avec un cran de retard sur la tendance actuelle :)

 

Ce qu'il faut penser aussi c'est qu'il n'ya pas que les smartphones et tablette. Il y a aussi les netbooks et fin octobre les ultrabooks hybrid avec de petit écran (mi-tablette et mi-pc portable).

Link to comment
Share on other sites
strapper Newbie

strapper

Posted
Posted

d'un autre côté, en arpentant la classe "Context",

j'ai remarqué qu'on pourrait également mettre un sous-répertoire "touchpad"

dans le thème...

 

jetez un coup d'oeil à cette classe et aux defines :)

 

par contre le répertoire n'y étant pas, mieux vaut être prudent quant à son contenu standardisé par prestashop...

 

(et proposez des améliorations pour la reconnaissance des périphériques le cas échéant,

surtout la reconnaissance android il va y en avoir besoin !)

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

Je constate un petit bug dans le theme mobile ( démo du premier post) , une fois en theme mobile on ne peut pas revenir sur full site...

 

 

Sinon le débat responsive et theme mobile reste entier.

 

Personnelement, après avoir fait du Responsive, je préfère au final un thème mobile complétement distinct du thème classique.

C'est à dire :

- Moins de modules gourmands ne Ko.

- des images au bon format (fini les redimensionnements à la volée)

- et une navigation optimisé pas forcément identique entre un PC et un mobile.

 

Un site sur un support mobile n'a pas forcément les mêmes besoins qu'un site sur PC.

L'inconvénient d'un responsive, c'est que l'on charge des choses que l'on va cacher avec un display none dans la majorité des cas...

 

alors qu'avec un theme distinct on peut optimiser cela.

 

D'ailleurs pour comprendre l'avantage d' un thème mobile avec un responsive, je prendrais la page google....

Cette page si simple aurait été facile de faire un responsive...

Mais google a opté pour un thème mobile et pour cause... Les besoins ne sont pas les mêmes avec un thème mobile; Google propose des options propres au mobile ( localisation, restaurants etc...)

 

Je n'ai pas encore épluché le thème Prestashop mais j'espère que la gestion des modules est indépendantes entre les deux supports! sinon, un simple responsive faisait l'affaire....

 

 

Edit :

 

Copie d'une partie du header.tpl

 

{$HOOK_MOBILE_HEADER}
</head>
<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
<div data-role="page" {if isset($wrapper_id)}id="{$wrapper_id}"{/if} class="type-interior prestashop-page">
 <div data-role="header" id="header" class="ui-body-c">
  <div class="ui-grid-a">
<div class="ui-block-a">
 <a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}" data-ajax="false"><img src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /></a>
</div>
<div class="ui-block-b">
 <div id="block_cart" class="clearfix">
  <a href="{$link->getPageLink('order-opc', true)}" class="link_cart" data-ajax="false">{l s='Cart'}</a>
  {if $logged}
   <a href="{$link->getPageLink('my-account', true)}" class="link_account" data-ajax="false">{l s='My account'}</a>
  {else}
   <a href="{$link->getPageLink('authentication', true)}" class="link_account" data-ajax="false">{l s='Authenticate'}</a>
  {/if}
 </div>
 {hook h="displayMobileTop"}
</div>
  </div><!-- /grid-a

 

effectivement ils utilisent des hook différents \o/..

Par contre je vois que le panier s'affiche dans le cas d'un mode catalogue...

 

 

Puis le footer ...

 

<div id="footer">
   <div class="ui-grid-a">
 {hook h="displayMobileFooterChoice"}
   </div><!-- /grid-a -->
   <div id="full-site-section" class="center">
 <a href="{$link->getPageLink('index', true)}?no_mobile_theme" data-ajax="false">{l s='Consult full site'}</a>
   </div>
   <div data-role="footer" data-theme="a" id="bar_footer">
 <div id="link_bar_footer" class="ui-grid-a">
  <div class="ui-block-a">
   <a href="{$link->getPageLink('index', true)}" data-ajax="false">{$PS_SHOP_NAME}</a>
  </div>
  {if $conditions}
  <div class="ui-block-b">
   <a href="{$link->getCMSLink($id_cgv)}" data-ajax="false">CGV</a>
  </div>
  {/if}
 </div>
   </div>
  </div><!-- /footer -->

 

attention CGV écrit en dure donc non traduisible....

 

 

 

V++

 

Atch

Link to comment
Share on other sites
strapper Newbie

strapper

Posted
Posted

atch :

et le fin du fin, des hooks spécifiques "mobile" pour permettre aux modules de fournir

des données en fonction de ceci à chaque version (normal/mobile/touchpad) :)

au "desktop" : 10 images, au "mobile", 3 images, etc.

en-dehors de permettre des .tpl de modules spécifiques à chaque version of course !

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

hmmmmm, je viens de jeter un oeil et je ne vois aucun hook mobile dispo dans la partie "positions" des modules en BO...

Pourtant en regardant la source de la home, on voit, en version mobile les modules réassurances et homeslide qui sont greffés dans le header.... mais pas de trace de ces modules en FO version mobile.

 

Des choses m’échappent sur le fonctionnement du thème.

 

V++

 

Atch

Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
  • Author
Posted (edited)

Voici venu l'arrivée de la classe Mobile_Detect.

 

Cette dernière vient tout droit de : http://code.google.c...i/Mobile_Detect

 

Et avec elle, quelques modifications du Context et des configurations ; avec ceci:

 

Activer le thème mobile

Je veux le désactiver

Je veux l'activer uniquement pour les appareils mobiles

Je veux l'activer uniquement pour les tablettes tactiles

Je veux l'activer pour les tablettes tactiles et les appareils mobiles

 

 

Permet aux visiteurs parcourant actuellement votre site sur ​​un appareil mobile, ou sur votre tablette, d'avoir une version allégée du site.

Edited by J. Danse (see edit history)
Link to comment
Share on other sites
  • 4 weeks later...
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...