Section Gallery: Thêm Thành Phần Mã Nguồn Mở vào Chủ Đề OS 3.0

Với ứng dụng Section Gallery, các thương nhân sử dụng giao diện OS 3.0 có thể dễ dàng thêm các thành phần mã nguồn mở linh hoạt, có thể tùy chỉnh và chỉnh sửa hoàn toàn. Tính năng này cho phép kiểm soát tốt hơn thiết kế cửa hàng và đơn giản hóa việc chỉnh sửa bố cục cho cả máy tính để bàn và thiết bị di động.

Hướng dẫn này giải thích khi nào và cách sử dụng ứng dụng Section Gallery, bao gồm các bước cài đặt, mẹo tùy chỉnh, chỉnh sửa mã thành phần, các giới hạn và các câu hỏi thường gặp.

Khi nào nên sử dụng ứng dụng

Hãy cân nhắc sử dụng Section Gallery khi bạn cần sự linh hoạt hơn trong bố cục hoặc truy cập các thành phần trang nâng cao không có trong giao diện hiện tại của bạn.

Các tình huống phổ biến

• Thêm các thành phần hiển thị trang chuyên biệt: Section Gallery cung cấp nhiều thành phần mã nguồn mở như bố cục hình ảnh kèm văn bản, trưng bày sản phẩm, phần đánh giá khách hàng, mô-đun video, bảng thông số kỹ thuật, khối tải xuống tập tin và banner cuộn. Các thành phần này hỗ trợ nhiều trường hợp sử dụng và cho phép cấu hình linh hoạt ở cả cấp độ trang và khối.
• Tùy chỉnh các yếu tố như văn bản, nút bấm, nền hoặc khoảng cách: Section Gallery cho phép bạn tinh chỉnh giao diện và bố cục của từng thành phần với các cài đặt chi tiết. Bạn có thể dễ dàng điều chỉnh các yếu tố hình ảnh như góc ảnh, bóng đổ, khoảng đệm và kiểu chữ để phù hợp với thiết kế thương hiệu mà không cần chỉnh sửa mã.

Cài đặt và sử dụng ứng dụng

Thực hiện theo các bước dưới đây để cài đặt Section Gallery và thêm các thành phần vào giao diện OS 3.0 của bạn:

Cách cài đặt Section Gallery từ cửa hàng ứng dụng SHOPLINE

1. Từ bảng quản trị SHOPLINE của bạn, vào Ứng dụng, sau đó nhấn nút Đi đến cửa hàng ứng dụng.

2. Tìm kiếm Section Gallery, nhấn Cài đặt, và cấp quyền cho ứng dụng để hoàn tất cài đặt.

   

Cách thêm các thành phần Section Gallery vào giao diện của bạn

1. Sau khi cài đặt ứng dụng, chọn một thành phần để thêm vào chủ đề của bạn.

   

2. Trong cửa sổ bật lên, chọn chủ đề OS 3.0 mà bạn muốn cài đặt thành phần.

   

3. Nhấp vào Đi tới Trình chỉnh sửa Chủ đề để mở trình chỉnh sửa trực quan.

   

Hoặc, truy cập Cửa hàng trực tuyến > Thiết kế để vào trình chỉnh sửa chủ đề và thêm thành phần theo ý muốn. Để biết thêm thông tin về cách sử dụng và xuất bản chủ đề, vui lòng tham khảo phần Truy cập và Sử dụng Trình chỉnh sửa Chủ đề trong hướng dẫn Trung tâm Trợ giúp này.

Cách Đặt và Tùy chỉnh Thành phần

1. Nhấp vào + Thêm thành phần, sau đó chọn thành phần Bộ sưu tập Mục bạn muốn sử dụng. Sau khi thêm, kéo thành phần đến vị trí mong muốn trong chủ đề của bạn. Bộ sưu tập Mục hỗ trợ nhiều cấp độ, chẳng hạn như đặt trong nhóm mục hoặc các khối riêng lẻ.

   

2. Sử dụng bảng cài đặt tích hợp để tùy chỉnh văn bản, nút bấm, nền, khoảng cách và kiểu bố cục.

   

3. Khi bạn hoàn tất thiết kế, nhấp Lưu để áp dụng các thay đổi. Sau đó, nhấp Xem trước > Xem cửa hàng trực tuyến để xem thành phần hiển thị như thế nào trên cửa hàng trực tiếp của bạn.

Chỉnh sửa Mã Thành phần

Nếu bạn có kinh nghiệm lập trình, bạn có thể chỉnh sửa trực tiếp mã của các thành phần Bộ sưu tập Mục để tùy chỉnh thêm về bố cục và hành vi.

1. Từ bảng điều khiển quản trị SHOPLINE của bạn, đi tới Cửa hàng trực tuyến > Thiết kế, sau đó tìm chủ đề nơi thành phần Thư viện Phần đã được cài đặt. Nhấp vào ⋯ (biểu tượng ba chấm) bên cạnh chủ đề, rồi chọn Chỉnh sửa mã.

   

2. Trong thanh bên trái của trình chỉnh sửa mã, mở thư mục sections để xem các thành phần đã cài đặt.

   

3. Tìm các tệp bắt đầu bằng SGC- (ví dụ: SGC-product-list.css). Bạn cũng có thể tìm kiếm SGC bằng thanh tìm kiếm để nhanh chóng định vị tất cả các thành phần Thư viện Phần.

   

4. Nhấp vào tệp mong muốn để bắt đầu chỉnh sửa mã của thành phần.

   

Cài đặt lại Thành phần để Cập nhật hoặc Khôi phục Mã

Nếu bạn cần khôi phục một thành phần Thư viện Phần về trạng thái ban đầu, chẳng hạn như áp dụng sửa lỗi, cập nhật lên phiên bản mới nhất hoặc hoàn tác các chỉnh sửa mã cục bộ, bạn có thể cài đặt lại thành phần trực tiếp từ ứng dụng Thư viện Phần.

Việc cài đặt lại sẽ cập nhật mã thành phần gốc do SHOPLINE cung cấp mà không ảnh hưởng đến các cấu hình trực quan hiện có trong trình chỉnh sửa chủ đề của bạn, như cấu trúc bố cục, nội dung hoặc cài đặt kiểu dáng. Điều này cho phép bạn đặt lại mã một cách an toàn trong khi vẫn giữ nguyên giao diện cửa hàng.

Cách Cài đặt lại một Thành phần

1. Từ bảng điều khiển quản trị SHOPLINE của bạn, đi tới Ứng dụng, sau đó tìm kiếm và mở ứng dụng Thư viện Phần.

   

2. Tìm thành phần bạn muốn cài đặt lại, nhấp vào Cài đặt lại, và xác nhận hành động.

   

Hạn chế

• Chỉ tương thích với chủ đề OS 3.0: Các thành phần Section Gallery chỉ có thể được thêm vào các chủ đề được xây dựng với OS 3.0. Các chủ đề không phải OS 3.0 sẽ không xuất hiện trong danh sách chọn chủ đề.

• Chủ đề của bạn sẽ trở thành chủ đề riêng tư sau khi thêm thành phần: Khi một thành phần Section Gallery được thêm vào, chủ đề của bạn sẽ được chuyển đổi thành phiên bản riêng tư.

  Quan trọng: Chủ đề riêng tư không thể được cập nhật tự động hoặc thủ công. Để cập nhật phiên bản chủ đề trong tương lai, bạn phải liên hệ với SHOPLINE để yêu cầu hỗ trợ đưa vào danh sách trắng.

   

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

1. Tôi có thể sử dụng Section Gallery với các chủ đề không phải OS 3.0 không?
   Không. Section Gallery chỉ tương thích với các chủ đề OS 3.0. Các chủ đề không phải OS 3.0 sẽ không xuất hiện trong danh sách chọn chủ đề khi thêm thành phần.

2. Việc thêm thành phần có ảnh hưởng đến thiết lập chủ đề hiện tại của tôi không?
   Không. Việc thêm một thành phần Section Gallery mới sẽ không ảnh hưởng đến bố cục trang hiện tại hoặc các thành phần khác.
   Nếu bạn sử dụng tính năng Cài đặt lại để khôi phục mã gốc của một thành phần (ví dụ, để áp dụng sửa lỗi hoặc hoàn tác các chỉnh sửa cục bộ), hệ thống chỉ cập nhật mã của thành phần đó. Các thiết lập hiển thị hiện có của bạn, như bố cục, văn bản và kiểu dáng được cấu hình trong trình chỉnh sửa chủ đề, sẽ không thay đổi.

   Lưu ý: Nếu bạn cài đặt lại hoặc thêm lại cùng một thành phần và tên thư mục trùng với phiên bản hiện có, hệ thống có thể ghi đè cấu trúc mã gốc. Nếu bạn đã đổi tên tệp thành phần một cách thủ công, hệ thống có thể không nhận diện được và sẽ cài đặt một bản sao mới thay thế.

3. Tôi có thể sử dụng nhiều thành phần Section Gallery trong cùng một chủ đề không?
   Có. Bạn có thể cài đặt và sử dụng nhiều thành phần trong cùng một chủ đề OS 3.0. Mỗi thành phần hoạt động độc lập và có thể được đặt ở các khu vực khác nhau trong cửa hàng của bạn.