Làm cách nào để phát triển chủ đề bằng twitter bootstrap trong magento 2?

8

Chúng tôi có hướng dẫn từng bước để tạo chủ đề bootstrap twitter cho magento 2 hay một bản dựng được phát hành cho phiên bản mới nhất của magento 2. Có ai có thể đề xuất phương pháp tốt để bắt đầu lại không.

magento2 theme

— Nhà phát triển
nguồn

2

Magento 2 không sử dụng Bootstrap mà sử dụng LESS và CSS của riêng nó trong lõi chủ đề. Nó có nhà xuất bản để tìm và xuất bản CSS cùng với các tệp tĩnh xem khác được đặt trong thư mục pub /. Nhà xuất bản cũng hỗ trợ tiền xử lý các tệp đang được xuất bản bằng cách sử dụng một số bộ tiền xử lý. Ví dụ, bộ tiền xử lý CSS bao gồm hai bộ tiền xử lý độc lập như sau:

Bộ tiền xử lý LESS: Cùng với bộ điều hợp LESS PHP, bộ tiền xử lý LESS cho phép sử dụng LESS trong Magento. Trình phân giải URL CSS: Điều này phục vụ để giải quyết các liên kết được tìm thấy trong các tệp nguồn CSS bằng cách sử dụng nhà xuất bản và thay thế chúng bằng các liên kết chính xác. Ưu điểm chính:

Sử dụng LESS giúp người dùng tùy chỉnh chủ đề nhanh hơn và dễ dàng hơn. Bộ xử lý LESS & CSS URL LESS giúp tăng cường hiệu suất, tăng tốc độ tải trang và làm cho hệ thống thân thiện hơn với công cụ tìm kiếm.

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

Nhưng nếu bạn muốn sử dụng bootstrap trong chủ đề của mình. bạn có thể tạo mã này trong Magento_Theme / layout / default_head_blocks.xml. Đối với tôi, tôi đang sử dụng chủ đề Porto. và đó là cách porto thêm bootstrap.

Này các bạn ngoài kia sửa tôi nếu tôi sai. nhưng đó là dựa trên kinh nghiệm của tôi.

Cảm ơn

— Mê cung
nguồn

Tôi đang gặp lỗi lớn như Lỗi: Mô-đun xác định ẩn danh () không khớp: hàm (t, e, n) {"sử dụng nghiêm ngặt"; hàm i (t, e) {for (var n = 0; n <e.length; n ++) {var i = e [n]; i.enumerable = i.enumerable ||! 1, i.configurable =! 0, "value" trong i && (i.writable =! 0), Object.defineProperty (t, i.key, i)}} hàm s (t, e, n) {return e && i (t.prototype, e), n && i (t, n), t} chức năng r () {return (r = Object.assign | | function (t) {for (var e = 1; e <argument.length; e ++) {var n = argument [e]; for (var i in n) Object.prototype.hasOwnProperty.call (n, i) && (t [i] = n [i])} return t}). áp dụng (này, đối số)} e = e && e.hasOwnProperty ("mặc định")? ...

— Magecode

Bạn có thể gửi cho tôi một ảnh chụp màn hình ở đây?

— MazeStricks

0

Magento 2 đi kèm với một phiên bản rút gọn của bootstrap được nướng ngay. Bạn có thể sử dụng hầu hết các tính năng đáp ứng chính của stockstrap stock. Tôi đã nhận thấy rằng nó sẽ cung cấp cho bạn một lỗi 404 khi có thứ gì đó không thể sử dụng như .embed-responsive.

Ngoài ra, bạn sẽ phải xây dựng chủ đề của riêng mình và thêm các tệp của riêng bạn như @MazeStricks đề cập.

— Cary Wolff
nguồn

Có, bạn đúng @Cary Wolff cảm ơn vì thông tin đó của bạn.

— MazeStricks