I filtri della raccolta Shopify non funzionano: correzioni per ricerca e scoperta, temi e app (2026)

Correzione rapida con Thunder

Controlla la configurazione del filtro di ricerca e individuazione

Apri l'app Search & Discovery di Shopify e conferma che i filtri previsti siano abilitati. I filtri nativi di Shopify possono utilizzare disponibilità, prezzo, tipo di prodotto, fornitore, opzioni di prodotto, metacampi e tag a seconda del catalogo e del tema. Se un'origine filtro non è abilitata, la vetrina non può visualizzarla.

Quindi testa una raccolta che contenga effettivamente prodotti con quei valori. Un filtro colore non verrà visualizzato se la collezione non ha prodotti con un'opzione colore o metafield. Un filtro dei prezzi può sembrare inutile se tutti i prodotti rientrano nello stesso intervallo ristretto. Un filtro tag può diventare rumoroso perché ogni tag del prodotto potrebbe essere esposto.

Per filtri più puliti, preferisci opzioni di prodotto strutturate e metafield rispetto a tag ampi. Se anche la configurazione di Ricerca e individuazione influisce sulla ricerca, utilizza il file Guida alla risoluzione dei problemi della barra di ricerca di Shopify.

Verifica il modulo del filtro tema e i parametri URL

I temi Shopify moderni rendono i filtri da collezione.filtri e invia le scelte di filtro come parametri URL. Se un modello di raccolta personalizzata rimuove il modulo filtro, modifica i nomi di input o sostituisce i collegamenti nativi con JavaScript personalizzato, i filtri potrebbero fare clic ma non essere mai applicati.

<form id="FacetFiltersForm" class="facets">
  {% for filter in collection.filters %}
    <fieldset>
      <legend>{{ filter.label }}</legend>
      {% for value in filter.values %}
        <label>
          <input
            type="checkbox"
            name="{{ value.param_name }}"
            value="{{ value.value }}"
            {% if value.active %}checked{% endif %}>
          {{ value.label }} ({{ value.count }})
        </label>
      {% endfor %}
    </fieldset>
  {% endfor %}
</form>

Dopo aver fatto clic su un filtro, l'URL dovrebbe aggiornarsi con i parametri del filtro e la griglia del prodotto dovrebbe corrispondere. Se l'URL cambia ma i prodotti no, controlla il rendering della sezione della raccolta. Se l'URL non cambia, controlla gli errori JavaScript e invia i gestori.

Testa la compatibilità dei temi e i conflitti delle app

Duplica il tema live e visualizza in anteprima un nuovo tema Shopify, se necessario. Se i filtri funzionano nel nuovo tema ma non nel tema attivo, il problema è all'interno del codice di raccolta personalizzato, di un'app di filtro, di un generatore di pagine o di un'app incorporata. Disattiva gli incorporamenti di app uno alla volta e riprova lo stesso URL di raccolta.

Le app di filtro possono essere utili per il merchandising avanzato, ma spesso aggiungono griglie di prodotti con rendering JavaScript, chiamate API aggiuntive e aggiornamenti DOM più ampi. Se l'app si rompe o si carica lentamente, gli acquirenti vedono prodotti mancanti, ruote bloccate o filtri che si ripristinano dopo ogni clic.

Per le pagine di raccolta ricche di app, segui il Guida alla pulizia degli script dell'app, Lista di controllo degli avanzi dell'appe guida rapida alla pagina di raccolta.

Mantieni le pagine di raccolte di grandi dimensioni sufficientemente veloci da poterle filtrare

I filtri diventano più difficili da utilizzare quando le pagine di raccolta visualizzano troppe schede prodotto, immagini di grandi dimensioni, badge di app, stelle di recensione, widget di aggiunta rapida e script di personalizzazione. Ciò aumenta le dimensioni del DOM, il carico utile della rete e il lavoro del thread principale prima ancora che l'acquirente faccia clic su un filtro.

Utilizza l'impaginazione o uno scorrimento infinito ragionevole, carica lentamente le immagini dei prodotti sotto la piega ed evita di caricare ogni immagine variante in ogni scheda prodotto. Per la pulizia tecnica, leggere il guida completa all'ottimizzazione della velocità di Shopify, guida alle dimensioni DOM eccessivee guida alla riduzione del carico utile della rete.

Dopo ogni correzione, prova la stessa raccolta su dispositivo mobile. Il filtraggio è vicino all'intenzione di acquisto: se gli acquirenti non riescono a restringere rapidamente il catalogo, se ne vanno prima che le pagine dei prodotti abbiano la possibilità di generare conversioni.

Correzione manuale vs. Correzione Thunder

Se la pulizia delle pagine di raccolta va oltre le soluzioni rapide, confronta Prezzi tempestosi con Ottimizzazione della velocità professionale di Shopify.

FAQ