Temi
Un tema è una raccolta di file che determina la presentazione visiva dell’archivio. Quando si installa Commerce per la prima volta, gli elementi di progettazione dell'archivio sono basati sul tema Default. Oltre al tema predefinito iniziale fornito con l'installazione di Commerce, è possibile utilizzare così com'è o modificarlo in base alle proprie esigenze.
Un tema reattivo regola il layout della pagina in base alla porta di visualizzazione del dispositivo. Il tema Luma di esempio ha un layout flessibile e reattivo che può essere visualizzato dal desktop, dal tablet o dal dispositivo mobile.
I temi Commerce includono file di layout, file modello, file di traduzione e interfacce. Uno skin è una raccolta di file CSS, immagini e JavaScript di supporto che insieme creano la presentazione visiva e le interazioni che i clienti sperimentano quando visitano il tuo store. I temi e gli skin possono essere modificati e personalizzati da uno sviluppatore o da un professionista del design che conosce il design dei temi di Commerce e ha accesso al server. Per ulteriori informazioni, vedere la Guida per gli sviluppatori di FrontEnd.
Il tema predefinito
Il tema reattivo Magento Blank esegue il rendering della visualizzazione della vetrina per diversi dispositivi e incorpora le best practice per desktop, tabelle e dispositivi mobili. Alcuni temi sono progettati per essere utilizzati solo con dispositivi specifici. Quando Commerce rileva un ID browser specifico o un agente utente, utilizza il tema configurato per il browser specifico. La stringa di ricerca può includere anche espressioni regolari compatibili con Perl (PCRE).
Filtrare la griglia del tema
-
Nella barra laterale Admin, passa a Content > Design>Themes.
-
Fare clic su Filters.
-
Immetti un intervallo ID, un nome tema (o titolo), un percorso cartella o un tema principale.
-
Fare clic su Apply Filters per aggiornare l'elenco dei temi.
Visualizza impostazioni tema correnti
-
Nella barra laterale Admin, passa a Content > Design>Themes.
-
Nell'elenco dei temi installati, individuare il tema che si desidera esaminare e fare clic sulla riga per visualizzare le impostazioni.
-
Per visualizzare una pagina di esempio, fare clic su Theme Preview Image.
Applicare un tema predefinito
-
Nella barra laterale Admin, passa a Content > Design>Configuration.
-
Individuare la visualizzazione archivio da configurare e fare clic su Edit nella colonna Action.
-
In Default Theme, impostare Applied Theme su quello che si desidera utilizzare per la visualizzazione corrente.
-
Al termine, fare clic su Save Configuration.
Aggiungere una regola agente utente
-
Nella barra laterale Admin, passa a Content > Design>Configuration.
-
In Design Rule, fare clic su Add New User Agent Rule.
-
Per Search String, immettere l'ID del browser per il dispositivo specifico.
Le stringhe di ricerca vengono confrontate nell'ordine in cui vengono immesse. Ad esempio, per Firefox immetti:
/^mozilla/i -
Per inserire altri dispositivi, ripetere la procedura.
-
Al termine, fare clic su Save Configuration.