Giới thiệu về Giao diện OS 3.0

SHOPLINE đã ra mắt khung chủ đề OS 3.0 mới, được thiết kế với cấu trúc thành phần được cải tiến, cài đặt bố cục linh hoạt, cấu hình di động chuyên dụng và một công cụ mẫu hoàn toàn mới. Những nâng cấp này giúp các thương nhân dễ dàng tạo ra các cửa hàng trực tuyến hiệu suất cao, phù hợp với thương hiệu. Dù trên máy tính để bàn hay di động, cấu trúc chủ đề mới mang đến trải nghiệm thiết kế mượt mà và tùy chỉnh hơn.

Cấu trúc Thành phần Mới

OS 3.0 giới thiệu một cấu trúc được thiết kế lại hỗ trợ lên đến năm cấp độ khối lồng nhau trong mỗi thành phần. Cải tiến này cho phép kiểm soát mô-đun tốt hơn và linh hoạt trong thiết kế trên cửa hàng của bạn. Để thêm một khối lồng nhau:

1. Mở trình chỉnh sửa chủ đề SHOPLINE của bạn và điều hướng đến danh sách thành phần.

2. Nhấp vào biểu tượng Thêm nội dung ở bên phải của phần/bloc mà bạn muốn chèn một phần tử mới.

   

3. Chọn loại khối để thêm nó như một phần tử con.

Sự linh hoạt mô-đun này cho phép sắp xếp nội dung động trong một trang duy nhất.

Cài đặt Hiển thị Bố cục Linh hoạt

Với các chủ đề OS 3.0, bạn có thể dễ dàng điều chỉnh vị trí, khoảng cách và căn chỉnh của các phần tử trang để phù hợp hơn với yêu cầu thiết kế của bạn. Khi làm việc với các bố cục phức tạp, những điều chỉnh chính xác này cho phép bạn kiểm soát phong cách và sắp xếp các phần tử một cách hiệu quả. Để điều chỉnh hiển thị bố cục:

1. Chọn phần hoặc khối mà bạn muốn chỉnh sửa.

2. Sử dụng thanh công cụ để tinh chỉnh bố cục, lề và kích thước.

   

Cài đặt Bố cục

Cài đặt Bố cục	Hành động	Hiệu ứng
Hướng Sắp xếp	Điều chỉnh thứ tự khi nhiều phần tử được đặt cùng nhau. Ví dụ, thay đổi vị trí của hình ảnh và thông tin sản phẩm trên Trang Chi tiết Sản phẩm.
Tự động Bọc	Tự động bọc các phần tử sang dòng tiếp theo khi chúng vượt quá chiều rộng/chiều cao của container.
Căn chỉnh & Định vị	Kiểm soát vị trí tương đối của các phần tử trong một container. Ví dụ, điều chỉnh vị trí văn bản trên một hình ảnh banner.
Khoảng cách	Quản lý khoảng cách giữa các hàng và cột giữa các phần tử. Ví dụ, thiết lập khoảng cách giữa hình ảnh, tiêu đề và giá trong thẻ sản phẩm.

Cài đặt Lề

Xác định khoảng đệm bên trong của container đã chọn.

Cài đặt Kích thước

Xác định chiều rộng và chiều cao tuyệt đối của phần tử đã chọn hoặc kích thước tương đối của nó trong container cha.

Điều chỉnh & Xem trước Đặc biệt cho Di động

Tất cả các cài đặt bố cục, lề và kích thước có thể được tùy chỉnh riêng cho máy tính để bàn và thiết bị di động. Khi một điều chỉnh cụ thể cho thiết bị được thực hiện, một chỉ báo gạch chân sẽ xuất hiện trên cài đặt đã chỉnh sửa.

Đối với di động, bạn có thể xem trước trang bằng cách sử dụng nhiều loại thiết bị phổ biến để đảm bảo trải nghiệm duyệt web tối ưu.

OS 3.0 so với OS 2.1: So sánh Tính năng

So sánh Thành phần OS 3.0

OS 3.0 hiện tại cung cấp hai giao diện: Thời trang và Chai.

• Thời trang bao gồm các thành phần thương mại điện tử chung, làm cho nó phù hợp cho các thương nhân nhỏ và vừa. Nó cho phép thiết lập và xuất bản nhanh chóng mà không cần phát triển thêm.

• Chai có ít tính năng hơn và được thiết kế cho phát triển riêng tùy chỉnh. Nó lý tưởng cho việc triển khai dễ dàng cho thương nhân hoặc làm nền tảng cho các nhà phát triển bên thứ ba xây dựng và bán giao diện của riêng họ.

So sánh Thành phần Trang chủ:

Danh sách tương thích Plugin OS 3.0

Đối với các chủ đề Fashion và Bottle, các plugin sau đây chưa được hỗ trợ hoặc hoàn toàn tương thích. Khuyến nghị nên thử nghiệm chủ đề ở chế độ nháp trước và sử dụng kết quả thực tế làm tham khảo.

Cách sử dụng các chủ đề OS 3.0

Để bắt đầu thiết kế với OS 3.0:

1. Đi đến Cửa hàng trực tuyến > Thiết kế > Cửa hàng chủ đề.

   

2. Tìm kiếm và chọn chủ đề “Fashion”, hoặc nhấp vào trang giới thiệu chủ đề để truy cập trang chủ đề.

3. Nhấp vào Thêm chủ đề để thêm vào Thư viện chủ đề của bạn.

   

4. Nhấp vào nút Thiết kế bên cạnh chủ đề Fashion để mở trình chỉnh sửa chủ đề.
5. Sau khi xác nhận cài đặt của bạn, nhấp vào Công bố để đưa vào hoạt động.

Câu hỏi thường gặp

1. Làm thế nào các nhà phát triển chủ đề riêng OS 2.1 có thể thích ứng với OS 3.0?
   OS 3.0 sử dụng cú pháp mẫu Sline mới, yêu cầu phát triển lại. Để biết các phương pháp tốt nhất, hãy tham khảo "Hướng dẫn Di chuyển từ OS 2.1 đến 3.0 cho các Chủ đề Riêng."
2. Tại sao khung nội dung không di chuyển khi tôi chọn "Căn trái" trong trình chỉnh sửa chủ đề OS 3.0?
   
   Nếu bạn đang cố gắng căn một khung nội dung sang trái trong các chủ đề OS 3.0 nhưng không thấy thay đổi sau khi chọn Căn trái, vấn đề có thể là bạn đang căn sai lớp.
   Để làm cho khung nội dung di chuyển sang trái, bạn cần chọn khối hình ảnh cha (khối bao quanh khung nội dung), và sau đó áp dụng căn trái. Chỉ sau khi điều chỉnh căn của khối hình ảnh, khung nội dung mới sẽ di chuyển tương ứng.