Temi

Un tema è una raccolta di file che determina la presentazione visiva dell’archivio. La prima volta che installi Commerce, gli elementi di progettazione del negozio sono basati sulla Predefinito tema. Oltre al tema predefinito iniziale fornito con il Commerce dell'installazione, è possibile utilizzare un'ampia gamma di temi così com’è o modificarli in base alle proprie esigenze.

Un tema reattivo regola il layout della pagina in base alla porta di visualizzazione del dispositivo. Il campione Luma il tema ha un layout flessibile e reattivo che può essere visualizzato dal desktop, dal tablet o dal dispositivo mobile.

Commerce i temi 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 comprende la progettazione dei temi Commerce e ha accesso al server. Per ulteriori informazioni, consulta Guida per gli sviluppatori di front-end.

Tema Luma {width="600" modal="regular"}

Il tema predefinito

Il Magento Blank responsive theme esegue il rendering della vetrina per diversi dispositivi e incorpora 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 agente utente, e utilizza il tema configurato per il browser specifico. La stringa di ricerca può includere anche espressioni regolari compatibili con Perl (PCRE).

Temi {width="700" modal="regular"}

Filtrare la griglia del tema

  1. Il giorno Amministratore barra laterale, vai a Content > Design>Themes.

  2. Clic Filters.

  3. Immetti un intervallo ID, un nome tema (o titolo), un percorso cartella o un tema principale.

  4. Clic Apply Filters per aggiornare l'elenco dei temi.

Visualizza impostazioni tema correnti

  1. Il giorno Amministratore barra laterale, vai a Content > Design>Themes.

  2. Nell'elenco dei temi installati, individuare il tema che si desidera esaminare e fare clic sulla riga per visualizzare le impostazioni.

  3. Per visualizzare una pagina di esempio, fare clic su Theme Preview Image.

Anteprima tema {width="600" modal="regular"}

Applicare un tema predefinito

  1. Il giorno Amministratore barra laterale, vai a Content > Design>Configuration.

  2. Individuare la visualizzazione dello store che si desidera configurare e fare clic su Edit nel Action ​colonna.

  3. Sotto Default Theme, impostato Applied Theme ​a quello che si desidera utilizzare per la visualizzazione corrente.

    Tema applicato {width="600" modal="regular"}

  4. Al termine, fai clic su Save Configuration.

Aggiungere una regola agente utente

  1. Il giorno Amministratore barra laterale, vai a Content > Design>Configuration.

  2. Sotto Design Rule, fai clic su Add New User Agent Rule.

    Regola di progettazione {width="600" modal="regular"}

  3. Per Search String, immetti 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

  4. Per inserire altri dispositivi, ripetere la procedura.

  5. Al termine, fai clic su Save Configuration.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de