Link alle caselle delle categorie

Questo è stato segnalato da un utente; ho verificato e quanto dice è vero.

Imposta le caselle delle categorie.

Al livello superiore, dove tutte le categorie principali appaiono in caselle e le sottocategorie sono collegate all’interno della casella, se fai clic su una sottocategoria vieni portato alla sottocategoria, mentre se fai clic in un’altra parte della casella vieni portato alla categoria genitore.
Questo è il comportamento atteso.

Tuttavia…
…se fai clic con il tasto destro su una sottocategoria e selezioni “apri collegamento in una nuova scheda” dal menu contestuale del browser, funziona come previsto: la scheda originale rimane invariata e la sottocategoria si apre in una nuova scheda. Fin qui, tutto bene.

Ma se usi Ctrl+Clic o Cmd+Clic, la scorciatoia standard del browser per aprire in una nuova scheda, succede qualcosa di strano.
La sottocategoria si apre correttamente in una nuova scheda, ma la scheda originale salta alla categoria genitore.

Penso che ciò che stia accadendo sia che il div della casella abbia un’azione JQuery associata a <div ... data-url="link alla categoria principale"> e i collegamenti alle sottocategorie siano collegamenti <a> convenzionali.
Il clic con il tasto destro è gestito interamente dal browser e funziona.
Ctrl+Clic viene intercettato dal browser per aprire il collegamento in una nuova scheda, ma il clic sinistro di base viene comunque passato a JQuery per l’elaborazione.

Una cosa simile accade se provi a farlo in una casella di categoria visualizzata all’interno di una categoria.

È possibile risolvere il problema?

3 Mi Piace

Ho già provato a risolvere il problema trasformando semplicemente il link della categoria principale in un link normale

…ma non abbiamo portato a termine quella modifica perché i tag anchor annidati non sono HTML valido e causano problemi in alcuni browser.

Proverò comunque una tecnica diversa, descritta qui in dettaglio: Nested Links Without Nesting Links

Questa soluzione consiste nell’inserire un link vuoto alla categoria principale all’interno del riquadro, quindi espandere quel link per occupare l’intero riquadro. Eventuali sottolink verrebbero quindi posizionati in un livello sovrapposto a quel link, anziché essere annidati al suo interno.

7 Mi Piace

È un trucco piuttosto intelligente. Sara dice:

Personalmente, penso che per una casella di categoria questo potrebbe essere accettabile. Se un utente volesse selezionare e copiare qualcosa, molto probabilmente sarebbe il titolo e/o la descrizione della categoria, entrambi disponibili cliccando sulla casella e visualizzando la categoria (specialmente se è in uso il componente Category Banners).

3 Mi Piace

ok, sembra che funzionerà bene… aggiornato qui

6 Mi Piace

Questo argomento è stato chiuso automaticamente 5 giorni dopo l’ultima risposta. Non sono più ammesse nuove risposte.