Giới thiệu về Theme OS 3.0
Theme OS 3.0 là phiên bản chủ đề mới nhất của SHOPLINE, được thiết kế để mang lại trải nghiệm thiết kế cửa hàng linh hoạt, hiệu quả và tùy chỉnh hơn. Dù bạn đang tạo một cửa hàng mới hay làm mới một cửa hàng hiện có, nó giúp bạn xây dựng các cửa hàng trực tuyến hiện đại, phù hợp với thương hiệu một cách dễ dàng hơn.
Bài viết này giới thiệu các tính năng chính của Theme OS 3.0, so sánh nó với Theme OS 2.1 và giúp bạn bắt đầu.
| Lưu ý: Để so sánh chi tiết giữa các chủ đề OS 3.0 và OS 2.1, vui lòng tham khảo phần bên dưới. Chúng tôi khuyến nghị bạn xem xét các điểm khác biệt và thử nghiệm các chủ đề trước khi quyết định sử dụng chủ đề nào cho thiết kế cửa hàng, xem trước và xuất bản. |
Theme OS 3.0 là gì?
Được xây dựng trên kiến trúc chủ đề mới, Theme OS 3.0 cung cấp sự linh hoạt và tùy chỉnh cao hơn so với Theme OS 2.1. Nó có cấu trúc thành phần được thiết kế lại, các điều khiển bố cục nâng cao, cài đặt dành riêng cho thiết bị di động và một công cụ mẫu Sline mới để đơn giản hóa việc thiết kế cửa hàng. Những cải tiến này giúp bạn dễ dàng tạo ra các cửa hàng trực tuyến hiện đại, hiệu suất cao đồng thời cho phép bạn kiểm soát tốt hơn thiết kế cửa hàng của mình.
Bảng dưới đây làm nổi bật các điểm khác biệt chính giữa Theme OS 3.0 và Theme OS 2.1 để giúp bạn hiểu các tính năng mới và chọn phiên bản phù hợp nhất với nhu cầu kinh doanh của bạn.
| Lưu ý: Mặc dù Theme OS 3.0 giới thiệu nhiều tính năng mới, một số thành phần và ứng dụng vẫn chưa được hỗ trợ đầy đủ. Trước khi chọn chủ đề Theme OS 3.0, hãy xem xét "danh sách tương thích ứng dụng Theme OS 3.0" để đảm bảo các ứng dụng và tính năng bạn cần được hỗ trợ. |
Theme OS 3.0 và Theme OS 2.1
| Tính năng | OS 2.1 | OS 3.0 |
| Trình tạo mẫu | Handlebars | Sline (kết xuất nhanh hơn) |
| Cấu trúc thành phần | Tối đa 2 cấp độ lồng nhau; di chuyển phần hạn chế. Tối đa 25 phần trên mỗi trang. | Tối đa 8 cấp độ lồng nhau; chỉnh sửa phần và khối linh hoạt. Tối đa 25 phần và 50 khối trên mỗi trang. |
| Bảng màu | Hỗ trợ một bảng màu duy nhất | Hỗ trợ nhiều bảng màu |
| Độ linh hoạt bố cục | Điều chỉnh bố cục hạn chế | Sắp xếp phần tử tinh chỉnh với cài đặt khoảng cách và hướng |
| Đầu trang/Chân trang | Bố cục cố định; hỗ trợ bộ chọn ngôn ngữ và quốc gia | Hoàn toàn tùy chỉnh; hỗ trợ bộ chọn ngôn ngữ và quốc gia |
| Công cụ năng suất cho nhà phát triển (Plugin VSCode, Kiểm tra chủ đề, v.v.) | Hỗ trợ | Hỗ trợ |
| Hỗ trợ thành phần nâng cao | Tất cả thành phần được hỗ trợ |
Hầu hết các thành phần được hỗ trợ. So với OS 2.1, các thành phần sau đây chưa được hỗ trợ:
|
| Tương thích ứng dụng | Hỗ trợ hầu hết ứng dụng | Một số ứng dụng chưa được hỗ trợ hoặc chưa tương thích hoàn toàn. Vui lòng xem "Danh sách tương thích ứng dụng Chủ đề OS 3.0" trước khi chọn chủ đề OS 3.0. |
Điểm nổi bật chính của Chủ đề OS 3.0
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 8 cấp độ khối lồng nhau. Cải tiến này cho phép kiểm soát mô-đun tốt hơn và linh hoạt thiết kế theo lớp trên toàn bộ cửa hàng của bạn.
Độ 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ó hướng dẫn từng bước về cách thêm một phần hoặc khối, hãy xem bài viết tương ứng trong phần Trung tâm Trợ giúp "Theme OS 3.0".
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á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 phong cách và cách sắp xếp các phần tử một cách hiệu quả.
Để có hướng dẫn từng bước về cách thêm một phần hoặc khối, hãy xem bài viết tương ứng trong phần Trung tâm Trợ giúp "Theme OS 3.0".
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ử bên 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, khoảng cách giữa mép vùng chứa và nội dung bên trong.
Cài Đặt Kích Thước
Thiết lập chiều rộng và chiều cao của phần tử được chọn, có thể là giá trị cố định theo pixel hoặc phần trăm so với 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 bạn điều chỉnh một cài đặt cụ thể cho một thiết bị, một chỉ báo gạch chân sẽ xuất hiện trên cài đặt đó để cho biết rằng ghi đè theo thiết bị đang được kích hoạt.
Để xem trước cửa hàng của bạn trông như thế nào trên các kích thước màn hình khác nhau, bạn có ba lựa chọn:
-
Công tắc biểu tượng: Nhấp vào biểu tượng Máy tính để bàn hoặc Di động bên phải của Bộ chọn trang ở đầu trình chỉnh sửa chủ đề để nhanh chóng chuyển đổi giữa các chế độ xem.
-
Lựa chọn thiết bị xem trước: Ở cuối trình chỉnh sửa, nhấp vào Xem trước thiết bị để chọn từ danh sách các mẫu điện thoại thông minh và máy tính bảng phổ biến.
-
Mã QR trên di động: Ở cuối trình chỉnh sửa, di chuột qua biểu tượng Mã QR bên phải của Xem trước thiết bị để hiển thị mã QR, sau đó quét mã này bằng điện thoại thông minh của bạn để xem trước chủ đề trực tiếp trên thiết bị của bạn.
Chủ đề OS 3.0 và Hỗ trợ Thành phần
Chủ đề SHOPLINE OS 3.0 được tổ chức thành hai loại để phù hợp với các nhu cầu khác nhau:
- Dành cho sử dụng kinh doanh: Nếu bạn muốn một chủ đề phù hợp với ngành nghề của mình, hãy khám phá Cửa hàng chủ đề để tìm chủ đề phù hợp cho cửa hàng của bạn. Các chủ đề có sẵn bao gồm Thời trang, Sipply và Krama, với nhiều chủ đề mới sẽ được thêm vào theo thời gian.
- Dành cho phát triển tùy chỉnh: Bottle có ít tính năng hơn và cấu trúc tinh gọn, làm cho nó lý tưởng để 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ọ.
| Mục | Danh mục | Thành phần | Hệ điều hành 3.0 |
Bottle (Hệ điều hành 3.0) |
| Thành phần trang chủ (có thể thêm vào bất kỳ trang nào) | Thành phần trang chủ | 38 Thành phần | 38 | 21 |
| Tùy chỉnh | SLINE tùy chỉnh | Hỗ trợ | Hỗ trợ | |
| Trang tùy chỉnh | Hỗ trợ | Hỗ trợ | ||
| Mục tùy chỉnh | Hỗ trợ | Hỗ trợ | ||
| Bố cục 2 cột | Hỗ trợ | Hỗ trợ | ||
| Bố cục 3 cột | Hỗ trợ | Hỗ trợ | ||
| Bố cục 1:2 | Hỗ trợ | Hỗ trợ | ||
| Bố cục 1:2:1 | Hỗ trợ | Hỗ trợ | ||
| Ứng dụng | Hỗ trợ | Hỗ trợ | ||
| Hiển thị hình ảnh - văn bản | Video | Hỗ trợ | Hỗ trợ | |
| Blog | Hỗ trợ | Hỗ trợ | ||
| Trình chiếu | Hỗ trợ | Hỗ trợ | ||
| Trình chiếu chia tách | Hỗ trợ | Không hỗ trợ | ||
| Danh sách hình ảnh - văn bản | Hỗ trợ | Hỗ trợ | ||
| Biểu ngữ hình ảnh | Hỗ trợ | Hỗ trợ | ||
| Mô-đun hình ảnh - văn bản | Hỗ trợ | Hỗ trợ | ||
| Mô-đun hình ảnh - văn bản ghép nối | Hỗ trợ | Không hỗ trợ | ||
| Tranh ghép | Hỗ trợ | Không hỗ trợ | ||
| Khuyến mãi giảm giá | Hỗ trợ | Không hỗ trợ | ||
| Chuyển đổi hình ảnh khi rê chuột | Hỗ trợ | Không hỗ trợ | ||
| Trước & Sau | Hỗ trợ | Không hỗ trợ | ||
| Hiển thị thành phần | Hỗ trợ | Không hỗ trợ | ||
| Văn bản phong phú | Hỗ trợ | Hỗ trợ | ||
| Hiển thị sản phẩm | Sản phẩm nổi bật | Hỗ trợ | Hỗ trợ | |
| Bộ sưu tập nổi bật | Hỗ trợ | Hỗ trợ | ||
| Sản phẩm được đề xuất | Hỗ trợ | Không hỗ trợ | ||
| Danh sách bộ sưu tập | Hỗ trợ | Hỗ trợ | ||
| Danh mục sản phẩm đặc biệt | Hỗ trợ | Không hỗ trợ | ||
| Bộ lọc đa cấp | Hỗ trợ | Không hỗ trợ | ||
| Hình ảnh có thể mua hàng | Hỗ trợ | Không hỗ trợ | ||
| Video mua sắm | Hỗ trợ | Không hỗ trợ | ||
| Sản phẩm đã xem gần đây | Hỗ trợ | Không hỗ trợ | ||
| Sản phẩm khuyến mãi truyền thông | Hỗ trợ | Không hỗ trợ | ||
| Hoạt động khách hàng | Đăng ký email | Hỗ trợ | Hỗ trợ | |
| Đồng hồ đếm ngược | Hỗ trợ | Không hỗ trợ | ||
| Biểu mẫu liên hệ | Hỗ trợ | Hỗ trợ | ||
| Thành phần tin cậy | Danh sách logo | Hỗ trợ | Không hỗ trợ | |
| Bản đồ | Hỗ trợ | Không hỗ trợ | ||
| Câu hỏi thường gặp (FAQ) | Hỗ trợ | Hỗ trợ |
Bắt đầu với Theme OS 3.0
Để bắt đầu sử dụng một chủ đề Theme OS 3.0, hãy làm theo quy trình cài đặt và xuất bản giống như bất kỳ chủ đề SHOPLINE nào khác. Để biết hướng dẫn chi tiết, xem "Lựa chọn Chủ đề Phù hợp."
Trước khi chọn một chủ đề Theme OS 3.0, hãy đảm bảo các ứng dụng và tính năng bạn cần được hỗ trợ. Theme OS 3.0 sử dụng khối ứng dụng thay vì phương pháp nhúng ứng dụng được sử dụng trong OS 2.1, vì vậy một số ứng dụng có thể chưa hoàn toàn tương thích.
|
Lưu ý: Trước khi xuất bản, nên thử nghiệm chủ đề của bạn ở chế độ bản nháp để xác minh rằng tất cả các ứng dụng hoạt động như mong đợi. Để xem danh sách đầy đủ các ứng dụng được hỗ trợ và các loại tích hợp, xem "Tích hợp Ứng dụng vào Chủ đề OS 3.0." |
Bài viết này được dịch bằng AI và có thể chứa một số sai sót. Để có thông tin chính xác nhất, vui lòng tham khảo phiên bản tiếng Anh gốc.