--- title: "Personalizzare il design delle categorie nelle sezioni" description: "A seconda del tipo di contenuto che hai sulla tua app, puoi aggiungere categorie alla sezione CMS blog. Fai riferimento a questa guida online per maggiori det" canonical_url: "https://it.goodbarber.com/help/shop/personalizzare-il-design-delle-sezioni-dell-app-r89/personalizzare-il-design-delle-categorie-nelle-sezioni-a233/" lang: it --- # Personalizzare il design delle categorie nelle sezioni Source: https://it.goodbarber.com/help/shop/personalizzare-il-design-delle-sezioni-dell-app-r89/personalizzare-il-design-delle-categorie-nelle-sezioni-a233/ A seconda del tipo di contenuto che hai sulla tua app, puoi aggiungere categorie alla sezione CMS blog. Fai riferimento a questa guida online per maggiori dettagli: [Aggiungi categorie alle tue sezioni](https://it.goodbarber.com/help/shop/organizzare-il-tuo-contenuto-r121/configurare-categorie-e-filtri-nelle-tue-sezioni-a36/) ## 1. Imposta il design delle categorie nelle sezioni blog 1. [Aggiungi categorie](https://it.goodbarber.com/help/shop/organizzare-il-tuo-contenuto-r121/configurare-categorie-e-filtri-nelle-tue-sezioni-a36/) alla sezione del tuo blog 2. Vai al menu **La mia App > Struttura** 3. Fai clic su "**Modifica lo stile**" nella colonna di destra accanto alla sezione da modificare 4. Fai clic su "**Categorie**" ![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457512-31501323.jpg?v=1782311296.1566217) 5. Il tuo template è chiaramente identificato con un'icona verde, usa le frecce per selezionarne uno nuovo. 6. Imposta i colori, i caratteri, lo sfondo e le opzioni. ![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457512-31501324.jpg?v=1782311296.1646218) ## 2. Impostazioni del header quando le categorie sono impostate per una sezione del blog A seconda dell'altezza impostata per l'header , hai diverse opzioni disponibili per visualizzare le tue categorie. L'header appare sempre con un'altezza ridotta nelle pagine di contenuto, con i **template di Drop down e Pager** puoi scegliere diverse opzioni per il design delle tue categorie. **CASO 1** Hai impostato l'header per visualizzare il "**Titolo e descrizione della sezione**" (template Grande) o il "**Titolo della sezione**" (template Piccolo e Medio). Fai riferimento a questo aiuto online per maggiori dettagli. Il titolo del tuo header viene aggiornato a seconda della pagina dell'app visualizzata, per utilizzare automaticamente il titolo della sezione/categoria interessata. **Header template Piccolo & Medio** Opzioni disponibili per il titolo della NavBar: - *Titolo della sezione e della categoria*: il titolo della sezione sarà mostrato nel header nella prima pagina della categoria, poi sarà mostrato il titolo della pagina della categoria. - *Solo titolo della sezione*: il titolo della sola sezione sarà mostrato nel header per tutte le pagine della sezione. - *Solo categorie*: il titolo della sola categoria sarà mostrato nell'intestazione per tutte le pagine della sezione. **Header template** **Grande** Opzioni disponibili per il titolo della NavBar: - *Titolo della sezione e della categoria*: il titolo della sezione verrà mostrato nel header nella prima pagina della categoria, poi verrà mostrato il titolo della pagina della categoria. - *Solo titolo della sezione*: il titolo della sola sezione sarà mostrato nell'intestazione per tutte le pagine della sezione. **CASO 2** Hai impostato l'header per visualizzare "**solo il logo**". Fai riferimento a questo aiuto online per maggiori dettagli. **Header template Piccolo & Medio** Opzioni titolo NavBar disponibili: - *Logo & Categorie*: il logo della sezione sarà mostrato nel header nella prima pagina della categoria, poi sarà mostrato il titolo della pagina della categoria. - *Solo il logo*: solo il logo sarà mostrato nell'intestazione per tutte le pagine della sezione. - *Solo le categorie*: il titolo della sola categoria sarà mostrato nel header per tutte le pagine della sezione. **Header template Grande** Opzioni disponibili per il titolo della NavBar: - *Logo & Categorie*: il logo della sezione verrà mostrato nel header nella prima pagina della categoria, poi verrà mostrato il titolo della pagina della categoria. - *Solo il logo*: solo il logo verrà mostrato nell'intestazione per tutte le pagine della sezione. ## 3. Template di categoria Template **Drop Down** Mostrerà la lista delle categorie in cima all'app in formato menu a tendina. ![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457512-31501325.jpg?v=1782311296.176622) Template **Pager** Mostrerà le categorie in formato dot e l'utente dovrà scorrere lateralmente per accedervi. *Attenzione*: Le frecce che visualizzi nell'anteprima del back office, non saranno visibili nel telefono oppure nella versione iPad dell'app, dovrai solamente scorrere le pagine. ![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457512-31501326.jpg?v=1782311296.1846218) Template **Circle Band** Mostrerà in automatico il display di tutte le categorie in un formato rettangolare per default. L'utente può scorrere lateralmente per caricare più categorie. ![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457512-31501327.jpg?v=1782311296.192622)