Trova il selettore CSS

Usi Shopify? Forse questa pagina non ti serve. Navi+ conosce già i selettori corretti di 331 temi Shopify (hamburger, header, logo, menu principale, icone ricerca e carrello). Scegli il tuo tema nel passaggio Publish — o nel passaggio “Where should this menu go?” quando crei un menu — e i campi CSS Selector vengono compilati automaticamente. Elenco completo con screenshot su naviplus.io/shopify-themes. I passaggi qui sotto servono solo per temi personalizzati o non presenti in elenco, oppure per siti non Shopify.

Il selettore CSS è un concetto molto interessante in CSS — definisce quale parte del tuo sito web può essere sostituita o avere un menu Navi+ inserito (sia prima che dopo di esso).

Ecco alcuni esempi di selettori CSS che puoi utilizzare:

#header           /* L'area dell'intestazione */
.navbar           /* La barra di navigazione principale */
.footer           /* La sezione del piè di pagina */
.main-content     /* Il contenitore del contenuto principale */
.product-gallery  /* La sezione delle immagini del prodotto */
div#menu-wrapper  /* Un div specifico con ID “menu-wrapper” */
section.hero      /* La sezione hero in cima alla pagina */

Segui le istruzioni qui sotto per trovare il selettore CSS corretto sul tuo sito web.