Các Tính Năng Mới Trong Chủ Đề OS 3.0

Chủ đề OS 3.0 của SHOPLINE đang liên tục phát triển với các tính năng mới cung cấp sự linh hoạt và cá nhân hóa cao hơn trong thiết kế cửa hàng.

Hướng dẫn này sẽ giới thiệu các chức năng mới nhất có sẵn độc quyền cho các chủ đề OS 3.0.

Cho phép Khách hàng Chọn Sản phẩm theo Hàng trên Thiết bị Di động

Đem lại cho khách hàng của bạn nhiều quyền kiểm soát hơn trong trải nghiệm duyệt web của họ bằng cách cho phép họ điều chỉnh cách hiển thị sản phẩm trên thiết bị di động.

Với tính năng Tùy chỉnh bố cục hiển thị sản phẩm, khách hàng có thể chuyển đổi giữa việc hiển thị một hoặc hai sản phẩm trên mỗi hàng—dù họ thích các ô lớn hơn để xem chi tiết hay các ô nhỏ hơn để quét nhanh.

Cách Thiết lập

1. Từ bảng điều khiển quản trị SHOPLINE của bạn, đi đến Cửa hàng trực tuyến > Thiết kế > Chủ đề của tôi. Chọn một chủ đề OS 3.0 (ví dụ, Thời trang) và nhấp vào Thiết kế để vào trình chỉnh sửa chủ đề.
   
2. Trong trình chỉnh sửa chủ đề, chuyển sang chế độ di động, sau đó đi đến trang Bộ sưu tập để tùy chỉnh bố cục danh sách sản phẩm.
   
3. Chọn một bộ sưu tập từ danh sách thả xuống. Trong phần Danh sách sản phẩm, bật Công tắc nhiều cột để kích hoạt chuyển đổi hiển thị trên di động.
   
4. Chọn số cột mặc định và số cột thay thế, sau đó nhấp vào Lưu để áp dụng thay đổi của bạn.
   

Giới hạn Tính năng

• Tính khả dụng: Hỗ trợ trên tất cả các chủ đề OS 3.0 trừ Bottle.
• Hỗ trợ Thiết bị: Hiện tại chỉ có sẵn cho thiết bị di động.
• Tính tương thích: Vui lòng kiểm tra với bất kỳ plugin nào đang hoạt động để đảm bảo hiển thị đúng. Một số plugin tùy chỉnh có thể ảnh hưởng đến cách lưới trang danh sách sản phẩm được hiển thị.
• Tích hợp: Không có chức năng API hoặc tải tệp nào liên quan.

Cải thiện Điều hướng với Các Đường dẫn Breadcrumb Có thể Cấu hình

Đem lại cho khách hàng của bạn một cách điều hướng tiêu chuẩn, rõ ràng để duyệt cửa hàng của bạn bằng cách triển khai các breadcrumb dựa trên đường dẫn thông thường. Những cải tiến này cung cấp điều hướng có thể sử dụng phổ biến hiển thị cấu trúc trang mà khách hàng đã theo (ví dụ, Trang chủ / Danh mục / Sản phẩm).

Hệ thống breadcrumb mới cung cấp điều hướng rõ ràng, dựa trên đường dẫn để cải thiện trải nghiệm của khách hàng và tính khả dụng của cửa hàng. Tất cả các nút trong đường dẫn (trừ trang hiện tại) đều có thể nhấp hoàn toàn, cho phép khách hàng dễ dàng quay lại các trang, danh mục hoặc trang chính trước đó.

Hiểu Ba Loại Phần Tử Breadcrumb

Để đảm bảo rõ ràng về các tính năng, có ba phần tử breadcrumb khác nhau trong các chủ đề OS 3.0, mỗi phần có vị trí và logic khác nhau:

• Khối Breadcrumb Toàn cầu Mới (Tiêu chuẩn Được Khuyến nghị):
  • Logic: Sử dụng cấu trúc đường dẫn trang thông thường (ví dụ, Trang chủ / Danh mục / Sản phẩm).
  • Vị trí: Có thể được thêm vào tất cả các trang thông qua một phần mới dành riêng trong trình chỉnh sửa chủ đề.
  • Ví dụ về Đường dẫn: 
    1. Trang Chi tiết Sản phẩm: Thường hiển thị dưới dạng Trang chủ / {Tiêu đề Bộ sưu tập} / {Tiêu đề Sản phẩm} hoặc Trang chủ / {Tiêu đề Sản phẩm}.
    2. Trang Bài viết Blog: Hiển thị dưới dạng Trang chủ / {Tiêu đề Bộ sưu tập Blog} / {Tiêu đề Bài viết Blog}.
  • Cách sử dụng: Đây là khối được khuyến nghị cho điều hướng chung.
• Breadcrumb Danh mục Đa cấp Di sản (Chỉ Trang Chi tiết Sản phẩm)
  • Logic: Dựa vào dữ liệu phân loại đa cấp của miền sản phẩm.
  • Vị trí: Chỉ xuất hiện dưới dạng một khối trong Trang Chi tiết Sản phẩm.

• Node "Trang Bộ Sưu Tập" Cũ (Có thể sửa):
  • Logic: Một node "Trang Chủ" được mã hóa cứng chồng lên hình ảnh danh mục.
  • Vị trí: Chỉ xuất hiện trên các Trang Danh Sách Bộ Sưu Tập.
  • Sử dụng: Trước đây không thể cấu hình và được coi là lỗi, nhưng một cài đặt cấu hình mới hiện cho phép các thương nhân ẩn nó sau khi cập nhật.

Cách Thiết Lập

Thực hiện các bước sau để kích hoạt hệ thống breadcrumb mới, được khuyến nghị và giải quyết các vấn đề hiển thị cũ.

Từ bảng điều khiển quản trị SHOPLINE của bạn, đi đến Cửa Hàng Trực Tuyến > Thiết Kế > Chủ đề của tôi. Chọn một chủ đề OS 3.0 và nhấp vào Thiết Kế để vào trình chỉnh sửa chủ đề.

Scenario 1. Kích Hoạt Khối Breadcrumb Toàn Cầu:

Để kích hoạt Khối Breadcrumb mới được khuyến nghị, hãy thực hiện các bước sau:

1. Đi đến trang bạn muốn (ví dụ: trang chủ, trang chi tiết sản phẩm) trong trình chỉnh sửa chủ đề. 
2. Dưới module tương ứng, nhấp vào Thêm thành phần, đi đến tab Chủ đề, sau đó tìm và chọn Breadcrumbs.
   
3. Sau khi thêm khối Breadcrumb, thiết lập một bảng màu ưa thích, chọn xem có kích hoạt nó trên máy tính để bàn và/hoặc di động hay không, và cấu hình bố cục của nó theo nhu cầu. Khi hoàn tất, nhấp vào Lưu để áp dụng cài đặt của bạn. 
   

Scenario 2. Ẩn Node Trang Bộ Sưu Tập Cũ:

Nếu bạn muốn ẩn node trang Bộ Sưu Tập không thể cấu hình, hãy thực hiện các bước sau:

1. Trong trình chỉnh sửa chủ đề, điều hướng đến trang Bộ Sưu Tập. 
2. Trong module Tiêu đề Bộ Sưu Tập, nhấp vào Hình ảnh Bộ Sưu Tập. Trong bảng cài đặt, tìm và bật Ẩn breadcrumb.
3. Nhấp vào Lưu để áp dụng thay đổi của bạn.

Giới Hạn Tính Năng

• Truy Cập Breadcrumb Cũ: Phần tử breadcrumb cũ (hiện được đổi tên thành Breadcrumb Danh Mục Đa Cấp) vẫn yêu cầu sử dụng dữ liệu phân loại đa cấp của miền sản phẩm và yêu cầu các thương nhân phải được đưa vào danh sách trắng để truy cập.
• Xóa Phần Tử Cũ: Phần tử "Trang Chủ" được mã hóa cứng trên trang Bộ Sưu Tập không thể bị xóa hoàn toàn, nhưng tính năng mới cung cấp khả năng ẩn nó.

Kích Hoạt Bố Cục Ngang Linh Hoạt Trong Trang Chi Tiết Sản Phẩm

Cải tiến này giải quyết một hạn chế chính trong các bố cục chủ đề trước đó bằng cách cho phép các thương nhân và ứng dụng bên thứ ba thực hiện các sắp xếp phức tạp, không theo chiều dọc trong phần thông tin trang chi tiết sản phẩm. Trước đây, các khối thông tin sản phẩm bị giới hạn trong một chồng dọc duy nhất, điều này ngăn cản các nhu cầu thiết kế hiện đại như đặt bộ chọn số lượng bên cạnh nút mua, hoặc định vị nút danh sách mong muốn bên cạnh tiêu đề sản phẩm.

Bằng cách giới thiệu một phần tử cấu trúc mới, bạn có thể kiểm soát chính xác cách sắp xếp các phần tử sản phẩm cụ thể trên trang chi tiết sản phẩm, phù hợp với triết lý thiết kế linh hoạt tổng thể của các chủ đề OS 3.0.

Cách Thiết Lập

Để áp dụng các bố cục ngang cho các phần tử trong khu vực thông tin sản phẩm của bạn, bạn sẽ sử dụng một container nội dung mới:

1. Từ bảng điều khiển quản trị SHOPLINE của bạn, đi đến Cửa Hàng Trực Tuyến > Thiết Kế > Chủ đề của tôi. Chọn một chủ đề OS 3.0 (ví dụ: Thời Trang) và nhấp vào Thiết Kế để vào trình chỉnh sửa chủ đề.
2. Trong trình chỉnh sửa chủ đề, điều hướng đến trang Sản Phẩm.
3. Dưới module Sản Phẩm, tìm Phần Sản Phẩm > Thông Tin Sản Phẩm. Di chuột qua Thông Tin Sản Phẩm, nhấp vào + biểu tượng, và chọn Container Nội Dung dưới Chủ đề. Container này hoạt động như một lớp bố cục trung gian. 
4. Sau khi thêm container, di chuột qua nó để thêm các khối thông tin như Tiêu đề, Giá và Bộ chọn Số lượng. Bạn có thể kéo và thả các khối để điều chỉnh thứ tự của chúng. Bên trong container mới này, thêm các khối thông tin sản phẩm tiêu chuẩn (như Tiêu đề) mà bạn muốn sắp xếp theo chiều ngang.
5. Khi các khối đã được thêm, nhấp vào Container Nội Dung để cấu hình bố cục, bao gồm sắp xếp khối, khoảng cách và kích thước. Sử dụng các điều khiển bố cục chuyên dụng của container để thiết lập sắp xếp ngang và căn chỉnh của các phần tử đã thêm ở bước trước. Điều này cho phép bạn đặt nhiều thành phần cạnh nhau, chẳng hạn như nút Mua và Bộ chọn Số lượng. 
6. Nhấp vào Lưu để áp dụng thay đổi của bạn.

Giới Hạn Tính Năng

• Tính Sẵn Có Của Chủ Đề: Tính năng này không được hỗ trợ bởi chủ đề Bottle, là chủ đề OS 3.0 duy nhất hiện không được bao gồm.
• Hạn Chế Vị Trí: Điều khiển bố cục ngang chỉ có sẵn trong node container nội dung chuyên dụng nằm dưới phần Thông Tin Sản Phẩm chính trên trang Sản Phẩm. Nó không ghi đè lên sắp xếp dọc của mẫu trang Chi Tiết Sản Phẩm nói chung.