{"id":1671,"date":"2026-07-06T09:26:15","date_gmt":"2026-07-06T06:26:15","guid":{"rendered":"https:\/\/presta.site\/blog\/docs\/uncategorized\/posizioni-di-visualizzazione-vacation-mode-per-prestashop\/"},"modified":"2026-07-08T08:57:28","modified_gmt":"2026-07-08T05:57:28","password":"","slug":"posizioni-di-visualizzazione-vacation-mode-per-prestashop","status":"publish","type":"docs","link":"https:\/\/presta.site\/blog\/it\/docs\/moduli-prestashop\/vacation-mode-4\/posizioni-di-visualizzazione-vacation-mode-per-prestashop\/","title":{"rendered":"Posizioni di visualizzazione &#8211; Vacation Mode per PrestaShop"},"content":{"rendered":"<p>Questa guida alle <strong>posizioni di visualizzazione Vacation Mode<\/strong> copre banner superiori, popup, pagine prodotto, hook checkout e opzioni di stile in PrestaShop.<\/p>\n<p>Il modulo Vacation mode mostra avvisi per festivit\u00e0 e vacanze tramite hook del tema PrestaShop. Questa guida spiega ogni posizione di visualizzazione disponibile nella configurazione del modulo, le opzioni di stile per ciascuna e come risolvere problemi di visibilit\u00e0.<\/p>\n<p><em>Nota: Questa guida copre le otto posizioni di visualizzazione sul negozio. Le notifiche email ordine si configurano sullo stesso modulo ma sono documentate nella <a href=\"https:\/\/presta.site\/blog\/it\/docs\/prestashop-modules\/vacation-mode\/managing-vacation-profiles-vacation-mode-for-prestashop\/#order-email-notifications\">Managing Vacation Profiles guide<\/a>. Le opzioni disabilita-aggiungi-al-carrello sono documentate in <a href=\"https:\/\/presta.site\/blog\/it\/docs\/prestashop-modules\/vacation-mode\/managing-vacation-profiles-vacation-mode-for-prestashop\/#disable-add-to-cart\">Managing Vacation Profiles<\/a>.<\/em><\/p>\n<p><!--more--><\/p>\n<h2>Panoramica posizioni di visualizzazione Vacation Mode<\/h2>\n<h2>Comprendere le posizioni di visualizzazione<\/h2>\n<p>Questa mappa delle <strong>posizioni di visualizzazione Vacation Mode<\/strong> associa ogni checkbox del modulo a un hook del tema.<\/p>\n<p>Nella configurazione del modulo, ogni profilo vacanza ha una sezione intitolata <strong>Select the places where you would like to display the information:<\/strong>. Ogni checkbox corrisponde a una posizione di visualizzazione. Quando abiliti una posizione, compare un editor rich-text dove inserisci il messaggio che vedranno i clienti.<\/p>\n<p>Dietro le quinte, ogni posizione si collega a uno o pi\u00f9 hook PrestaShop &#8211; punti di inserimento definiti dal tema. Il modulo si registra sull&#8217;hook principale per ogni posizione e pu\u00f2 usare facoltativamente un hook alternativo se il tema non supporta la posizione predefinita. Consulta la <a href=\"https:\/\/devdocs.prestashop-project.org\/9\/modules\/concepts\/hooks\/\" target=\"_blank\" rel=\"noopener\">documentazione hook di PrestaShop<\/a> per capire come funzionano gli hook nei temi.<\/p>\n<h2>Elenco completo delle posizioni di visualizzazione<\/h2>\n<p>La tabella in queste <strong>posizioni di visualizzazione Vacation Mode<\/strong> elenca ogni posizione sul negozio.<\/p>\n<p><a href=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/top-banner-position.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/top-banner-position.png\" alt=\"Banner superiore Vacation Mode sul negozio PrestaShop\" width=\"919\" height=\"255\" class=\"aligncenter size-full wp-image-1636\" srcset=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/top-banner-position.png 919w, https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/top-banner-position-300x83.png 300w, https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/top-banner-position-768x213.png 768w\" sizes=\"auto, (max-width: 919px) 100vw, 919px\" \/><\/a><\/p>\n<table>\n<thead>\n<tr>\n<td>Posizione<\/td>\n<td>Hook principale<\/td>\n<td>Posizioni alternative<\/td>\n<td>Opzioni disponibili<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Top banner:<\/strong><\/td>\n<td><code class=\"codecolorer text default\"><span class=\"text\">displayBanner<\/span><\/code><\/td>\n<td>Posizione #1 (<code class=\"codecolorer text default\"><span class=\"text\">displayAfterBodyOpeningTag<\/span><\/code>)<\/td>\n<td>Background color, Sticky (No \/ Top \/ Bottom), Constrain block width, Block margins<\/td>\n<\/tr>\n<tr>\n<td><strong>Popup:<\/strong><\/td>\n<td><code class=\"codecolorer text default\"><span class=\"text\">displayFooter<\/span><\/code><\/td>\n<td>Posizione #1 (<code class=\"codecolorer text default\"><span class=\"text\">displayBeforeBodyClosingTag<\/span><\/code>)<\/td>\n<td> &mdash; <\/td>\n<\/tr>\n<tr>\n<td><strong>Home page:<\/strong><\/td>\n<td><code class=\"codecolorer text default\"><span class=\"text\">displayHome<\/span><\/code><\/td>\n<td> &mdash; <\/td>\n<td>Background color, Constrain block width, Block margins<\/td>\n<\/tr>\n<tr>\n<td><strong>Left column:<\/strong><\/td>\n<td><code class=\"codecolorer text default\"><span class=\"text\">displayLeftColumn<\/span><\/code><\/td>\n<td>Colonna destra (<code class=\"codecolorer text default\"><span class=\"text\">displayRightColumn<\/span><\/code>)<\/td>\n<td>Background color, Block margins<\/td>\n<\/tr>\n<tr>\n<td><strong>Product page:<\/strong><\/td>\n<td><code class=\"codecolorer text default\"><span class=\"text\">displayProductAdditionalInfo<\/span><\/code><\/td>\n<td>Product footer, Product buttons, Extra left, Extra right, Delivery info<\/td>\n<td>Background color, Block margins<\/td>\n<\/tr>\n<tr>\n<td><strong>Cart page:<\/strong><\/td>\n<td><code class=\"codecolorer text default\"><span class=\"text\">displayShoppingCart<\/span><\/code><\/td>\n<td>Cart footer (<code class=\"codecolorer text default\"><span class=\"text\">displayShoppingCartFooter<\/span><\/code>)<\/td>\n<td>Background color, Block margins<\/td>\n<\/tr>\n<tr>\n<td><strong>Checkout page:<\/strong><\/td>\n<td><code class=\"codecolorer text default\"><span class=\"text\">displayCheckoutSummaryTop<\/span><\/code><\/td>\n<td>Custom checkout hook (<code class=\"codecolorer text default\"><span class=\"text\">displayCheckout<\/span><\/code>)<\/td>\n<td>Background color, Block margins<\/td>\n<\/tr>\n<tr>\n<td><strong>Reassurance info:<\/strong><\/td>\n<td><code class=\"codecolorer text default\"><span class=\"text\">displayReassurance<\/span><\/code><\/td>\n<td> &mdash; <\/td>\n<td>Background color, Block margins<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>Sui temi PrestaShop predefiniti (Classic, Hummingbird), <strong>Checkout page<\/strong> funziona con l&#8217;hook principale &#8211; non serve una posizione alternativa. Usa <strong>Custom checkout hook<\/strong> solo se il tema definisce <code class=\"codecolorer text default\"><span class=\"text\">displayCheckout<\/span><\/code> in una posizione diversa.<\/em><\/p>\n<p><em>Importante: <strong>Reassurance info:<\/strong> pu\u00f2 apparire in posizioni diverse a seconda del tema. In molti temi predefiniti, \u00e8 mostrata sulla pagina prodotto, nel carrello e al checkout.<\/em><\/p>\n<p><a href=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/product-page-position.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/product-page-position.png\" alt=\"Avviso Vacation Mode sulla pagina prodotto PrestaShop\" width=\"919\" height=\"255\" class=\"aligncenter size-full wp-image-1638\" srcset=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/product-page-position.png 919w, https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/product-page-position-300x83.png 300w, https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/product-page-position-768x213.png 768w\" sizes=\"auto, (max-width: 919px) 100vw, 919px\" \/><\/a><\/p>\n<h2>Configurazione di una posizione di visualizzazione<\/h2>\n<p>Ogni passaggio qui sotto applica una posizione da queste <strong>posizioni di visualizzazione Vacation Mode<\/strong>.<\/p>\n<p>Per abilitare una posizione su un profilo vacanza:<\/p>\n<ol>\n<li>Apri <strong>Moduli &rarr; Gestione moduli &rarr; Vacation mode &rarr; Configura<\/strong>.<\/li>\n<li>Seleziona la scheda vacanza da modificare.<\/li>\n<li>Seleziona la casella accanto alla posizione desiderata (ad esempio, <strong>Top banner:<\/strong>).<\/li>\n<li>Inserisci il messaggio nell&#8217;editor rich-text. Usa il menu a tendina lingua per inserire testo per ogni lingua del negozio.<\/li>\n<li>Regola le opzioni di stile se necessario (vedi sotto).<\/li>\n<li>Clicca <strong>Save<\/strong> su quel blocco posizione.<\/li>\n<\/ol>\n<p>Ripeti per ogni posizione che vuoi usare. Puoi abilitare pi\u00f9 posizioni sullo stesso profilo vacanza con messaggi diversi.<\/p>\n<h2>Usa posizione alternativa<\/h2>\n<p>Gli hook alternativi in queste <strong>posizioni di visualizzazione Vacation Mode<\/strong> aiutano quando il tema omette una posizione predefinita.<\/p>\n<p>Alcune posizioni offrono un menu a tendina <strong>Use alternative position:<\/strong> con opzioni hook aggiuntive. Seleziona un&#8217;alternativa quando:<\/p>\n<ul>\n<li>L&#8217;hook principale non \u00e8 disponibile nel tema<\/li>\n<li>L&#8217;avviso appare in una posizione inattesa con l&#8217;hook predefinito<\/li>\n<li>Vuoi un controllo pi\u00f9 fine sulla posizione (ad esempio, <strong>Right column<\/strong> invece di <strong>Left column:<\/strong>)<\/li>\n<\/ul>\n<p><em>Nota: Alcune posizioni potrebbero non essere disponibili &#8211; dipende dal tema.<\/em><\/p>\n<p>Quando \u00e8 selezionata una posizione alternativa, il modulo renderizza il messaggio su quell&#8217;hook invece che su quello principale.<\/p>\n<h2>Opzioni di stile<\/h2>\n<p>Le opzioni di stile in queste <strong>posizioni di visualizzazione Vacation Mode<\/strong> variano per posizione.<\/p>\n<p>Le opzioni di stile compaiono sotto l&#8217;editor di testo quando una posizione le supporta. Non tutte le posizioni offrono ogni opzione.<\/p>\n<h3>Background color:<\/h3>\n<p>Imposta un colore di sfondo per il blocco avviso usando il selettore colore. Supporta valori RGBA per sfondi semi-trasparenti. Il colore \u00e8 applicato al contenitore del messaggio sul negozio.<\/p>\n<h3>Sticky:<\/h3>\n<p>Disponibile solo su <strong>Top banner:<\/strong>. Scegli <strong>No<\/strong>, <strong>Top<\/strong> o <strong>Bottom<\/strong>. Se impostato su Top o Bottom, il banner resta fisso durante lo scorrimento e il modulo aggiunge padding al body cos\u00ec il contenuto non resta nascosto dietro il banner.<\/p>\n<h3>Constrain block width:<\/h3>\n<p>Disponibile su <strong>Top banner:<\/strong> e <strong>Home page:<\/strong>. Quando abilitato, il contenuto dell&#8217;avviso \u00e8 avvolto in un elemento <code class=\"codecolorer text default\"><span class=\"text\">.container<\/span><\/code> standard cos\u00ec corrisponde alla larghezza contenuti principale del tema. Abilitalo se il blocco appare pi\u00f9 largo dei contenuti della pagina &#8211; ad esempio, in una sezione pagina a larghezza piena.<\/p>\n<h3>Block margins (px):<\/h3>\n<p>Imposta i margini intorno al blocco avviso in pixel usando i campi Top, Right, Left e Bottom. Lascia un campo vuoto per nessun margine su quel lato. I valori sono combinati in un margine CSS sul negozio.<\/p>\n<h2>Comportamento popup<\/h2>\n<p>Il comportamento popup in queste <strong>posizioni di visualizzazione Vacation Mode<\/strong> si applica su ogni pagina dove l&#8217;hook viene eseguito.<\/p>\n<p>La posizione <strong>Popup:<\/strong> mostra il messaggio come overlay modale al caricamento della pagina.<\/p>\n<ul>\n<li>Il popup si apre automaticamente sulle pagine dove l&#8217;hook viene eseguito.<\/li>\n<li>Un pulsante <strong>Non mostrare pi\u00f9<\/strong> consente ai clienti di chiudere il popup.<\/li>\n<li>Quando chiuso, il popup \u00e8 nascosto per <strong>sette giorni<\/strong> nel browser di quel cliente (memorizzato in local storage del browser). Dopo sette giorni, riappare alla visita successiva.<\/li>\n<li>Il popup di ogni profilo vacanza \u00e8 tracciato separatamente per ID vacanza.<\/li>\n<\/ul>\n<p>Per usare una posizione popup alternativa, seleziona <strong>Position #1<\/strong> (<code class=\"codecolorer text default\"><span class=\"text\">displayBeforeBodyClosingTag<\/span><\/code>) in <strong>Use alternative position:<\/strong>.<\/p>\n<h2>Regolazione posizione hook con Design &rarr; Posizioni<\/h2>\n<p>Questa sezione sulle <strong>posizioni di visualizzazione Vacation Mode<\/strong> spiega l&#8217;ordinamento degli hook nel Back Office.<\/p>\n<p>Quando attivi la modalit\u00e0 vacanza, l&#8217;avviso pu\u00f2 apparire sotto altri contenuti di moduli nella pagina. \u00c8 il comportamento predefinito di PrestaShop &#8211; i moduli appena installati sono posizionati in fondo all&#8217;output dell&#8217;hook.<\/p>\n<p>Per spostare un avviso pi\u00f9 in alto nella pagina:<\/p>\n<ol>\n<li>Vai su <strong>Design &rarr; Posizioni<\/strong> nel back office di PrestaShop.<\/li>\n<li>Nel filtro moduli in alto, seleziona <strong>Vacation mode<\/strong>.<\/li>\n<li>Trova l&#8217;hook dove appare l&#8217;avviso (ad esempio, <code class=\"codecolorer text default\"><span class=\"text\">displayHome<\/span><\/code> per la home page).<\/li>\n<li>Trascina la riga <strong>Vacation mode<\/strong> in cima all&#8217;elenco moduli di quell&#8217;hook.<\/li>\n<li>Salva. Il contenuto del modulo verr\u00e0 ora renderizzato per primo tra i moduli su quell&#8217;hook.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/homepage-position.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/homepage-position.png\" alt=\"Posizione avviso Vacation Mode sulla home page PrestaShop\" width=\"919\" height=\"255\" class=\"aligncenter size-full wp-image-1637\" srcset=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/homepage-position.png 919w, https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/homepage-position-300x83.png 300w, https:\/\/presta.site\/blog\/wp-content\/uploads\/pstv-vacation-docs\/homepage-position-768x213.png 768w\" sizes=\"auto, (max-width: 919px) 100vw, 919px\" \/><\/a><\/p>\n<h2>Pi\u00f9 vacanze attive sulla stessa posizione<\/h2>\n<p>Se pi\u00f9 profili vacanza sono attivi ed entrambi hanno la stessa posizione abilitata, tutti i messaggi corrispondenti sono mostrati per quell&#8217;hook. Ogni messaggio viene renderizzato come blocco separato sul negozio.<\/p>\n<p>Nel Back Office, il badge indicatore vacanza attiva \u00e8 generico e non identifica quale profilo \u00e8 attivo. Sulla pagina di configurazione del modulo, un banner di avviso elenca le vacanze attive con date quando impostate (<strong>Vacation mode active: YYYY-MM-DD &#8212; YYYY-MM-DD<\/strong> o <strong>Vacation mode active.<\/strong>).<\/p>\n<h2 id=\"troubleshooting-display-issues\">Risoluzione problemi di visualizzazione<\/h2>\n<p>Questa sezione di risoluzione problemi sulle <strong>posizioni di visualizzazione Vacation Mode<\/strong> copre i problemi di visibilit\u00e0 pi\u00f9 comuni.<\/p>\n<h3>L&#8217;avviso non appare sul negozio<\/h3>\n<p>Controlla quanto segue in ordine:<\/p>\n<ul>\n<li><strong>Activate:<\/strong> \u00e8 impostato su <strong>S\u00ec<\/strong> sulla scheda vacanza.<\/li>\n<li><strong>Dates:<\/strong> se impostato, la data corrente rientra nell&#8217;intervallo. Le vacanze future non sono ancora attive.<\/li>\n<li>La checkbox posizione \u00e8 abilitata e hai cliccato <strong>Save<\/strong>.<\/li>\n<li>Il testo del messaggio \u00e8 inserito per la lingua del cliente (non solo la lingua predefinita).<\/li>\n<li>Il tema supporta l&#8217;hook selezionato. Prova <strong>Use alternative position:<\/strong> se disponibile.<\/li>\n<li>Il modulo non \u00e8 in fondo a un hook dove \u00e8 nascosto da altri contenuti &#8211; controlla <strong>Design &rarr; Posizioni<\/strong>.<\/li>\n<\/ul>\n<h3>L&#8217;avviso appare ma nel posto sbagliato della pagina<\/h3>\n<p>Usa <strong>Design &rarr; Posizioni<\/strong> per riordinare il modulo sull&#8217;hook, oppure passa a un&#8217;opzione <strong>Use alternative position:<\/strong> se il tema renderizza l&#8217;hook principale in una posizione inattesa.<\/p>\n<h3>Il popup continua a riapparire<\/h3>\n<p>Il pulsante <strong>Non mostrare pi\u00f9<\/strong> sopprime il popup per sette giorni per browser. Cancellare i dati del browser, usare un browser diverso o visitare in modalit\u00e0 privata\/incognito mostrer\u00e0 di nuovo il popup. \u00c8 comportamento per browser del cliente, non un&#8217;impostazione del modulo.<\/p>\n<h3>Avviso traduzione parziale nel Back Office<\/h3>\n<p>Se vedi un avviso come &quot;%s missing text for %s language.&quot;, una posizione abilitata ha testo in alcune lingue ma non in tutte le lingue attive del negozio. Compila la lingua mancante o disabilita la posizione.<\/p>\n<h3>Modifiche non visibili subito dopo il salvataggio<\/h3>\n<p>L&#8217;output front office \u00e8 memorizzato in cache con una chiave basata sul prossimo confine di inizio o fine vacanza per il negozio corrente. Salvare una posizione o modificare impostazioni vacanza pulisce la cache del modulo, quindi le modifiche dovrebbero apparire subito dopo <strong>Save<\/strong>. Se vedi ancora contenuti vecchi, pulisci la cache PrestaShop da <strong>Parametri avanzati &rarr; Prestazioni<\/strong>.<\/p>\n<h2>Guide correlate<\/h2>\n<ul>\n<li>Scopri come gestire profili vacanza, pianificazione e email ordine nella <a href=\"https:\/\/presta.site\/blog\/it\/docs\/prestashop-modules\/vacation-mode\/managing-vacation-profiles-vacation-mode-for-prestashop\/\">Managing Vacation Profiles guide<\/a>.<\/li>\n<li>Torna alla <a href=\"https:\/\/presta.site\/blog\/it\/docs\/prestashop-modules\/vacation-mode\/prestashop-vacation-mode-documentation\/\">Main Documentation<\/a>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Questa guida alle posizioni di visualizzazione Vacation Mode copre banner superiori, popup, pagine prodotto, hook checkout e opzioni di stile in PrestaShop. Il modulo Vacation mode mostra avvisi per festivit\u00e0 e vacanze tramite hook del tema PrestaShop. Questa guida spiega ogni posizione di visualizzazione disponibile nella configurazione del modulo, le opzioni di stile per ciascuna &hellip; <a href=\"https:\/\/presta.site\/blog\/it\/docs\/moduli-prestashop\/vacation-mode-4\/posizioni-di-visualizzazione-vacation-mode-per-prestashop\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Posizioni di visualizzazione &#8211; Vacation Mode per PrestaShop<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[256],"doc_tag":[],"class_list":["post-1671","docs","type-docs","status-publish","hentry","doc_category-vacation-mode-4"],"year_month":"2026-07","word_count":1412,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Alex C.","author_nicename":"polosat","author_url":"https:\/\/presta.site\/blog\/author\/polosat\/"},"doc_category_info":[{"term_name":"Vacation Mode","term_url":"https:\/\/presta.site\/blog\/it\/docs\/moduli-prestashop\/vacation-mode-4\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/docs\/1671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/comments?post=1671"}],"version-history":[{"count":2,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/docs\/1671\/revisions"}],"predecessor-version":[{"id":1731,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/docs\/1671\/revisions\/1731"}],"wp:attachment":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media?parent=1671"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/doc_category?post=1671"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/doc_tag?post=1671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}