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

SHOPLINE đã ra mắt khung giao diện 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 dành riêng cho thiết bị di độ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 thiết bị di động, cấu trúc giao diện mới mang lại 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 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ế theo lớp trên toàn bộ 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 giao diện 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/khối mà bạn muốn chèn phần tử mới.

   

3. Chọn loại khối để thêm nó làm 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 giao diện 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ác phần tử trên 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 hiệu quả phong cách và cách sắp xếp các phần tử. Để điều chỉnh hiển thị bố cục:

1. Chọn phần hoặc khối 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 Xuống Dòng	Tự động xuống dòng các phần tử sang dòng tiếp theo khi vượt quá chiều rộng/chiều cao của vùng chứa.
Căn Chỉnh & Định Vị	Kiểm soát vị trí tương đối của các phần tử trong vùng chứa. Ví dụ, điều chỉnh vị trí văn bản trên hình ảnh banner.
Khoảng Cách	Quản lý khoảng cách 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 vùng chứa được 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ử được chọn hoặc kích thước tương đối của nó trong vùng chứa cha.

Điều Chỉnh & Xem Trước Riêng 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 biệt cho thiết bị máy tính để bàn và thiết bị di động. Khi có điều chỉnh riêng cho thiết bị, một dấu gạch chân sẽ xuất hiện trên cài đặt đã được chỉnh sửa.

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

OS 3.0 và 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 cung cấp hai chủ đề: 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, 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 các chủ đề của riêng họ.

So sánh các 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 chưa tương thích hoàn toàn. 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 tới 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ủ đề “Thời trang”, 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 nó 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ủ đề Thời trang để mở trình chỉnh sửa chủ đề.
5. Sau khi xác nhận thiết lập, nhấp Xuất bản để đưa lên trực tiếp.

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 nghi 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 thực hành tốt nhất, hãy tham khảo "Hướng dẫn di chuyển từ OS 2.1 sang 3.0 cho các chủ đề riêng."
2. Tại sao vùng chứa 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ố căn vùng chứa 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 chỉnh sai lớp.
   Để vùng chứa 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 vùng chứa nội dung), sau đó áp dụng căn trái. Chỉ sau khi điều chỉnh căn chỉnh của khối hình ảnh thì vùng chứa nội dung mới di chuyển tương ứng.