Risoluzione dei problemi più comuni riscontrati nella famiglia di modelli Brine.

Di seguito, alcuni dei problemi più frequenti riscontrabili con questo modello. Alcuni sono dei bug o dei problemi già noti. Anche se supportiamo ancora la versione 7.0 di Squarespace, la correzione di bug o problemi per noi ha una bassa priorità, dato che stiamo concentrando le nostre energie sulla piattaforma più recente, la versione 7.1. Puoi spostare il tuo sito dalla versione 7.0 alla versione 7.1 utilizzando il tool di aggiornamento che mettiamo a disposizione.

Per informazioni generali, consulta la guida relativa al modello Brine o consulta l'elenco dei modelli di Brine.

Aggiungere un pulsante all'intestazione

Aggiungere un pulsante all'intestazione è un ottimo modo per incoraggiare un comportamento specifico, come indirizzare il traffico verso una determinata pagina.

Esistono due modi per aggiungere un pulsante a un'intestazione:

• Usa la navigazione: per creare un Call-to-Action nella navigazione, mantieni un solo link nella navigazione secondaria, quindi definisci lo stile di quest'ultima come un pulsante. Definisci uno stile della Navigazione principale a tua scelta.
• Usa l'area introduttiva: crea un invito all'azione su pagine singole aggiungendo un Blocco pulsante all'area introduttiva. Aggiungi testo o altri blocchi per mettere in evidenza il tuo messaggio.

L'immagine o il video banner non viene visualizzato

In Brine, i banner vengono visualizzati sulla maggior parte dei tipi di pagina, ma non sono supportati per:

• Singoli post, prodotti e pagine dettagli degli eventi.
• Pagine di copertina
• Immagini in evidenza aggiunte alla Pagina indice principale. Piuttosto, aggiungi immagini in evidenza alle sezioni di contenuto all'interno dell'Indice.
• I video banner a volte non vengono visualizzati su dispositivi mobili, a seconda della versione del browser e della velocità di connessione a disposizione degli utenti. Imposta un'immagine di fallback su dispositivi mobili da visualizzare quando non è possibile caricare il banner video.

Se la tua pagina supporta i banner ma non ne visualizza uno, ecco alcuni step da seguire per la risoluzione del problema:

1. In Impostazioni pagina, clicca sulla scheda Media.
2. Per le immagini banner, clicca su Immagine. Per i banner video, clicca su Video.
3. Assicurati che l'immagine o il video sia presente.
4. Clicca su Salva e aggiorna la pagina.

Se il banner non viene ancora visualizzato:

1. In Stili sito, scorri fino alla sezione Principale.
2. Aumenta il Padding intro (Con immagine di sfondo).
3. Nella sezione Principale: sovrapposizione, assicurati che il Colore di sovrapposizione non sia completamente opaco.
4. Clicca su Salva e aggiorna la pagina.

I banner non sono visualizzati a schermo intero

In genere, i banner vengono visualizzati a smarginatura completa, nel senso che si estendono fino ai bordi del browser. Se ciò non accade per i tuoi banner, modifica il layout del sito:

1. In Stili sito, scorri fino alla sezione Sito.
2. Scegli Design: larghezza massima o Design: sfondo intero.
3. Nella sezione Sito: bordo, assicurati che Mostra bordo sia deselezionato.
4. Clicca su Salva e aggiorna la pagina.

I post non presentano sezioni per i commenti

I commenti sul blog sono disabilitati per impostazione predefinita in Brine, anche se li abiliti su un singolo post.

Per abilitare i commenti per il tuo sito:

1. Apri il pannello Preferenze del blog.
2. Clicca su Impostazioni commenti.
3. Spunta Abilita i commenti su tutto il sito. Saranno visualizzate altre impostazioni relative ai commenti.

Per ulteriori informazioni, visita Commenti del blog e Metti mi piace.

Modificare il testo del mese in un calendario della Pagina Eventi

Nel layout Calendario della Pagina Eventi, il nome del mese è centrato sopra il calendario. Il tipo di carattere, la dimensione e il colore del testo del mese seguono i tweak Intestazione 1. Per regolare questi tweak:

1. Vai a un'altra pagina del sito che contiene testo Intestazione 1.
2. Torna al pannello Sito web, quindi clicca su Progettazione e poi su Stili sito.
3. Individua i tweak Intestazione 1 in Contenuto: tipi di carattere e Contenuto: colori.
4. Clicca su Salva, quindi torna alla Pagina Eventi per visualizzare le modifiche.

Le colonne vengono visualizzate nella posizione errata

Le singole colonne con un inset contenuti si dispongono intorno ai blocchi flottanti.

Se il blocco flottante è più alto del contenuto in una singola colonna, può interferire con il layout del contenuto in più colonne sottostante. Per evitarlo, aggiungi un Blocco spazio sul contenuto in più colonne.

Creare un'immagine di sfondo a pagina intera

Puoi utilizzare una Pagina indice per creare l'effetto di una pagina singola con un'immagine di sfondo:

1. Crea una Pagina indice.
2. Aggiungi una sezione di contenuto.
3. Aggiungi un'immagine in evidenza alla sezione di contenuto. In questo modo si crea l'immagine di sfondo.
4. Aggiungi il contenuto della pagina alla sezione di contenuto. Questo si sovrapporrà all'immagine in evidenza.
5. Per aumentare l'altezza, aggiungi altri spazi nella parte inferiore di un Blocco di testo.

Creare un banner slideshow

Puoi utilizzare una Pagina indice per creare l'effetto di un banner slideshow della pagina:

1. Crea una Pagina indice.
2. Fai clic su Aggiungi sezione per creare la tua prima sezione.
3. Seleziona Galleria e procedi ad aggiungere ulteriori immagini alla raccolta.
4. Come prima sezione, aggiungi una sezione "Indice galleria" contenente una serie di immagini.
5. Nella sezione Indice: galleria di Stili sito, seleziona Layout: slideshow. (Questo tweak interessa l'Indice delle sezioni galleria).
6. Nella sezione Indice: galleria a slideshow , assicurati che Riproduzione automatica Galleria sia selezionato.
7. Sotto la sezione Indice, aggiungi una sezione di contenuto e inserisci in essa i contenuti che desideri.

Disabilita lo scorrimento Parallax

Per farlo:

1. Vai a una pagina con un'immagine banner.
2. In Stili sito, scorri verso la sezione Principale: sovrapposizione.
3. Deseleziona Attiva Parallax.
4. Clicca su Salva e aggiorna la pagina.

Questa azione interessa l'intero sito.

I menu a discesa non sono visualizzati nella navigazione a piè di pagina

I menu a discesa non vengono visualizzati nella navigazione del piè di pagina. In alternativa, puoi mostrare le voci di menu sotto forma di colonne separate con il titolo del menu a tendina che funge da intestazione di colonna.

Per aggiungere menu a discesa alla tua navigazione, aggiungi il menu a discesa alla Navigazione Principale o alla Navigazione Secondaria.

Il menu a discesa nell'intestazione appare tagliato

Se l'ultimo link di navigazione del tuo sito sulla destra è un menu a discesa, i titoli delle pagine potrebbero apparire tagliati. Questo di solito accade su schermi più piccoli (come i tablet) o quando il tweak dello stile del padding del sito è ridotto. Per risolvere questo problema:

1. Nel pannello Pagine, individua il menu a discesa che crea il menu a discesa.
2. Sposta il menu a discesa in una posizione diversa nella sezione Navigazione principale. Se il menu a discesa non si trova nell'ultima posizione, i titoli delle pagine verranno visualizzati per intero.

Il piè di pagina ha colori di sfondo diversi a seconda delle pagine

Questo accade se il colore di sfondo del piè di pagina è parzialmente o completamente trasparente. Nelle pagine senza immagini in evidenza, il colore del piè di pagina viene visualizzato sopra uno sfondo bianco. Nelle pagine con immagini in evidenza, il colore di sfondo del piè di pagina viene visualizzato sopra il colore dell'area del contenuto principale.

Per risolvere questo problema:

1. In Stili sito, scorri verso il basso fino alla sezione Piè di pagina.
2. Assicurati che Colore di sfondo sia completamente opaco.

L'area dei blocchi centrali del piè di pagina è scomparsa

Talvolta, quando elimini tutto il contenuto dall'area centrale dei blocchi, la relativa annotazione scompare nella vista A colonne. Per risolvere questo problema, passa temporaneamente al layout impilato:

1. In Stili sito, scorri verso il basso fino alla sezione Piè di pagina.
2. Scegli Layout: impilato.
3. Esci da Stili sito.
4. Aggiungi contenuto all'area Blocchi di piè di pagina centrali.
5. Riapri Stili sito e seleziona Layout: colonne.
6. Fai clic su Salva.

Gli elementi dell'intestazione non vengono visualizzati correttamente

Se si impostano troppi elementi da visualizzare nella stessa area dell'intestazione, questi potrebbero sovrapporsi su tablet o browser più piccoli.

Per ottenere risultati ottimali, posiziona ciascun elemento in una parte diversa dell'intestazione. Scegli dove sarà visualizzato ogni elemento nella sezione Intestazione: layout di Stili sito.

Le opzioni di intestazione non vengono visualizzate in Stili sito

I tweak di alcuni elementi vengono visualizzati in Stili sito solo se tali elementi sono presenti sul sito.

• Navigazione - I tweak sono visualizzati dopo aver aggiunto pagine o link alla tua Navigazione principale o Navigazione secondaria.
• Carrello e Account cliente - I tweak vengono visualizzati dopo aver creato una Pagina negozio. Il Pagamento rapido deve essere disabilitato.
• Tagline - I tweak sono visualizzati dopo aver aggiunto una tagline.
• Intestazione: inferiore - Questa sezione viene visualizzata dopo aver aggiunto uno o più elementi nella metà inferiore dell'intestazione nella sezione Intestazione: layout.
• Intestazione: superiore - Questa sezione viene visualizzata dopo aver aggiunto uno o più elementi nella metà superiore dell'intestazione nella sezione Intestazione: layout.
• Area introduttiva - I tweak vengono visualizzati quando ci si trova in una pagina che supporta aree introduttive.
• Banner - I tweak vengono visualizzati quando ti trovi su una pagina che supporta i banner.

Le intestazioni si dividono in due righe a determinate larghezze

Nella famiglia Brine, alcune intestazioni si divideranno su due righe se il browser è largo circa 1400 pixel, quindi torneranno a una riga a circa 1120 pixel. Questa caratteristica fa parte del design del modello.

Le icone e il titolo del sito si sovrappongono sui dispositivi mobili

Se gli elementi nella barra di navigazione del tuo dispositivo mobile si sovrappongono, spostane alcuni nell'altra barra di navigazione.

Ad esempio, per spostare ☰ dalla barra di navigazione in alto a quella in basso:

1. In Stili sito, scorri fino alla sezione Dispositivi mobili: Icona menu.
2. Modifica la Posizione in In basso (sinistra, destra o al centro).

Ripeti questi step per tutti gli elementi che si sovrappongono.

Le sezioni dell'Indice non vengono visualizzate all'altezza del browser

Per impostare alcune o tutte le sezioni di contenuto in modo che siano visualizzate all'altezza del browser:

1. In Stili sito, scorri verso il basso fino alla sezione Indice: pagina.
2. Utilizza Applica altezza minima per impostare le sezioni interessate.
3. Imposta l'altezza minima su 100vh.

Se la sezione non riempie l'altezza del browser:

• Sperimenta con Padding (Sovrapposizione pagine) e Padding fino a ottenere l'aspetto desiderato.
• Se il contenuto della sezione (inclusa la spaziatura) supera l'altezza del browser, esso manterrà l'altezza originale.
• Inoltre, il tweak Bordo a specchio può influenzare la visualizzazione delle prime sezioni.

Per le sezioni Indice della galleria:

• Layout: slideshow - Consulta Utilizza altezza fissa per impostare manualmente l'altezza.
• L'altezza viene impostata automaticamente dal numero e dalle dimensioni delle immagini della galleria.

Il bordo speculare della Pagina indice non è del colore giusto

Il colore del bordo a specchio di Brine è lo stesso della pagina. Per impostarlo, utilizza Colore nella sezione Principale di Stili sito.

Immagini visualizzate non rispecchiano la larghezza del sito

I Blocchi immagine non seguono l'inset contenuti. Piuttosto, vengono visualizzati secondo la larghezza del sito. Regola la larghezza del sito con Larghezza nella sezione Sito di Stili sito.

Puoi anche selezionare Adatta nell'editor di Blocchi immagine per assicurarti che l'immagine sia visualizzata per l'intera larghezza del blocco.

Suggerimento: crea immagini a schermo intero nelle Pagine indice di Brine aggiungendo una sezione della Pagina di layout con un'immagine di sfondo o una sezione della Pagina galleria a slideshow.

Sovrapposizione con la barra di informazione su dispositivi mobili

Se l'intestazione del sito si sovrappone alla barra di informazione su dispositivi mobili, i visitatori potrebbero avere problemi a esplorare i contenuti del sito. Questo tipo di problema si verifica quando il tweak di stile della parte superiore fissa su mobile e la barra di informazione su dispositivi mobili sono entrambi attivi. Per risolvere questo problema:

1. In Stili sito, scorri fino alla sezione Dispositivi mobili: parte superiore.
2. Assicurati che l'impostazione Parte superiore fissa su mobile sia deselezionata.

Se preferisci lasciare in posizione il tweak di stile della parte superiore fissa su mobile, puoi invece rimuovere la barra di informazione su dispositivi mobili.

Il sito mobile scorre in orizzontale

Se hai ingrandito la pagina, potresti vedere lo scorrimento orizzontale. Prova ad aggiornare il browser del tuo dispositivo mobile per ripristinare lo zoom.

Se il problema non si risolve, il tuo sito potrebbe avere un padding laterale inferiore a 17 pixel, che può causare una visualizzazione del tuo sito mobile più ampia rispetto alla finestra del browser. Per risolvere questo problema:

1. In Stili sito, scorri fino alla sezione Sito.
2. Assicurati che la Spaziatura laterale sia pari a 17 pixel o superiore.

Gli stili per dispositivi mobili non vengono visualizzati

Se le impostazioni degli stili per dispositivi mobili non vengono visualizzate sui dispositivi mobili e nella Vista dispositivo, è possibile che il tuo sito passi alla visualizzazione mobile solo su browser molto stretti. Per ripristinare la larghezza che determina questo passaggio:

1. In Stili sito, scorri fino alla sezione Dispositivi mobili.
2. Assicurati che il Punto di interruzione su dispositivi mobili sia impostato su 640 pixel o superiore.
3. Fai clic su Salva.

La barra di navigazione è di un colore inaspettato

Se regoli l'opacità della barra di navigazione inferiore, il suo colore quando scorri verso il basso dipende dalle impostazioni. Se è presente un bordo del sito, esso viene visualizzato su quel colore. In caso contrario:

• Se è presente un banner di pagina, esso viene visualizzato sul colore di sfondo del sito
• Se non è presente alcun banner, esso viene visualizzato sul colore di sfondo del piè di pagina

Le immagini con effetto parallasse sono troppo ritagliate

Nella sezione Principale: sovrapposizione, spunta Ritaglio intelligente Parallax. Quando questa opzione è spuntata, le immagini dei banner sono ritagliate nella quantità minima necessaria per la visualizzazione della parallasse.

Il titolo del sito ha un aspetto diverso sui dispositivi mobili

Puoi modificare la visualizzazione del titolo del sito in base al dispositivo. Imposta uno stile del tipo di carattere diverso per computer e dispositivi mobili utilizzando gli stili per dispositivi mobili personalizzabili del tuo modello.

Per mantenere il tuo branding coerente su tutti i dispositivi, seleziona lo stesso tipo di carattere nelle sezioni Dispositivi mobili: branding e Intestazione: branding di Stili sito.

Le icone social nell'intestazione superiore sono del colore sbagliato nelle Pagine Indice

Se la prima sezione dell'Indice è una galleria e hai selezionato Intestazione in sovrapposizione sulla Prima galleria indice, le icone social nell'intestazione seguono automaticamente il tweak Colore (Sovrapposizione) in Icone social. Tuttavia, questo tweak appare solo quando imposti la Posizione social in Intestazione: Layout su una delle opzioni di intestazione inferiore. Di conseguenza, le icone social posizionate nell'intestazione superiore potrebbero essere di un colore inaspettato che non potrai modificare.

Per modificare questo tweak colore, imposta temporaneamente Posizione social in Intestazione: layout su una delle opzioni di intestazione inferiore. Dopo aver modificato il colore, sposta nuovamente le icone social nell'intestazione superiore.

Il testo è stretto e centrato

Quando alcuni blocchi si trovano in una singola colonna, si inseriscono automaticamente al centro della pagina con uno spazio bianco su entrambi i lati. Questa azione è chiamata Inset contenuti.

Per rimuovere l'inset contenuti, imposta Inset contenuti su 0 nella sezione Principale di Stili sito.