Quest'anno abbiamo già visto tantissime uscite di TemplateMonster. Modicate, MonsterAdmin, Template di Landing page con builder ... quali sono i prossimi sulla lista? La nostra nuova uscita non tardò ad arrivare e oggi siamo lieti di presentarvi F2, il nostro primo template Magento basato sul framework Magento 2, che puoi scaricare gratuitamente. Cosa lo rende così fantastico? Guardiamoci dentro!
Scopriamo cosa ci offre il framework Magento 2. Come previsto, il nuovo framework è più potente e ricco di funzionalità rispetto ai suoi predecessori e costruito con una base di codice pulita e moderna. Evidenziamo la sua funzionalità di base.
- Magento 2 ha un incasso a pagina intera, il che significa che tutte le pagine del tuo sito saranno costruite in un sistema di file statico, il che significa che i tempi medi di caricamento delle pagine saranno ridotti a circa 1-2 secondi (rispetto ai 5-10 secondi per file non incassati).
- Il controllo di Magento 2 è diventato più snello. Il controllo degli ospiti è scontato. Per i clienti esistenti, esiste un'opzione per disconnettersi senza dover ricordare le proprie password. Inoltre, è stata rimossa l'opzione per selezionare il tipo di carta di credito. Ora il sistema lo calcola automaticamente, in base alla prima cifra inserita (ad es. 3 = Amex, 4 = Visa, 5 = MasterCard, ecc.).
- Nuova struttura dei file. Con Magento 2, avrai tutto sotto la struttura "app", ad eccezione di config.xml. In tal modo, diventa più facile accedere a tutti i template, layout, file js e css. Con Magento 2, gli sviluppatori web ottengono più opportunità in termini di personalizzazione, senza la necessità di modificare le funzionalità del sito.
- È disponibile l'opzione multi-shopping, il blocco del tavolo ridotto. Questa funzione sarà di grande utilità per i proprietari di grandi negozi di e-commerce. Ora, non ci saranno blocchi di tabelle quando 100 o più persone stanno tentando di effettuare un ordine sul tuo sito web allo stesso tempo. Fornendo agli utenti l'opportunità di confrontare e rivedere più prodotti, Magento 2 consente di sperimentare il multi-shopping all'interno di una singola transazione. Con il suo nuovo aggiornamento, la piattaforma è diventata il principale fornitore di innovazione multicanale aperta.
- Modifica più semplice. Magento 2 include Visual Design Editor, che consente di modificare i contenitori e i blocchi senza particolari capacità di codifica.
Complessivamente, Magento 2 include una serie di nuove e avanzate tecnologie come HTML5, CSS3, Apache 2.2, toolkit di prestazioni Magento, Magento UI Library, PHP 5.5.x, Magento performance toolkit, CSS Pre-processor, MySQL5.6, PSR Compliance, ecc. Se desideri saperne di più su tutti i miglioramenti di Magento 2, benvenuto alla pagina degli sviluppatori.
Ora, torniamo all'obiettivo principale di questo articolo e diamo uno sguardo più da vicino agli omaggi è di Magento 2 di TemplateMonster e confrontiamolo con il tema predefinito di Magento 2.
F2 - Template Magento 2 è gratuito rispetto a Luma
È diventata la nostra buona tradizione presentare il rilascio di prodotti nuovi o aggiornati con un omaggio. Magento 2 non fa eccezione. Caratterizzato da un layout di tendenza, non è meno potente dall'interno.
Per aiutarti a scegliere l'opzione migliore che soddisfi i tuoi requisiti aziendali, confrontiamo il tema predefinito di Magento 2 chiamato Luma e l’omaggio di TemplateMosnter - F2, evidenziamo le loro caratteristiche comuni e le opzioni che variano le due.
Il design della Home Page
Luma è un tema Magento 2 predefinito, che ha adottato tutte le funzionalità della piattaforma aggiornata. La presentazione pulita del contenuto e la struttura basata su tessere sono tra i fattori determinanti che rendono Luma diversa da Madison Island (modello predefinito di Magento 1). I tiles erano anche presenti nel tema F2, ma in una forma un pò diversa. Ecco come appare il layout del tema predefinito di Luma.
I banner tile di stile metro occupano gran parte della prima pagina. Qui gli utenti non si occupano di cursori o gallerie.
Quando si parla di F2, la situazione è leggermente diversa. Invece di una grande immagine di eroe, l'intestazione è stata migliorata con uno slider a carousel a tutta larghezza utilizzabile, che consente di porre l'accento sulle offerte del tuo negozio. Sotto di esso, troverete una serie di banner organizzati in uno stile piatto in muratura utilizzabile.
In termini di leggibilità, F2 è più facile da utilizzare. Mentre i testi scritti sui tiles di Luma sembrano buoni sui desktop, la situazione è diversa sui touch screen. F2, a sua volta, utilizza una tipografia grande e drammatica, che si adatta perfettamente a qualsiasi dimensione dello schermo.
Per non travolgere gli utenti con più banner di prodotto, in F2 questi ultimi sono stati divisi con i blocchi di prodotti "Nuovi" e "Speciali", che sono stati organizzati in un elenco di prodotti carousel funzionale. Ogni volta che un utente vuole vedere più opzioni da ogni categoria, deve solo fare clic su una freccia sulla prima pagina, senza la necessità di navigare da nessun'altra parte.
Quando si tratta di Luma, qui troverai un blocco di "Hot Sellers" organizzati in una visualizzazione basata sulla griglia. Un'opzione di scorrimento non è stata inclusa.
Le pagine di categoria
Le pagine delle categorie Luma dispongono delle opzioni di visualizzazione basate sulla griglia o elenco. Organizzato in modo pulito e conciso, l'anteprima di ogni oggetto include valutazioni a stelle, variazioni di colore e dimensioni, nonché CTA che vengono rivelati al passaggio del mouse. C'è anche un'opzione per scegliere la quantità di elementi che gli utenti vogliono visualizzare sulla pagina (9, 15 o 30). La larghezza predefinita della pagina è 980px, che è 300px in più rispetto alla larghezza del tema predefinito di Magento 1, ma non è ancora grande come F2.
F2 ha una larghezza di 2048px. Oltre alle opzioni per visualizzare gli elementi in una griglia o in una lista, oltre a impostare il numero di elementi visualizzati sulla pagina (4, 8 o 16), avrai la possibilità di filtrare tutti i prodotti per il nome e prezzo . Le anteprime dei prodotti sono più grandi rispetto a Luma, che consente agli utenti di dare un'occhiata più da vicino a ciascuna voce nella pagina delle categorie. Sono state incluse anche le variazioni di dimensioni e colore, le valutazioni a stelle, i dettagli dei prezzi e gli inviti all'azione che appaiono al passaggio del mouse.
Le pagine dei prodotti
Le pagine dei prodotti di Luma e F2 sono molto pulite e ordinate. Le immagini dei prodotti sono abbastanza grandi, quindi gli utenti non dovrebbero avere difficoltà nell'individuare le peculiarità di ciascun articolo. Ogni prodotto è dimostrato per mezzo di diverse immagini e in diverse varianti di colore. Entrambi i template includono i blocchi chiaramente definiti con dettagli, maggiori informazioni e recensioni sotto l'immagine del prodotto. Il nome, valutazione a stelle, prezzi, dimensioni e opzioni di colore, nonché una serie di CTA sono collocati a destra dell'immagine del prodotto.
Sebbene entrambi i template abbiano alcune caratteristiche comuni nelle pagine dei prodotti, ci sono ancora alcune opzioni che li rendono diversi. Ad esempio, dai un'occhiata a un blocco con “Related Products”(Prodotti correlati) di F2. Organizzato in un elenco di prodotti carousel, offre agli utenti più opzioni tra cui scegliere. Inoltre, esiste anche un blocco con prodotti che "gli utenti potrebbero anche gradire", presentati anche tramite un elenco di prodotti di carousel. In questo modo, quando si effettua un acquisto, le persone vengono introdotte in una grande varietà di elementi che sono in qualche modo correlati all'elemento selezionato.
Luma rappresenta un prodotto ben presente con una serie di immagini e dettagli del prodotto, nonché un blocco di elementi correlati organizzati in una visualizzazione basata su griglia. L'opzione di elenco dei prodotti Carousel non è stata inclusa, così come il blocco di prodotti che "potrebbero piacere anche agli utenti".
Riassumendo, si può dire che F2 vanta un design di pagina personalizzato, che è stato costruito secondo le ultime tendenze del web. L'aspetto pulito ed elegante della prima pagina attira l'attenzione degli utenti con il suo stile e la cura ai dettagli. La chiara gerarchia dei contenuti ottenuta per mezzo di font di diverse dimensioni e colori offre un aspetto ben bilanciato e facile da seguire per il tema. Guardando un pò grunge sulla prima pagina, il template presenta pagine di prodotto pulite e concise, fornendo agli utenti un'esperienza di navigazione senza interruzioni.
Uno sguardo più da vicino alle caratteristiche del tema F2
Ora, consideriamo la funzionalità che rende F2 un tema degno della tua attenzione. Oltre ad essere pienamente reattivo e compatibile con i crossbrowser e dotato di un set di file PSD a più livelli, il template è stato caricato con una miriade di altre funzionalità che lo rendono una riga con opzioni premium. Iniziamo con la sua navigazione.
Intestazione appiccicosa
Con lo scopo di aiutarti a potenziare le conversioni e fornire agli utenti un accesso rapido a tutte le pagine delle categorie, l'intestazione del tema è stata fissata in alto. Inoltre, il carrello degli acquisti, la ricerca in diretta, il profilo degli utenti e le impostazioni sono stati organizzati in una barra laterale appiccicosa a destra.
Menu a discesa
Il menu a discesa rende il layout pulito e facile da seguire. Mentre si posizionano le voci di menu più importanti sipra la piega, è possibile rendere le informazioni sulla chiave più visibili al pubblico.
Vendita, nuovi tipi di prodotto
Ne ho già parlato prima, confrontando il design di F2 con Lumo. Tuttavia, penso che valga la pena prestare ancora una volta un'attenzione particolare a questi elementi. I prodotti in primo piano carousel orizzontale aggiungono più interattività e funzionalità alla pagina, consentendo di mostrare più di 4 prodotti alla volta. Inoltre, per comodità degli utenti, ogni articolo viene fornito con un badge "Nuovo" o "Saldo".
Campioni configurabili
Aggiunto alle pagine del prodotto, la funzionalità offre agli utenti l'opportunità di visualizzare l'anteprima di un determinato articolo in diverse varianti di colore sul sito. Il colore, il tessuto e le dimensioni: puoi scegliere letteralmente qualsiasi attributo che hai in mente.
Cursore dell'immagine
Caratterizzato dall'intestazione del tema, lo slider reattivo dell'immagine è completamente configurabile. Aggiungi didascalie, gestisci i suoi effetti di transizione, il numero di cursori, CTA e altri elementi per creare una presentazione più notevole delle tue offerte speciali.
Magetique - Multipurpose Magento Theme
Questo è tutto. Vai avanti e dai un'occhiata alla demo live del tema. E non dimenticare di condividere le tue opinioni sul nostro nuovo tema sotto questo articolo. Quale tema ti piace di più - F2 o Luma? Perché? La tua opinione conta sempre!
***
Questo articolo è stato tradotto da inglese. L’originale puoi trovare qui: F2 Free Magento Theme from TemplateMonster Compared to Luma