Cambiar modulos tema movil PS 1.5

[restartagain]

Hola....os quería pedir ayuda.

Bajo medianos conocimientos de PS (Mi version 1.5), necesitaba o me gustaría cambiar los módulos que aparecen al entrar en la web por el movil....¿que tengo que cambiar o que tendría que hacer?.

Un saludo y muchas gracias de antemano.

Edited May 16, 2013 by restartagain (see edit history)

[nadie]

Hola....os quería pedir ayuda.

Bajo medianos conocimientos de PS (Mi version 1.5), necesitaba o me gustaría cambiar los módulos que aparecen al entrar en la web por el movil....¿que tengo que cambiar o que tendría que hacer?.

Un saludo y muchas gracias de antemano.

 

Lo que ves en la parte central de la version movil al entrar en tu tienda (La pagina principal, por decirlo), lo tienes en el fichero:

 

/themes/default/mobile/sitemap.tpl

 

Adjunto Imagen:

 

 

Referente al buscador que ves arriba, esta situado en el hook:

 

DisplayMobileTopSiteMap

 

que lo puedes ver en la pestaña Módulos -> Posiciones -> Hooks Invisibles -> DisplayMobileTopSiteMap

 

Adjunto Imagen

 

[nadie]

Lo que ves en la parte central de la version movil al entrar en tu tienda (La pagina principal, por decirlo), lo tienes en el fichero:

 

/themes/default/mobile/sitemap.tpl

 

Adjunto Imagen:

 

 

Referente al buscador que ves arriba, esta situado en el hook:

 

DisplayMobileTopSiteMap

 

que lo puedes ver en la pestaña Módulos -> Posiciones -> Hooks Invisibles -> DisplayMobileTopSiteMap

 

Adjunto Imagen

 

 

Si nos adentramos en el fichero:

 

/themes/default/mobile/sitemap.tpl

 

Te explico el codigo por partes:

 

<div id="hook_mobile_top_site_map">
{hook h="displayMobileTopSiteMap"}
</div>

 

Aqui, es donde carga el hook:

 

displayMobileTopSiteMap

 

como hemos puesto antes, sinos fijamos en la pestaña modulos -> posiciones -> hooks invisibles, vemos que esta ligado el bloque de busqueda rapida como adjunto en la imagen:

 

 

Si seguimos viendo el fichero:

 

 

/themes/default/mobile/sitemap.tpl

 

Vemos esto:

 

{if isset($categoriesTree.children)}
<h2>{l s='Our offers'}</h2>
<ul data-role="listview" data-inset="true">
 {for $i=0 to 4}
  {if isset($categoriesTree.children.$i)}
   {if isset($categoriesTree.children.$i.children) && ($categoriesTree.children.$i.children|@count > 0)}
  {include file="./category-tree-branch.tpl" node=$categoriesTree.children.$i}
   {else}
   <li data-icon="arrow-d">
 <a href="{$categoriesTree.children.$i.link|escape:'htmlall':'UTF-8'}" title="{$categoriesTree.children.$i.desc|escape:'htmlall':'UTF-8'}">
  {$categoriesTree.children.$i.name|escape:'htmlall':'UTF-8'}
 </a>
   </li>
   {/if}
  {/if}
 {/for}
 <li>
  {l s='All categories'}
  <ul data-role="listview" data-inset="true">
   {foreach $categoriesTree.children as $child}
 {include file="./category-tree-branch.tpl" node=$child last='true'}
   {/foreach}
  </ul>
 </li>
</ul>
{/if}

 

que corresponde a lo que señalo en la siguiente imagen con el recuadro negro:

 

 

Si nos fijamos en el codigo expuesto, esta instruccion:

 

  {include file="./category-tree-branch.tpl" node=$categoriesTree.children.$i}

 

Nos carga el fichero:

 

/themes/default/mobile/category-tree-branch.tpl

 

(El arbol de categorias)

 

Si en el codigo mencionado anteriormente, vemos esto:

 

 {for $i=0 to 4}

 

quiere decir que imprimirá maximo "5 categorias", tal como adjunto en la siguiente imagen:

 

Adjunto Imagen:

 

 

Si tuvieramos otra categoria, no se veria, para solucionar esto, aumentariamos el limite, cambiando esto:

 

 {for $i=0 to 4}

 

 

por

 

 

 {for $i=0 to X}

 

Donde X sera el limite.

 

Es decir si queremos mostrar 6 categorías, escribimos 5, si queremos mostrar 7, escribimos 6

 

Siguiente, si miramos el siguiente código que hemos mencionado anteriormente:

 

<li>
  {l s='All categories'}
  <ul data-role="listview" data-inset="true">
   {foreach $categoriesTree.children as $child}
 {include file="./category-tree-branch.tpl" node=$child last='true'}
   {/foreach}
  </ul>
 </li>

 

Es el referente a esto:

 

Adjunto Imagen:

 

 

Es decir, añade el boton todas las categorias, y si pulsamos vemos todas las categorias (pero bueno eso ya es la historia).

 

 

En el siguiente parte hablaremos de la parte donde vemos los enlaces de:

 

Nuestra Ofertas

 

Su cuenta

 

Páginas

 

Adjunto Imagen:

 

[nadie]

En el siguiente parte hablaremos de la parte donde vemos los enlaces de:

 

Nuestra Ofertas

 

Su cuenta

 

Páginas

 

Adjunto Imagen:

 

 

Seguimos ...

 

En el fichero que estábamos antes:

 

/themes/default/mobile/sitemap.tpl

 

Buscamos esto:

 

<hr/>
<h2>{l s='Sitemap'}</h2>
<ul data-role="listview" data-inset="true" id="category">
{if $controller_name != 'index'}<li><a href="{$link->getPageLink('index', true)}">{l s='Home'}</a></li>{/if}
<li>{l s='Our offers'}
 <ul data-role="listview" data-inset="true">
  <li><a href="{$link->getPageLink('new-products')}" title="{l s='New products'}">{l s='New products'}</a></li>
  {if !$PS_CATALOG_MODE}
  <li><a href="{$link->getPageLink('prices-drop')}" title="{l s='Price drop'}">{l s='Price drop'}</a></li>
  <li><a href="{$link->getPageLink('best-sales', true)}" title="{l s='Best sellers'}">{l s='Best sellers'}</a></li>
  {/if}
  {if $display_manufacturer_link OR $PS_DISPLAY_SUPPLIERS}<li><a href="{$link->getPageLink('manufacturer')}">{l s='Manufacturers:'}</a></li>{/if}
  {if $display_supplier_link OR $PS_DISPLAY_SUPPLIERS}<li><a href="{$link->getPageLink('supplier')}">{l s='Suppliers:'}</a></li>{/if}
 </ul>
</li>
<li>{l s='Your Account'}
 <ul data-role="listview" data-inset="true">
  <li><a href="{$link->getPageLink('my-account', true)}">{l s='Your Account'}</a></li>
  <li><a href="{$link->getPageLink('identity', true)}">{l s='Personal information'}</a></li>
  <li><a href="{$link->getPageLink('addresses', true)}">{l s='Addresses'}</a></li>
  {if $voucherAllowed}<li><a href="{$link->getPageLink('discount', true)}">{l s='Discounts'}</a></li>{/if}
  <li><a href="{$link->getPageLink('history', true)}">{l s='Order history'}</a></li>
 </ul>
</li>
<li>{l s='Pages'}
 <ul data-role="listview" data-inset="true">
  {if isset($categoriescmsTree.children)}
{foreach $categoriescmsTree.children as $child}
 {if (isset($child.children) && $child.children|@count > 0) || $child.cms|@count > 0}
  {include file="./category-cms-tree-branch.tpl" node=$child}
 {/if}
{/foreach}
  {/if}
  {foreach from=$categoriescmsTree.cms item=cms name=cmsTree}
<li><a href="{$cms.link|escape:'htmlall':'UTF-8'}" title="{$cms.meta_title|escape:'htmlall':'UTF-8'}">{$cms.meta_title|escape:'htmlall':'UTF-8'}</a></li>
  {/foreach}
  <li><a href="{$link->getPageLink('contact', true)}" title="{l s='Contact'}">{l s='Contact'}</a></li>
  {if $display_store}<li><a href="{$link->getPageLink('stores')}" title="{l s='Our stores'}">{l s='Our stores'}</a></li>{/if}
 </ul>
</li>
</ul>

 

Que hace referencia la imagen que hemos citado, aunque la volvemos a colocar aquí:

 

 

Ahora iremos explicando dicho código.

 

La parte "Nuestras Ofertas", esta mencionado en el codigo anterior aquí:

 

<li>{l s='Our offers'}
 <ul data-role="listview" data-inset="true">
  <li><a href="{$link->getPageLink('new-products')}" title="{l s='New products'}">{l s='New products'}</a></li>
  {if !$PS_CATALOG_MODE}
  <li><a href="{$link->getPageLink('prices-drop')}" title="{l s='Price drop'}">{l s='Price drop'}</a></li>
  <li><a href="{$link->getPageLink('best-sales', true)}" title="{l s='Best sellers'}">{l s='Best sellers'}</a></li>
  {/if}
  {if $display_manufacturer_link OR $PS_DISPLAY_SUPPLIERS}<li><a href="{$link->getPageLink('manufacturer')}">{l s='Manufacturers:'}</a></li>{/if}
  {if $display_supplier_link OR $PS_DISPLAY_SUPPLIERS}<li><a href="{$link->getPageLink('supplier')}">{l s='Suppliers:'}</a></li>{/if}
 </ul>
</li>

 

 

 

Si hacemos click sobre el, nos muestra lo siguiente: (que si nos damos cuenta son los enlaces que estan definidos en el mismo codigo)

 

 

Que es justo este código:

 

<ul data-role="listview" data-inset="true">
  <li><a href="{$link->getPageLink('new-products')}" title="{l s='New products'}">{l s='New products'}</a></li>
  {if !$PS_CATALOG_MODE}
  <li><a href="{$link->getPageLink('prices-drop')}" title="{l s='Price drop'}">{l s='Price drop'}</a></li>
  <li><a href="{$link->getPageLink('best-sales', true)}" title="{l s='Best sellers'}">{l s='Best sellers'}</a></li>
  {/if}
  {if $display_manufacturer_link OR $PS_DISPLAY_SUPPLIERS}<li><a href="{$link->getPageLink('manufacturer')}">{l s='Manufacturers:'}</a></li>{/if}
  {if $display_supplier_link OR $PS_DISPLAY_SUPPLIERS}<li><a href="{$link->getPageLink('supplier')}">{l s='Suppliers:'}</a></li>{/if}
 </ul>

 

-----------

 

Seguimos con el enlace de "Su cuenta"

 

 

<li>{l s='Your Account'}
 <ul data-role="listview" data-inset="true">
  <li><a href="{$link->getPageLink('my-account', true)}">{l s='Your Account'}</a></li>
  <li><a href="{$link->getPageLink('identity', true)}">{l s='Personal information'}</a></li>
  <li><a href="{$link->getPageLink('addresses', true)}">{l s='Addresses'}</a></li>
  {if $voucherAllowed}<li><a href="{$link->getPageLink('discount', true)}">{l s='Discounts'}</a></li>{/if}
  <li><a href="{$link->getPageLink('history', true)}">{l s='Order history'}</a></li>
 </ul>
</li>

 

 

 

Cuando pulsamos en el botón de "Su cuenta", vemos lo siguiente:

 

 

Que sinos damos cuenta, corresponde a parte del codigo que hemos mencionado anteriormente, es decir a esta:

 

 <ul data-role="listview" data-inset="true">
  <li><a href="{$link->getPageLink('my-account', true)}">{l s='Your Account'}</a></li>
  <li><a href="{$link->getPageLink('identity', true)}">{l s='Personal information'}</a></li>
  <li><a href="{$link->getPageLink('addresses', true)}">{l s='Addresses'}</a></li>
  {if $voucherAllowed}<li><a href="{$link->getPageLink('discount', true)}">{l s='Discounts'}</a></li>{/if}
  <li><a href="{$link->getPageLink('history', true)}">{l s='Order history'}</a></li>
 </ul>

 

---

 

Seguimos con el enlace/boton de "Páginas" en el siguiente mensaje....

[axelescobar]

Que tal amigo gusto de saludarte Eres muy bueno en lo que haces mil felicitaciones.... pero como puedo hacer para que no me despliegue ese menu (todas las categorias) si no que en al entrar automaticamente me muestre todas la categorias y no el usuario de click en esa opcion ver todas las categorias

[restartagain]

Que tal amigo gusto de saludarte Eres muy bueno en lo que haces mil felicitaciones.... pero como puedo hacer para que no me despliegue ese menu (todas las categorias) si no que en al entrar automaticamente me muestre todas la categorias y no el usuario de click en esa opcion ver todas las categorias

 

Esto es lo que necesitaba exactamente...que no apareciera lo de "Nuestras ofertas" y aparecieran las categorias que tengo en la web directamente.

[restartagain]

Esto es lo que necesitaba exactamente...que no apareciera lo de "Nuestras ofertas" y aparecieran las categorias que tengo en la web directamente.

 

Hola...una subidita porque aunque el Nadie ha descrito correctamente el funcionamiento, pùes no soy capaz de encontrar la solucion con los conocimientos que yo tengo..

Gracias de antemano.