Como desenvolver um tema usando o twitter bootstrap no magento 2?

8

Temos alguma instrução passo a passo para criar o tema de inicialização do twitter para o magento 2 ou um arranhão que foi construído para a versão mais recente do magento 2. Alguém pode sugerir um bom método para começar de novo.

Dev
fonte

Respostas:

2

O Magento 2 não usa o Bootstrap, mas usa seus próprios MENOS e CSS no núcleo do tema. Ele tem o editor para encontrar e publicar CSS junto com outros arquivos estáticos de exibição colocados no diretório pub /. O editor também oferece suporte ao pré-processamento de arquivos publicados usando alguns pré-processadores. O pré-processador CSS, por exemplo, consiste em dois pré-processadores independentes, conforme abaixo:

Pré-processador LESS: Juntamente com o adaptador PHP MENOS, o pré-processador MENOS permite o uso de MENOS no Magento. Resolvedor de URLs CSS: serve para resolver os links encontrados nos arquivos de origem CSS usando o editor e os substitui pelos corretos. Principais vantagens:

O uso do LESS ajuda os usuários a personalizar temas de maneira mais rápida e fácil. MENOS pré-processador e resolvedor de URL CSS ajudam a melhorar o desempenho, acelerar o carregamento da página e tornar o sistema mais amigável com o mecanismo de pesquisa.

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

Mas se você quiser usar o bootstrap no seu tema. você pode criar esse código. em Magento_Theme / layout / default_head_blocks.xml. Para mim, estou usando o tema do Porto. e foi assim que o porto adicionou o bootstrap.

E aí pessoal, me corrijam se eu estiver errado. mas isso é baseado na minha experiência.

obrigado

insira a descrição da imagem aqui

insira a descrição da imagem aqui

MazeStricks
fonte
Estou recebendo um grande erro como Erro: Módulo define () anônimo incompatível: function (t, e, n) {"use strict"; function i (t, e) {for (var n = 0; n <e.length; n ++) {var i = e [n]; i.enumerable = i.enumerable ||! 1, i.configurable =! 0, "value" em i && (i.writable =! 0), Object.defineProperty (t, i.key, i)}} função s (t, e, n) {return e &&i (t.prototype, e), n && i (t, n), t} função r () {return (r = Object.assign | | function (t) {for (var e = 1; e <argumentos.length; e ++) {var n = argumentos [e]; for (vari in n) Object.prototype.hasOwnProperty.call (n, i) && (t [i] = n [i])} retorne t}). apply (this, argument)} e = e && e.hasOwnProperty ("default")? ... #
Magecode
Você pode me enviar uma captura de tela aqui?
MazeStricks
0

O Magento 2 vem com uma versão lite do bootstrap instalada. Você pode usar a maioria dos principais recursos responsivos do estoque de bootstrap. Eu notei que ele fornecerá um erro 404 quando houver algo que não possa ser usado como .embed-responsive.

Fora isso, você teria que criar seu próprio tema e adicionar seus próprios arquivos, como o @MazeStricks menciona.

Cary Wolff
fonte
Sim, você está certo @Cary Wolff, obrigado por essa informação.
MazeStricks