Bagaimana cara mengembangkan tema menggunakan bootstrap twitter di magento 2?

8

Apakah kita memiliki instruksi langkah demi langkah untuk membuat tema bootstrap twitter untuk magento 2 atau goresan yang dibuat untuk rilis terbaru magento 2. Adakah yang bisa menyarankan metode yang baik untuk memulai dari awal.

magento2 theme

— Dev
sumber

2

Magento 2 tidak menggunakan Bootstrap tetapi menggunakan KURANG dan CSS sendiri di inti tema. Ia memiliki penerbit untuk menemukan dan mempublikasikan CSS bersama-sama dengan file statis tampilan lain yang ditempatkan di bawah direktori pub /. Penerbit juga mendukung preprocessing file yang diterbitkan dengan menggunakan beberapa preprocessor. CSS preprocessor, misalnya, terdiri dari dua preprocessor independen seperti di bawah ini:

KURANG preprocessor: Bersama dengan adaptor PHP KURANG, KURANG preprocessor memungkinkan penggunaan KURANG dalam Magento. Penyelesai URL CSS: Ini berfungsi untuk menyelesaikan tautan yang ditemukan dalam file sumber CSS menggunakan penerbit dan menggantinya dengan yang benar. Keuntungan utama:

Menggunakan KURANG membantu pengguna untuk tema kustom lebih cepat dan lebih mudah. Preprocessor KURANG & pemecah URL CSS membantu meningkatkan kinerja, mempercepat pemuatan halaman, dan membuat sistem lebih ramah dengan mesin pencari.

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

Tetapi jika Anda ingin menggunakan bootstrap di tema Anda. Anda dapat membuat kode ini. di bawah Magento_Tema / tata letak / default_head_blocks.xml. Bagi saya, saya menggunakan tema Porto. dan begitulah porto menambahkan bootstrap.

Hai teman-teman di luar sana, perbaiki aku kalau aku salah. tapi itu berdasarkan pengalaman saya.

Terima kasih

— MazeStricks
sumber

Saya mendapatkan kesalahan besar seperti Kesalahan: Tidak cocok anonim define () modul: 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" di i && (i.writable =! 0), Object.defineProperty (t, i.key, i)}} fungsi s (t, e, n) {return e && i (t.prototype, e), n && i (t, n), t} fungsi r () {return (r = Object.assign | | function (t) {for (var e = 1; e <arguments.length; e ++) {var n = argumen [e]; untuk (var i in n) Object.prototype.hasOwnProperty.call (n, i) && (t [i] = n [i])} return t}) .menerapkan (ini, argumen)} e = e && e.hasOwnProperty ("default")? ...

— Magecode

Bisakah Anda mengirim saya tangkapan layar di sini?

— MazeStricks

0

Magento 2 hadir dengan versi lite bootstrap yang dipanggang. Anda dapat menggunakan sebagian besar fitur responsif kunci dari stok bootstrap. Saya perhatikan itu akan memberi Anda kesalahan 404 ketika ada sesuatu yang tidak dapat digunakan seperti .embed-responsif.

Di luar itu Anda harus membangun tema Anda sendiri dan menambahkan file Anda sendiri seperti @MazeStricks menyebutkan.

— Cary Wolff
sumber

Ya, Anda benar, @Cary Wolff terima kasih atas informasi Anda.

— MazeStricks