Jump to content

Modulo Links albero delle categorie problemi su mobile

Dancefabrics

By Dancefabrics
in Forum generale

 Share

Recommended Posts

Dancefabrics Newbie

Dancefabrics

Posted
Posted

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!

Link to comment
Share on other sites
  • 7 months later...
ThemeBooster.com Rookie

ThemeBooster.com

Posted
Posted

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.
Link to comment
Share on other sites
  • 3 weeks later...
ThemeBooster.com Rookie

ThemeBooster.com

Posted
Posted

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.

Link to comment
Share on other sites
  • 2 weeks later...
clubmid Newbie

clubmid

Posted
Posted

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 [email protected] 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 <[email protected]>
*  @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

Link to comment
Share on other sites
ThemeBooster.com Rookie

ThemeBooster.com

Posted
Posted

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.

Link to comment
Share on other sites
clubmid Newbie

clubmid

Posted
Posted

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 <[email protected]>
 * @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 <[email protected]>
 * @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 

Link to comment
Share on other sites
ThemeBooster.com Rookie

ThemeBooster.com

Posted
Posted

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

Link to comment
Share on other sites
clubmid Newbie

clubmid

Posted
Posted

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 ?

Link to comment
Share on other sites
  • 1 month later...
turdom Newbie

turdom

Posted
Posted

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 ?

Link to comment
Share on other sites
turdom Newbie

turdom

Posted
Posted

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à.

 

Link to comment
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
 Share
Go to topic listing
×
×
  • Create New...