Custom 404 & MaintenanceDocs

Documentazione Custom 404 & Maintenance

Passi di installazione e un riferimento completo di ogni impostazione, con esempi concreti — lo stesso livello di dettaglio che usa il nostro supporto per aiutare i clienti.

Prima e dopo

Stesso negozio, stesso indirizzo: trascina il cursore per confrontare la pagina standard di Magento con quella generata dal modulo.

Pagina 404

Pagina 404 personalizzata con logo del negozio, grande numero 404, titolo “Page not found”, casella di ricerca e pulsante per tornare alla home Pagina 404 standard del tema Hyvä con header, footer e il testo generico “Whoops, our bad...”
Magento standard Con il modulo

A sinistra: la pagina 404 standard del tema (qui Hyvä), con header, footer e testo generico. A destra: lo stesso indirizzo con il modulo — a tutto schermo, logo del negozio, grande 404, ricerca nel catalogo e pulsante per tornare alla home.

Pagina di manutenzione

Pagina di manutenzione con il brand del negozio: logo, titolo “We’ll be back soon” e nota “We will be back online at 14:00 (CET)” Pagina di manutenzione standard di Magento: “Service Temporarily Unavailable” in nero su sfondo bianco
Magento standard Con il modulo

A sinistra: la pagina di manutenzione standard di Magento, “Service Temporarily Unavailable” in nero su bianco. A destra: la pagina con il brand del negozio, messaggio e nota in evidenza “We will be back online at 14:00 (CET)”, servita con HTTP 503.

Installazione

Requisiti

Magento 2.4.x. PHP 8.1–8.5. Compatibile sia con il tema predefinito Luma sia con il tema Hyvä. Richiede il modulo gratuito codingrow/module-core, installato automaticamente. Nessuna chiave da inserire: il modulo si attiva automaticamente sul tuo dominio.

Passi di installazione

  1. Richiedi il modulo dalla pagina prodotto con la sola email: ricevi via email le credenziali Composer (le trovi anche nella tua area cliente). Salvale dalla radice del progetto Magento:
    composer config http-basic.repo.codingrow.com <username> <password>
  2. composer config repositories.codingrow composer https://repo.codingrow.com
  3. composer require codingrow/module-custom-404-maintenance
  4. bin/magento module:enable Codingrow_Custom404Maintenance
  5. bin/magento setup:upgrade — in modalità production anche setup:di:compile, setup:static-content:deploy e cache:flush.
  6. Non c'è nessuna chiave da incollare: il modulo si attiva automaticamente sul tuo dominio, passa direttamente alla configurazione qui sotto.

setup:upgrade installa anche la skin della pagina di manutenzione in pub/errors. Se non ci riesce (permessi dei file), esegui una volta bin/magento codingrow:c404m:deploy con l'utente proprietario dei file di Magento.

Configurazione

Apri Admin → Stores → Configuration → Codingrow Extensions → Custom 404 & Maintenance. Ogni campo è impostabile a livello Default, Website e Store View: usa il selettore Scope in alto a sinistra per avere testi o design diversi per lingua.

L’intestazione del modulo in cima alla pagina di configurazione, con la versione installata.
L’intestazione del modulo in cima alla pagina di configurazione, con la versione installata.
Gruppo License: stato Active e campo License Key vuoto — il modulo è gratuito, non serve nessuna chiave.
Gruppo License: stato Active e campo License Key vuoto — il modulo è gratuito, non serve nessuna chiave.
ImpostazioneCosa faNote
404 Page
Enable custom 404 pageSostituisce la pagina 404 di Magento.Sì/No.
Show large "404" numberGrande numero colorato sopra il titolo.Usa il colore accento.
Title / MessageI testi della pagina.Vuoto = testo predefinito tradotto. Nel messaggio è ammesso HTML base (b, strong, i, em, a, br, p, ul, ol, li, span).
Show search boxRicerca nel catalogo dello store.
"Back to home" button labelTesto del pulsante.Vuoto = testo predefinito.
Maintenance Page
Installation statusIndica se la skin è installata in pub/errors.Deve dire Installed (vedi Pagina di manutenzione).
Enable custom maintenance pageMostra la tua pagina mentre la manutenzione è attiva.Sì/No per store view.
Title / MessageI testi della pagina.Come per la pagina 404.
Highlighted noteBreve nota nel colore accento.Es. "Torniamo online alle 14:00".
Auto-reload page every (seconds)Ricarica automaticamente la pagina del visitatore.0 = mai; 60 = ogni minuto.
Design
Logo / Logo max widthLogo dello store, logo personalizzato o nessuno.Logo dello store = quello impostato in Content → Design → Configuration.
BackgroundColore pieno, gradiente a due colori o immagine a tutto schermo.Scurimento dell'immagine da 0 a 90%.
Content boxNessuno, chiaro o scuro.
Font / Title size / AlignmentTipografia di entrambe le pagine.
Colori testo, accento e testo pulsantiColori, ognuno con selettore colore.Accento = numero 404, link, pulsanti, nota.

Disinstallazione

Ripristina la pagina di manutenzione standard di Magento prima di rimuovere il modulo:

bin/magento codingrow:c404m:deploy --uninstall
composer remove codingrow/module-custom-404-maintenance
bin/magento setup:upgrade

Se rimuovi il modulo senza --uninstall, la pagina di manutenzione continua a mostrare l'ultima versione generata finché non si rimuove la skin. Per tornare semplicemente alle pagine standard senza disinstallare, imposta Enable custom 404 page e/o Enable custom maintenance page su No.

Guida all'uso

Pagina 404

Quando un indirizzo non esiste, invece della pagina CMS “404 Not Found” il negozio mostra una pagina a tutto schermo con logo, un grande “404” opzionale, titolo, messaggio, casella di ricerca opzionale e pulsante “Torna alla home”. La risposta mantiene lo stato HTTP 404, ha noindex e non viene mai messa in cache, quindi i motori di ricerca non la indicizzano.

I file statici non sono coinvolti. I 404 di immagini, CSS o JS inesistenti li gestisce il web server, non Magento: lì resta la risposta del server.
Il gruppo 404 Page (Not Found): attivazione, numero “404” grande, titolo, messaggio, casella di ricerca ed etichetta del pulsante “Back to home”. I campi vuoti usano i testi predefiniti tradotti.
Il gruppo 404 Page (Not Found): attivazione, numero “404” grande, titolo, messaggio, casella di ricerca ed etichetta del pulsante “Back to home”. I campi vuoti usano i testi predefiniti tradotti.
La pagina 404 risultante su desktop: logo, 404, titolo, messaggio, casella di ricerca e pulsante per tornare alla home.
La pagina 404 risultante su desktop: logo, 404, titolo, messaggio, casella di ricerca e pulsante per tornare alla home.
La stessa pagina 404 su smartphone.
La stessa pagina 404 su smartphone.

Pagina di manutenzione

Mentre la manutenzione è attiva (bin/magento maintenance:enable) Magento non gira e risponde pub/errors/503.php. Il modulo quindi:

  1. installa una skin in pub/errors/codingrow_c404m/ e la attiva in pub/errors/local.xml (un local.xml già esistente viene salvato in local.xml.codingrow_c404m.bak);
  2. pre-genera l'HTML della pagina per ogni store view;
  3. durante la manutenzione sceglie la store view della richiesta (MAGE_RUN_CODE del web server → dominio/percorso → cookie dello store → lingua del browser → store predefinito) e serve la sua pagina con HTTP 503 e Retry-After. Se per quella store view la pagina non è attiva, viene mostrata quella standard di Magento.

L'HTML si rigenera da solo quando salvi la sezione, quando cambi il logo in Content → Design → Configuration e a ogni maintenance:enable. Gli IP esclusi con --ip continuano a vedere il negozio.

Lo stato di installazione dice “Not installed yet”? Il web server non può scrivere in pub/errors (normale e sicuro sui server protetti). Esegui una volta bin/magento codingrow:c404m:deploy con l'utente proprietario dei file di Magento, poi ricarica la pagina di configurazione: deve dire Installed.
Il gruppo Maintenance Page: Installation status Installed con la data dell’ultima generazione della pagina, attivazione, titolo, messaggio, nota in evidenza e ricarica automatica.
Il gruppo Maintenance Page: Installation status Installed con la data dell’ultima generazione della pagina, attivazione, titolo, messaggio, nota in evidenza e ricarica automatica.
La pagina di manutenzione durante bin/magento maintenance:enable, con la nota in evidenza “We will be back online at 14:00 (CET)”.
La pagina di manutenzione durante bin/magento maintenance:enable, con la nota in evidenza “We will be back online at 14:00 (CET)”.
La stessa pagina di manutenzione su smartphone.
La stessa pagina di manutenzione su smartphone.

Design

Il design vale per entrambe le pagine: logo (logo dello store, logo personalizzato — jpg, png, gif, svg, webp — o nessuno) con larghezza massima; sfondo a colore pieno, gradiente a due colori o immagine a tutto schermo con scurimento 0–90%; riquadro del contenuto assente, chiaro o scuro; font, dimensione del titolo e allineamento; colore del testo, colore accento (numero 404, link, pulsanti, nota) e colore del testo dei pulsanti, ognuno con selettore colore. La pagina è HTML/CSS autonomo e non usa il tema, quindi appare identica su Hyvä e Luma.

Il gruppo Design (both pages) con sfondo a gradiente: logo e larghezza massima del logo, colori di sfondo e del gradiente, riquadro, font, dimensione del titolo, allineamento, colori di testo, accento e testo dei pulsanti.
Il gruppo Design (both pages) con sfondo a gradiente: logo e larghezza massima del logo, colori di sfondo e del gradiente, riquadro, font, dimensione del titolo, allineamento, colori di testo, accento e testo dei pulsanti.
Background impostato su Image: miniatura dell’immagine caricata, opzione Delete Image e Image darkening (%), qui 15.
Background impostato su Image: miniatura dell’immagine caricata, opzione Delete Image e Image darkening (%), qui 15.
Risultato con immagine di sfondo, scurimento al 15%, riquadro chiaro e colore accento blu.
Risultato con immagine di sfondo, scurimento al 15%, riquadro chiaro e colore accento blu.
Un’altra combinazione: nessun riquadro, font serif, allineamento a sinistra e colore accento terracotta.
Un’altra combinazione: nessun riquadro, font serif, allineamento a sinistra e colore accento terracotta.

Anteprima dal vivo

Il gruppo Live Preview mostra la pagina 404 o la pagina di manutenzione, in versione Desktop o Mobile, aggiornata mentre modifichi i campi e con lo scope selezionato — prima di salvare. Le immagini appena caricate (logo personalizzato, immagine di sfondo) compaiono nell'anteprima dopo il salvataggio.

Anteprima dal vivo con modifiche non salvate: sfondo scuro, accento viola e titolo personalizzato “Oops! This page took a day off”.
Anteprima dal vivo con modifiche non salvate: sfondo scuro, accento viola e titolo personalizzato “Oops! This page took a day off”.
Le schede 404 page / Maintenance page e Desktop / Mobile: qui la pagina 404 in versione Desktop.
Le schede 404 page / Maintenance page e Desktop / Mobile: qui la pagina 404 in versione Desktop.
La pagina di manutenzione nella scheda Mobile.
La pagina di manutenzione nella scheda Mobile.
Dopo il salvataggio anche l’immagine di sfondo caricata compare nell’anteprima.
Dopo il salvataggio anche l’immagine di sfondo caricata compare nell’anteprima.
Anteprima della pagina di manutenzione con la stessa immagine di sfondo.
Anteprima della pagina di manutenzione con la stessa immagine di sfondo.

Comando CLI

bin/magento codingrow:c404m:deploy installa o aggiorna la skin di manutenzione in pub/errors e rigenera le pagine per tutte le store view. Serve solo quando pub/errors non è scrivibile dal web server; i file della skin vengono creati con permessi 644/755. --uninstall ripristina local.xml e rimuove la skin, riportando la pagina di manutenzione standard di Magento.

codingrow:c404m:deploy rigenera la pagina per le store view; dopo maintenance:enable i visitatori vedono la pagina personalizzata (HTTP 503); --uninstall ripristina la pagina standard di Magento prima di rimuovere il modulo.
codingrow:c404m:deploy rigenera la pagina per le store view; dopo maintenance:enable i visitatori vedono la pagina personalizzata (HTTP 503); --uninstall ripristina la pagina standard di Magento prima di rimuovere il modulo.

Risoluzione problemi

  • Vedo ancora la vecchia pagina 404: verifica che Enable custom 404 page sia Yes nello scope della store view che stai guardando, svuota la cache (System → Cache Management) e prova un indirizzo che davvero non esiste.
  • In manutenzione vedo la pagina standard di Magento: Installation status deve essere Installed, la pagina deve essere attiva per quella store view e il tuo IP non deve essere escluso con --ip. Poi esegui bin/magento codingrow:c404m:deploy.
  • Lingua sbagliata in manutenzione: imposta i testi nello scope della store view giusta; se più store view condividono lo stesso indirizzo, decidono il cookie dello store e poi la lingua del browser. Poi esegui bin/magento codingrow:c404m:deploy.
  • Il logo non si vede: con Store logo viene da Content → Design → Configuration → Header → Logo Image (o dal logo del tema); scegli Custom logo per caricarne uno e aumenta Logo max width se appare troppo piccolo.
  • L'immagine di sfondo non compare nell'anteprima: le immagini caricate compaiono dopo il salvataggio; verifica che Background sia impostato su Image.

Licenza

Custom 404 & Maintenance è gratuito e non c'è nessuna chiave da inserire: una volta installato, il modulo si attiva automaticamente sul tuo dominio. Esegue una verifica online leggera con codingrow.com, inviando solo il dominio del negozio, il prodotto e la versione installata (nessun dato dei tuoi clienti), e ricorda l'ultima risposta, così un problema di rete temporaneo non lo disattiva. Il form nella pagina prodotto serve solo a inviarti le credenziali del repository Composer di Codingrow, con cui scarichi il modulo e i suoi aggiornamenti.

Se un giorno il modulo diventasse a pagamento: i domini che lo hanno già attivato restano gratuiti, per sempre, su tutte le versioni uscite fino a quella data — senza cambio dominio né richieste all'assistenza. Il log di Magento indica l'ultima versione installabile gratis; le versioni successive richiederebbero una licenza.