Hướng dẫn copy các mục trong website, từ bản PC sang mobile, tạo lối tắt trong cùng 1 website

1. Copy chức năng sản phẩm theo danh mục

Giả sử chúng ta đã làm xong 1 danh mục sản phẩm rất ưng ý ở trang chủ ,vd mục quà tặng gỗ, giờ chúng ta sẽ tạo các mục tương tự ở dưới như Bảng vinh danh gỗ đồng ....

Vào phần chứa chức năng muốn sao chép, vd mình vào Giao diện > trang chủ PC

Mình đưa box muốn sao chép vào 1 ô chứa cho tiện copy 1 loạt, hay xóa sửa cho dễ

kéo vào trong ô chứa

Tìm biểu tượng copy

Chọn nhân bản thành nhiều box theo danh mục sản phẩm

Các box tương ứng với các danh mục đã được tạo

kết quả ngoài website

Có thể sửa từng mục theo ý bạn, vd mình muốn mục bảng vinh danh nó hiện 8 sp

Vậy là chúng ta đã có chức năng sản phẩm theo danh mục 1 cách nhanh chóng ko phải làm từng mục

2. Copy chức năng sang phiên bản mobile

Trang chủ PC đã ngon lành, giờ chúng ta sẽ copy sang bản mobile

Các bạn mở bản mobile trong 1 trình duyệt ẩn danh mới để nó không lẫn lộn với bản PC đang xem

Bản mobile sẽ bật trên trình duyệt PC, chúng ta sẽ thấy giao diện hơi to ko giống mobile, nhắp phải vào khoảng trống trên web và chọn như hình ( mình dùng Firefox, Chrome cũng tương tự )

Đến đây thì cửa sổ trình duyệt đã thu nhỏ lại, giả lập như 1 thiết bị di động, chúng ta sẽ thấy nhiều thứ phải sửa

Xóa hết danh mục đang lỗi hoặc chức năng không cần thiết ở trang chủ mobile

Trang chủ mobile đã trống

Quay lại mục trang chủ PC để copy sang trang chủ mobile, mình chỉ cần copy ô chứa mầu xanh, đó là lý do mình gộp hết 1 nhóm các chức năng vào ô chứa

Các bạn thấy ở trang chủ mobile đã có cá mục y hệt trang chủ PC

Xem thử bản mobie hoặc xem bằng điện thoại mình sẽ thấy các danh sách sản phẩm tự động đưa về dạng 2 sản phẩm 1 dòng, ko phải chỉnh gì nhiều

Chúng ta đã hoàn thành xong, các bạn thấy các chức năng này của bản PC và mobile đang giống hệt nhau nhưng thực ra là những chức năng khác nhau ( clone ), khi chúng ta cần sửa thì sẽ phải làm 2 thao tác trên PC và mobile, có 1 giải pháp khác là tạo bản lối tắt Short cut (hoặc ảnh mirror), short cut sẽ giống hệt chức năng gốc, khi chức năng gốc thay đổi thì short cut cũng thay đổi theo

3. Tạo shortcut

Xóa hết chức năng trong trang chủ mobile để thử tạo lại shortcut

sau khi tạo shortcut chúng tao sẽ có 1 chức năng hơi đặc biệt, gọi là chức năng lối tắt

xem tử ở bản mobile thì kết quả ko khác gì copy, nhưng khi sửa gì trên PC thì mobile cũng đc áp dụng theo

Như vậy chức năng shortcut này rất hữu ích khi các bạn làm bản mobile, hoặc tạo nhóm bố cục, các chức năng nào cần chỉnh đặc biệt cho từng phiên bản thì mới nên copy, vd như ảnh trên PC không nên tạo shortcut sang mobile mà nên làm 1 phiên bản nhẹ hơn ...