Comment développer un thème en utilisant Twitter Bootstrap dans Magento 2?


8

Avons-nous des instructions étape par étape pour créer un thème d'amorçage twitter pour magento 2 ou un scratch qui a été construit pour la dernière version de magento 2. Quelqu'un peut-il suggérer une bonne méthode pour recommencer.

Réponses:


2

Magento 2 n'utilise pas Bootstrap mais utilise ses propres LESS et CSS dans le noyau du thème. Il a l'éditeur pour trouver et publier CSS avec d'autres fichiers statiques de vue placés sous le répertoire pub /. L'éditeur prend également en charge le prétraitement des fichiers en cours de publication à l'aide de certains préprocesseurs. Le préprocesseur CSS, par exemple, se compose de deux préprocesseurs indépendants comme ci-dessous:

Préprocesseur LESS: Avec l'adaptateur PHP LESS, le préprocesseur LESS permet l'utilisation de LESS dans Magento. Résolveur d'URL CSS: Cela sert à résoudre les liens trouvés dans les fichiers source CSS à l'aide de l'éditeur et les remplace par les bons. Avantages clés:

L'utilisation de LESS permet aux utilisateurs de personnaliser le thème plus rapidement et plus facilement. MOINS le préprocesseur et le résolveur d'URL CSS aident à améliorer les performances, à accélérer le chargement des pages et à rendre le système plus convivial avec le moteur de recherche.

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

Mais si vous souhaitez utiliser le bootstrap dans votre thème. vous pouvez créer ce code. sous Magento_Theme / layout / default_head_blocks.xml. Pour moi, j'utilise le thème de Porto. et c'est ainsi que porto a ajouté le bootstrap.

Hé les gars, corrigez-moi si je me trompe. mais cela est basé sur mon expérience.

Merci

entrez la description de l'image ici

entrez la description de l'image ici


J'obtiens une grosse erreur comme Erreur: Module anonyme anonyme define (): fonction (t, e, n) {"use strict"; fonction i (t, e) {for (var n = 0; n <e.length; n ++) {var i = e [n]; i.enumerable = i.enumerable ||! 1, i.configurable =! 0, "value" dans i && (i.writable =! 0), Object.defineProperty (t, i.key, i)}} fonction s (t, e, n) {retour e && i (t.prototype, e), n && i (t, n), t} fonction r () {return (r = Object.assign | | fonction (t) {for (var e = 1; e <arguments.length; e ++) {var n = arguments [e]; for (var i in n) Object.prototype.hasOwnProperty.call (n, i) && (t [i] = n [i])} return t}). apply (this, arguments)} e = e && e.hasOwnProperty ("default")? ...
Magecode

Pouvez-vous m'envoyer une capture d'écran ici?
MazeStricks

0

Magento 2 est livré avec une version allégée de bootstrap cuit directement. Vous pouvez utiliser la plupart des fonctionnalités réactives clés du stock de bootstrap. J'ai remarqué que cela vous donnera une erreur 404 lorsqu'il y a quelque chose qu'il ne peut pas utiliser comme .embed-responsive.

En dehors de cela, vous devrez créer votre propre thème et ajouter vos propres fichiers comme les mentions @MazeStricks.


Oui, vous avez raison @Cary Wolff merci pour ces informations.
MazeStricks
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.