Jump to content
Dancefabrics

Modulo Links albero delle categorie problemi su mobile

Recommended Posts

Salve a tutti,

Ho creato il sito www.dancefabrics.com con prestashop e ho attivato il modulo "Links albero delle categorie". Visualizzandolo su computer funziona perfettamente mentre sulla versione "mobile" non si vede per nulla.

Dovrebbe vedersi perche nella cofigurazione del modulo puoi scegliere se abilitarlo su mobile o meno ma proprio non si vede sul mobile.

Se qualcuno ha avuto questo problema per favore mi aiuti!

Share this post


Link to post
Share on other sites

Buongiorno, anch'io ho lo stesso problema. Su mobile appaio solo le categorie che sono nel top menù del sito.

Possibile che Ps non abbia considerato questa eventualità ?

Share this post


Link to post
Share on other sites

Buongiorno.

Basta modificare, manualmente, il file del modulo che visualizza le categorie.

  1. Con un editor di testo, aprire il file ps_categorytree.tpl che troverete in /themes/il-tema-che-si-utilizza/modules/ps_categprytree/views/templates/hook/
    Se questa cartella non esiste nel vostro tema, create le varie sottocartelle secondo l'ordine indicato.
    In ogni cartella che eventualmente creerete incollate anche il file index.php che trovate in qualsiasi altra cartella del tema.
     
  2. Nel file ps_categorytree.tpl scorrete le righe fino a trovare il seguente codice:
    <div class="block-categories hidden-sm-down">
      <ul class="category-top-menu">
        <li><a class="text-uppercase h6" href="{$categories.link nofilter}">{$categories.name}</a></li>
        <li>{categories nodes=$categories.children}</li>
      </ul>
    </div>
  3. Modificatelo come segue:
    <div class="block-categories">
      <ul class="category-top-menu">
        <li><a class="text-uppercase h6" href="{$categories.link nofilter}">{$categories.name}</a></li>
        <li>{categories nodes=$categories.children}</li>
      </ul>
    </div>
  4. Salvate il file (se non lavorate online, ricordare di sovrascriverlo utilizzando il vostro accesso FTP)
     
  5. Controllare che nella sezione Configurazione > Parametri Avanzati > Prestazioni: la compilazione del template sia settata su "Recompile templates if the files have been updated" (in caso negativo, modificare il valore e cliccare il tasto Salva)
     
  6. Cancellate la cache cliccando sul relativo tasto
     
  7. Se non dovete eseguire altre modifiche ai file del template, potete settare la compilazione del template sul valore "Never recompile" e cliccare il tasto Salva.

Share this post


Link to post
Share on other sites

Ciao Themebooster,

ho seguito le tue istruzioni, ma non è cambiato niente. Puoi aiutarmi per favore? Questo problema mi sta complicando la vita.

Grazie

Share this post


Link to post
Share on other sites

Ciao.
Dal codice output della pagina categoria del vs sito, il modulo denominato block-categories, ha ancora la classe hidden-sm-down che provvede a nascondere ai dispositivi con screen width minore/uguale a 768px.

A questo punto, cerca via FTP, nella cartella /modules/ una cartella che potrebbe essere denominata block-categories o qualcosa di simile.
Apri questa cartella e trova il relativo file .tpl (potrebbe essere in views/templates/hook/)
Questo file andrà aperto con un editor di testo e potrai seguire quanto detto nella precedente risposta dal punto 2 in poi.

Share this post


Link to post
Share on other sites

Ciao, ho fatto come mi hai scritto.

In modules ho trovato la cartella ps_categorytree e in in views/templates/hook, ho aperto ps_categorytree.tpl con un editor:

il suo contenuto è questo

 

This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2016 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

{function name="categories" nodes=[] depth=0}
  {strip}
    {if $nodes|count}
      <ul>
        {foreach from=$nodes item=node}
          <li>
            <a href="{$node.link}">{$node.name}</a>
            <div>
              {categories nodes=$node.children depth=$depth+1}
            </div>
          </li>
        {/foreach}
      </ul>
    {/if}
  {/strip}
{/function}

<div class="category-tree">
  <ul>
    <li><a href="{$categories.link nofilter}">{$categories.name}</a></li>
    <li>{categories nodes=$categories.children}</li>
  </ul>
</div>


non c'è niente che riporta il suggerimento del punto 2 che hai scritto. Cosa posso fare ?

Grazie

Share this post


Link to post
Share on other sites

Scusami, intendevo nella cartella /themes/tema-utilizzato/modules/block-categories o qualcosa di simile.
Apri questa cartella e trova il relativo file .tpl (potrebbe essere in views/templates/hook/)
Questo file andrà aperto con un editor di testo e potrai seguire quanto detto nella precedente risposta dal punto 2 in poi.

Share this post


Link to post
Share on other sites

Ciao,

ma in questa maniera mi ritrovo lo stesso tpl che mi hai fatto modificare con il tuo suggerimento del 13 novembre, che non ho prodotto alcun risultato.

Per essere chiaro ti mostro il ps_categorytree.tpl originale : 

 DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2018 PrestaShop SA
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 *}

{function name="categories" nodes=[] depth=0}
  {strip}
    {if $nodes|count}
      <ul class="category-sub-menu">
        {foreach from=$nodes item=node}
          <li data-depth="{$depth}">
            {if $depth===0}
              <a href="{$node.link}">{$node.name}</a>
              {if $node.children}
                <div class="navbar-toggler collapse-icons" data-toggle="collapse" data-target="#exCollapsingNavbar{$node.id}">
                  <i class="material-icons add">&#xE145;</i>
                  <i class="material-icons remove">&#xE15B;</i>
                </div>
                <div class="collapse" id="exCollapsingNavbar{$node.id}">
                  {categories nodes=$node.children depth=$depth+1}
                </div>
              {/if}
            {else}
              <a class="category-sub-link" href="{$node.link}">{$node.name}</a>
              {if $node.children}
                <span class="arrows" data-toggle="collapse" data-target="#exCollapsingNavbar{$node.id}">
                  <i class="material-icons arrow-right">&#xE315;</i>
                  <i class="material-icons arrow-down">&#xE313;</i>
                </span>
                <div class="collapse" id="exCollapsingNavbar{$node.id}">
                  {categories nodes=$node.children depth=$depth+1}
                </div>
              {/if}
            {/if}
          </li>
        {/foreach}
      </ul>
    {/if}
  {/strip}
{/function}

<div class="block-categories hidden-sm-down">
  <ul class="category-top-menu">
    <li><a class="text-uppercase h6" href="{$categories.link nofilter}">{$categories.name}</a></li>
    <li>{categories nodes=$categories.children}</li>
  </ul>
</div>
 

 

e come l'ho modificato:

 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2018 PrestaShop SA
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 *}

{function name="categories" nodes=[] depth=0}
  {strip}
    {if $nodes|count}
      <ul class="category-sub-menu">
        {foreach from=$nodes item=node}
          <li data-depth="{$depth}">
            {if $depth===0}
              <a href="{$node.link}">{$node.name}</a>
              {if $node.children}
                <div class="navbar-toggler collapse-icons" data-toggle="collapse" data-target="#exCollapsingNavbar{$node.id}">
                  <i class="material-icons add">&#xE145;</i>
                  <i class="material-icons remove">&#xE15B;</i>
                </div>
                <div class="collapse" id="exCollapsingNavbar{$node.id}">
                  {categories nodes=$node.children depth=$depth+1}
                </div>
              {/if}
            {else}
              <a class="category-sub-link" href="{$node.link}">{$node.name}</a>
              {if $node.children}
                <span class="arrows" data-toggle="collapse" data-target="#exCollapsingNavbar{$node.id}">
                  <i class="material-icons arrow-right">&#xE315;</i>
                  <i class="material-icons arrow-down">&#xE313;</i>
                </span>
                <div class="collapse" id="exCollapsingNavbar{$node.id}">
                  {categories nodes=$node.children depth=$depth+1}
                </div>
              {/if}
            {/if}
          </li>
        {/foreach}
      </ul>
    {/if}
  {/strip}
{/function}

<div class="block-categories">
  <ul class="category-top-menu">
    <li><a class="text-uppercase h6" href="{$categories.link nofilter}">{$categories.name}</a></li>
    <li>{categories nodes=$categories.children}</li>
  </ul>
</div>
 

Non mi sembra di aver sbagliato qualcosa. Però sui device mobili l'albero delle categorie non appare.

Aiuto..per favore 

Share this post


Link to post
Share on other sites

Ancora alcuni step:
- verifica che in CONFIGURA > Parametri Avanzati > Prestazioni, Compilazione del template sia settato su "Recompile templates if the file have been updated".
In caso contrario, modifica il valore e clicca il tasto Salva
- clicca il tasto "Pulisci la cache"
- per ultimo, verifica che nella sezione Moduli, il modulo sia abilitato anche per i dispositivi mobili

Share this post


Link to post
Share on other sites

ThemeBooster, ti chiedo scusa.

Non era abilitato il modulo per dispositivi mobili. Una sciocchezza ma pensavo fosse abilitato di default.

Ora si vede l'albero delle categorie anche sui dispositivi mobili.

Una curiosità: il file ps_categorytree.tpl lo lascio come me lo hai fatto modificare o ricarico l'originale ?

Share this post


Link to post
Share on other sites

Lascialo modificato in quanto la classe hidden-sm-down <div class="block-categories hidden-sm-down"> continuerebbe a nascondere il blocco sui dispositivi con larghezza schermo minore di 768px.

Share this post


Link to post
Share on other sites

Grazie per la tua disponibilità e pazienza.

Come posso contattarti se dovessi aver bisogno per altri suggerimenti?

 

Share this post


Link to post
Share on other sites

Figurati, nessun problema.

Puoi aprire nuove discussioni (potresti ricevere valido aiuto anche da altri utenti e permettere anche ad altri di usufruire poi delle soluzioni) oppure utilizzare i messaggi privati previsti dal forum stesso.

Share this post


Link to post
Share on other sites

Ciao Themebooster,

scusa di nuovo. Ho installato la versione di ps. 1.7.6.2 e all'improvviso è di nuovo scomparso l'albero delle categorie sui dispositivi mobili.

Ho abilitato e poi provato a disabilitare e riabilitato di nuovo il modulo. NIENTE

Poi ho modificato il file ps_categorytree.tpl  in /themes/il-tema-che-si-utilizza/modules/ps_categprytree/views/templates/hook/  come mi hai scritto - NIENTE

Ho pulito la cache e settato su "Recompile templates if the files have been updated"  - NIENTE

Ho provato anche con ps 1.7.6.1 ,,,stesso problema.

Hai altri suggerimenti ?

Share this post


Link to post
Share on other sites

@turdom potresti vedere se il modulo sia disabilitato sui dispositivi mobili e/o se il modulo sia collegato nella giusta posizione.
Magari puoi indicare l'URI per visualizzare il tuo sito online.

Share this post


Link to post
Share on other sites

Ciao ThemeBooster,

ho risolto fortunatamente.

Nella sezione Configurazione > Parametri Avanzati > Prestazioni:ho settato su "Recompile templates if the files have been updated" .

Miracolosamente sono apparse le categorie sui dispositivi mobili

Grazie comunque perla disponibilità.

 

Share this post


Link to post
Share on other sites

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

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More