HUSKY - Product Filter for WooCommerce

Image — campioni immagine

Mostra i termini delle tassonomie sul frontend come immagini. Utilizzare per attributi di prodotto o tassonomie personalizzate. È anche possibile aggiungere un testo informativo aggiuntivo per il tooltip sul frontend per ogni termine nella pagina delle sue impostazioni.

Per utilizzarlo, selezionare il tipo di visualizzazione ‘Immagine‘ per l'attributo del prodotto o la tassonomia personalizzata, e premere il pulsante Salva. Dopo il ricaricamento della pagina, è possibile impostare il collegamento dell'immagine per ogni termine:

Per ogni termine è anche possibile impostare i propri stili CSS, se necessario (utilizzare il pulsante con l'ingranaggio):

A proposito, tale funzionalità colore/immagine può essere replicata utilizzando Smart Designer!

Questa estensione ha opzioni aggiuntive:

  • Mostra etichetta del titolo – mostra/nascondi il titolo del blocco tassonomia sul frontend
  • Mostra pulsante di attivazione – mostra il pulsante di attivazione vicino al titolo sul frontend sopra il blocco degli elementi HTML
  • Tooltip – mostra/nascondi tooltip
  • Conteggio termini non attivati – inserisci il numero di termini che dovrebbero essere visibili per rendere tutti gli altri comprimibili. Apparirà il pulsante “Mostra di più”. Questa funzionalità funziona con: radio, checkbox, etichette, colori. Informazioni avanzate sul pulsante di visualizzazione sono disponibili qui
  • Etichetta personalizzata della tassonomia – ad esempio, vuoi mostrare il titolo delle Categorie di prodotto come “I miei prodotti”. Solo per tua comodità. Lascia vuoto per utilizzare il nome nativo della tassonomia
  • Ordina termini – come ordinare i termini all'interno del blocco filtro
  • Direzione ordinamento termini – direzione di ordinamento dei termini all'interno del blocco filtro (ASC/DESC)
  • Logica di filtraggioAND o OR: selezionando AND trova prodotti che contengono entrambi i termini selezionati contemporaneamente; selezionando NOT IN trova elementi che NON hanno i termini selezionati – l'opposto dell'inclusione: esclusione
  • Mostra titolo immagine – mostra il titolo dell'immagine sotto l'immagine
  • Comportamento come pulsante radio – utilizza colore/immagine come pulsante radio (può essere selezionato un solo elemento filtro)

Esempio demo #1: https://demo.products-filter.com/all-by-images-only/

Esempio demo #2: https://demo-sd.products-filter.com/

 


Attenzione per gli utenti che utilizzano WPML sul sito per i prodotti: l'estensione predefinita non funziona correttamente con WPML poiché salva le opzioni per una sola lingua – quella corrente. In tal caso, procedere come segue:

  • Vai alla scheda ‘Estensioni‘, disabilita l'estensione Image predefinita e premi il pulsante Salva
  • Vai a https://codecanyon.net/downloads e scarica il bundle WOOF
  • Decomprimilo
  • Troverai la cartella wp-content lì – caricala sul tuo sito tramite FTP
  • Nelle impostazioni del plugin nella scheda ‘Avanzate‘ inserisci in “Custom extensions folder” il valore “my_woof_extensions” e salva
  • Nella scheda ‘Estensioni‘ spunta l'estensione ‘Image 2’ e salva le opzioni
  • Ora è possibile in ogni termine della tassonomia che hai selezionato come tipo Immagine selezionare l'immagine come nella schermata successiva:
    Link dalla schermata: wp-admin/edit-tags.php?taxonomy=pa_size&post_type=product

Hook: