¿Cómo desarrollar un tema usando twitter bootstrap en magento 2?

8

¿Tenemos alguna instrucción paso a paso para crear el tema de arranque de twitter para magento 2 o un scratch que fue creado para la última versión de magento 2. ¿Alguien puede sugerir un buen método para comenzar de nuevo?

Dev
fuente

Respuestas:

2

Magento 2 no usa Bootstrap pero usa su propio LESS y CSS en el núcleo del tema. Tiene el editor para buscar y publicar CSS junto con otros archivos estáticos de vista ubicados en el directorio pub /. El editor también admite el preprocesamiento de archivos que se publican mediante el uso de algunos preprocesadores. El preprocesador CSS, por ejemplo, consta de dos preprocesadores independientes como se muestra a continuación:

Preprocesador LESS: junto con el adaptador LESS PHP, el preprocesador LESS permite el uso de LESS en Magento. Resolución de URL CSS: sirve para resolver enlaces encontrados en archivos fuente CSS utilizando el editor y los reemplaza por los correctos. Ventajas clave:

Usar LESS ayuda a los usuarios a personalizar el tema de manera más rápida y fácil. MENOS preprocesador y resolución de URL CSS ayudan a mejorar el rendimiento, acelerar la carga de la página y hacer que el sistema sea más amigable con el motor de búsqueda.

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

Pero si quieres usar bootstrap en tu tema. Puedes crear este código. en Magento_Theme / layout / default_head_blocks.xml. Para mí estoy usando el tema de Porto. y así es como Porto agregó Bootstrap.

Hola chicos, corrígeme si me equivoco. Pero eso se basa en mi experiencia.

Gracias

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

MazeStricks
fuente
Recibo un gran error como Error: módulo define () anónimo no coincidente: función (t, e, n) {"use estricto"; función i (t, e) {for (var n = 0; n <e.length; n ++) {var i = e [n]; i.enumerable = i.enumerable ||! 1, i.configurable =! 0, "value" en i && (i.writable =! 0), Object.defineProperty (t, i.key, i)}} función s (t, e, n) {return e && i (t.prototype, e), n && i (t, n), t} función r () {return (r = Object.assign | | función (t) {para (var e = 1; e <argumentos.length; e ++) {var n = argumentos [e]; para (var i en n) Object.prototype.hasOwnProperty.call (n, i) && (t [i] = n [i])} return t}). apply (this, argumentos)} e = e && e.hasOwnProperty ("default")? ...
Magecode
¿Me pueden enviar una captura de pantalla aquí?
MazeStricks
0

Magento 2 viene con una versión lite de bootstrap incorporada directamente. Puede usar la mayoría de las características de respuesta clave del stock de bootstrap. He notado que le dará un error 404 cuando haya algo que no pueda usar como .embed-responsive.

Fuera de eso, tendría que crear su propio tema y agregar sus propios archivos como menciona @MazeStricks.

Cary Wolff
fuente
Sí, tienes razón @Cary Wolff gracias por esa información tuya.
MazeStricks