Come sviluppare temi usando Twitter Bootstrap in Magento 2?

8

Abbiamo istruzioni dettagliate per la creazione del tema Twitter Bootstrap per Magento 2 o un graffio che è stato creato per l'ultima versione di Magento 2. Qualcuno può suggerire un buon metodo per ricominciare.

magento2 theme

— dev
fonte

2

Magento 2 non utilizza Bootstrap ma utilizza i propri LESS e CSS nel core del tema. Ha l'editore di trovare e pubblicare CSS insieme ad altri file statici di visualizzazione collocati nella directory pub /. L'editore supporta anche la preelaborazione dei file pubblicati utilizzando alcuni preprocessori. Il preprocessore CSS, ad esempio, è costituito da due preprocessori indipendenti come di seguito:

Preprocessore LESS: insieme all'adattatore LESS PHP, il preprocessore LESS consente l'utilizzo di LESS in Magento. Risolutore URL CSS: serve per risolvere i collegamenti trovati nei file sorgente CSS utilizzando l'editore e li sostituisce con quelli corretti. Vantaggi principali:

L'uso di MENO aiuta gli utenti a personalizzare il tema in modo più rapido e semplice. MENO preprocessore e risolutore URL CSS aiutano a migliorare le prestazioni, accelerare il caricamento della pagina e rendere il sistema più amichevole con il motore di ricerca.

https://www.ubertheme.com/magento-news/11-exciting-features-magento-2/

Ma se vuoi usare bootstrap nel tuo tema. puoi creare questo codice. sotto Magento_Theme / layout / default_head_blocks.xml. Per me sto usando il tema Porto. ed è così che porto ha aggiunto bootstrap.

Ehi ragazzi là fuori mi correggete se sbaglio. ma questo è basato sulla mia esperienza.

Grazie

— MazeStricks
fonte

Ricevo un grosso errore come Errore: Modulo di definizione () anonimo non corrispondente: funzione (t, e, n) {"usa rigoroso"; funzione i (t, e) {for (var n = 0; n <e.length; n ++) {var i = e [n]; i.enumerable = i.enumerable ||! 1, i.configurable =! 0, "value" in i && (i.writable =! 0), Object.defineProperty (t, i.key, i)}} funzione s (t, e, n) {return e && i (t.prototype, e), n && i (t, n), t} funzione r () {return (r = Object.assign | | function (t) {for (var e = 1; e <argomenti.length; e ++) {var n = argomenti [e]; for (var i in n) Object.prototype.hasOwnProperty.call (n, i) && (t [i] = n [i])} return t}). applica (questo, argomenti)} e = e && e.hasOwnProperty ("default")? ...

— Magecode

Puoi inviarmi uno screenshot qui?

— MazeStricks,

0

Magento 2 viene fornito con una versione lite di bootstrap cotta direttamente. Puoi usare la maggior parte delle funzionalità di risposta chiave dello stock bootstrap. Ho notato che ti darà un errore 404 quando c'è qualcosa che non può usare come .embed-responsive.

Al di fuori di questo dovresti creare il tuo tema e aggiungere i tuoi file come menzioni @MazeStricks.

— Cary Wolff
fonte

Sì hai ragione @Cary Wolff grazie per le tue informazioni.

— MazeStricks