Passa al contenuto principale

Configurazione del tema

Aggiungi le estensioni del tema di PDF Connect al tuo tema Shopify in modo che i clienti possano vedere i PDF nel tuo negozio.

Perché la configurazione del tema è importante

Collegare i PDF e impostarli su attivo non è sufficiente. Devi aggiungere le estensioni del tema al tuo tema perché i PDF appaiano nel negozio.

Pensa a questo modo:

  • Collegamento = Connettere i PDF alle pagine/risorse
  • Estensioni del tema = Rendere i PDF visibili ai clienti nell'editor del tema. Richiesto solo una volta per template.

Entrambi sono necessari per mostrare un PDF nel tuo storefront.

È solo un passaggio di configurazione nell'impostazione del PDF!

Due modi per pubblicare i PDF collegati

1. Pubblica direttamente dalla pagina dettagli del PDF (consigliato)

Il modo più veloce per aggiungere un'estensione del tema:

  1. Apri la sezione Publish nella pagina dettagli del PDF
  2. Se l'estensione del tema non è ancora aggiunta al template, vedrai un prompt per Publish
  3. Clicca Publish e scegli lo stile di visualizzazione (Visualizzatore Incorporato o Pulsante)
  4. Si apre una nuova scheda o finestra nell'editor del tema con l'estensione già aggiunta
  5. Regola le impostazioni dell'estensione se necessario, poi clicca Save nell'editor del tema

2. Aggiungi manualmente un'estensione del tema tramite l'editor del tema

Per un maggiore controllo sul posizionamento dell'estensione:

  1. Vai su Online Store > Themes
  2. Clicca su Customize nel tema attivo
  3. Naviga a una pagina dove hai collegato un PDF (es. una pagina prodotto)
  4. Clicca su Add section o Add block (dipende dal tuo tema)
  5. Cerca PDF Connect nella sezione App
  6. Aggiungi PDF Embedded Viewer o PDF Button
  7. Clicca Save

Oppure vedi Personalizza le opzioni di visualizzazione →

Blocchi URL manuali (nessun collegamento richiesto)

Per i template di prodotto, puoi anche aggiungere blocchi manuali che leggono gli URL PDF direttamente dalle impostazioni del tema.

Ideale per PDF condivisi a livello di template quando non vuoi collegare ogni prodotto separatamente.

Flusso blocco manuale

  1. Apri la pagina dettagli di qualsiasi PDF nell'app
  2. Usa l'azione nel menu a tendina Add PDF block to product template (manual URLs)
  3. Scegli un template di prodotto e un tipo di blocco manuale
  4. Continua nell'editor del tema e incolla uno o più URL
  5. Salva le modifiche al tema

Dettagli blocco manuale: Blocchi URL manuali →

Dove trovare le estensioni del tema di PDF Connect

Le estensioni del tema di PDF Connect appaiono sotto Apps nell'editor del tema. Cerca:

  • PDF Embedded Viewer - Mostra i PDF incorporati nella pagina
  • PDF Button - Mostra pulsanti cliccabili che aprono i PDF in overlay
  • PDF Embedded Manual - Visualizzazione incorporata dalle impostazioni URL manuali
  • PDF Button Manual - Pulsante popup/lista dalle impostazioni URL manuali

I blocchi con collegamento sono disponibili per tutti i tipi di pagina supportati. I blocchi manuali sono attualmente disponibili per i template di prodotto.

Tipi di pagina supportati

Aggiungi le estensioni PDF Connect a questi template di pagina:

  • Pagine prodotto - Editor template prodotto
  • Pagine collezione - Editor template collezione
  • Pagine - Editor template pagina
  • Blog - Editor template blog
  • Articoli - Editor template articolo del blog
  • Homepage - Editor template index
  • Pagina di ricerca - Editor template ricerca

Posiziona le estensioni

Controlla dove appaiono i PDF:

Pagine prodotto:

  • Sopra il pulsante Aggiungi al carrello
  • In una scheda separata
  • Sotto la descrizione del prodotto
  • In una barra laterale

Pagine collezione:

  • Sopra la griglia prodotti
  • Sotto la descrizione della collezione
  • In una barra laterale

Altre pagine:

  • Sopra il contenuto principale
  • Sotto il contenuto principale
  • In sezioni dedicate

La posizione dipende dalla struttura delle sezioni del tuo tema.

Un'estensione mostra tutti i PDF collegati

Devi aggiungere solo un'estensione del tema per tipo di pagina:

  • Aggiungi l'estensione PDF Button al template prodotto
  • L'estensione mostra automaticamente i PDF per ogni prodotto
  • Visualizza solo i PDF collegati a quel prodotto specifico
  • Non è necessario aggiungere estensioni ai singoli prodotti
  • Se hai bisogno di escludere un PDF vedi Visualizza PDF per tipo di estensione →

Lo stesso vale per collezioni, pagine e altre risorse.

I blocchi manuali si comportano diversamente:

  • Non leggono i PDF collegati
  • Renderizzano solo gli URL inseriti nelle impostazioni di quel blocco
  • Si applicano all'intero template dove li hai aggiunti

Impostazioni dell'estensione del tema

Personalizza come appaiono le estensioni nella tua pagina (non le funzionalità del visualizzatore PDF):

Per l'estensione Visualizzatore Incorporato:

  • Mostra intestazione (toggle)
  • Testo intestazione
  • Altezza visualizzatore (percentuale del viewport, solo desktop)
  • Mostra bordo contenitore

Per l'estensione PDF Button:

  • Mostra intestazione (toggle)
  • Testo intestazione
  • Testo pulsante e fonte del testo (generico, nome PDF o descrizione)
  • Allineamento pulsante (sinistra, centro, destra)
  • Allineamento testo pulsante
  • Layout più PDF (verticale o orizzontale)
  • Mostra icona PDF
  • Mostra bordo contenitore
  • Colore sfondo pulsante
  • Colore testo pulsante
  • Colore sfondo pulsante al passaggio del mouse
  • Dimensione modale visualizzatore PDF (60%, 70%, 80%, 90%)

Per i blocchi con collegamento: Le funzionalità del visualizzatore PDF (zoom, download, barra degli strumenti, navigazione, ecc.) sono configurate nella pagina dell'app di ogni PDF. Configurazione del visualizzatore →

Per i blocchi manuali: le funzionalità del visualizzatore sono configurate nelle impostazioni del blocco nell'editor del tema. Opzioni visualizzatore blocco manuale →

Mescola stili di visualizzazione

Puoi usare stili di visualizzazione diversi su tipi di pagina diversi:

  • Visualizzatore incorporato nelle pagine prodotto
  • Visualizzazione a pulsante nelle pagine collezione
  • Incorporato nella homepage

Oppure mescola sugli stessi se il tuo tema supporta più estensioni.

Temi senza supporto per le estensioni del tema

I temi più vecchi o personalizzati potrebbero non supportare le estensioni del tema:

  1. Verifica che il tuo tema sia compatibile con le estensioni del tema
  2. Aggiorna a una versione più recente del tema se necessario
  3. Contatta lo sviluppatore del tema per supporto
  4. Considera il passaggio a un tema compatibile con Online Store 2.0

La maggior parte dei temi Shopify moderni (Online Store 2.0) supporta le estensioni del tema.

Anteprima prima della pubblicazione

Testa la configurazione prima di andare live:

  1. Aggiungi le estensioni nell'editor del tema
  2. Usa l'anteprima per vedere come appaiono i PDF
  3. Prova entrambi gli stili di visualizzazione
  4. Controlla nell'anteprima mobile
  5. Apporta le modifiche necessarie
  6. Clicca Save quando sei soddisfatto

Rimuovi le estensioni

Per rimuovere la visualizzazione PDF da un tipo di pagina:

  1. Vai nell'editor del tema
  2. Naviga a quel tipo di pagina
  3. Trova l'estensione PDF Connect
  4. Clicca sulle impostazioni dell'estensione
  5. Scegli Remove block
  6. Clicca Save

Questo nasconde i PDF senza scollegarli.

Risoluzione problemi di visualizzazione

I PDF non appaiono:

  • Verifica che l'estensione sia aggiunta al tipo di pagina corretto
  • Controlla che lo stato del PDF sia Attivo
  • Conferma che il PDF sia collegato alla risorsa
  • Aggiorna la pagina

Il blocco manuale non mostra nulla:

  • Assicurati che almeno un URL valido sia inserito nelle impostazioni manuali
  • Conferma che il blocco sia stato aggiunto al template di prodotto attivo
  • Salva il tema e aggiorna con hard refresh

L'estensione non è nella sezione App:

  • Il tema potrebbe non supportare le estensioni del tema
  • Prova ad aggiornare il tema
  • Controlla la compatibilità del tema (richiede Online Store 2.0)

Vengono mostrati PDF sbagliati:

  • Verifica di visualizzare la risorsa corretta
  • Controlla il collegamento nella libreria PDF
  • Esamina i filtri template (se usati)

Visualizza la guida completa alla risoluzione dei problemi →

Passaggi successivi