Thư viện Phần: Thêm Các 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, tùy chỉnh và hoàn toàn có thể chỉnh sửa. Tính năng này cho phép kiểm soát tốt hơn về 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à 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, giới hạn và các câu hỏi thường gặp.
|
Ghi chú quan trọng:
|
Khi nào sử dụng ứng dụng
Xem xét việc sử dụng Section Gallery khi bạn cần linh hoạt hơn trong bố cục hoặc truy cập vào các thành phần trang nâng cao không có sẵn 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 một loạt các 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á, mô-đun video, bảng thông số kỹ thuật, khối tải xuống tệp và băng rôn cuộn. Những 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, nền hoặc khoảng cách: Section Gallery cho phép bạn tinh chỉnh diện mạo 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 hình ảnh, bóng, khoảng cách và kiểu chữ để phù hợp với thiết kế thương hiệu của bạn mà không cần chạm vào mã.
| Ghi chú: Tất cả các thành phần Section Gallery đều tương thích với các giao diện OS 3.0 và hỗ trợ cấu trúc đa cấp, cho phép bạn thêm các thành phần vào các khu vực khác nhau như cấp độ phần hoặc trong các khối riêng lẻ. |
Cài đặt và sử dụng ứng dụng
Thực hiện 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
- Từ bảng điều khiển quản trị SHOPLINE của bạn, đi đến Ứng dụng, sau đó nhấp vào nút Đi đến Cửa hàng ứng dụng.
-
Tìm kiếm Section Gallery, nhấp vào Cài đặt, và ủy 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
-
Sau khi cài đặt ứng dụng, chọn một thành phần để thêm vào giao diện của bạn.
-
Trong cửa sổ pop-up, chọn giao diện OS 3.0 mà bạn muốn cài đặt thành phần.
-
Nhấp vào Đi đến Trình chỉnh sửa giao diện để mở trình chỉnh sửa trực quan.
Hoặc, đi đến Cửa hàng trực tuyến > Thiết kế để truy cập trình chỉnh sửa giao diện và thêm thành phần theo ý muốn. Để biết thêm thông tin về việc sử dụng và xuất bản một giao diện, vui lòng tham khảo phần Truy cập và sử dụng Trình chỉnh sửa giao diện 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
-
Nhấp vào + Thêm thành phần, sau đó chọn thành phần Section Gallery mà bạn muốn sử dụng. Sau khi thêm, kéo thành phần đến vị trí mong muốn trong giao diện của bạn. Section Gallery hỗ trợ nhiều cấp độ, chẳng hạn như đặt trong các nhóm phần hoặc các khối riêng lẻ.
-
Sử dụng bảng cài đặt tích hợp để tùy chỉnh văn bản, nút, nền, khoảng cách và kiểu bố cục.
- Khi bạn hoàn thành thiết kế của mình, nhấp vào Lưu để áp dụng các thay đổi của bạn. Sau đó, nhấp vào Xem trước > Xem cửa hàng trực tuyến để xem cách thành phần xuất hiện 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ể trực tiếp chỉnh sửa mã của các thành phần Section Gallery để tùy chỉnh thêm bố cục và hành vi.
-
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ế, 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ủ đề, sau đó chọn Chỉnh sửa mã.
-
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.
-
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 cách sử dụng thanh tìm kiếm để nhanh chóng xác định tất cả các thành phần Thư viện Phần.
-
Nhấp vào tệp mong muốn để bắt đầu chỉnh sửa mã của thành phần.
| Quan trọng: Khi một thành phần Thư viện Phần được thêm vào, chủ đề của bạn trở thành một chủ đề riêng tư và không thể được cập nhật tự động hoặc thủ công. |
Cài đặt lại các 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 các bản 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.
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 hình ảnh hiện có của bạn trong trình chỉnh sửa chủ đề, chẳng hạn như cấu trúc bố cục, nội dung hoặc cài đặt kiểu. Điều này cho phép bạn an toàn thiết lập lại mã trong khi vẫn giữ nguyên giao diện cửa hàng.
| Ghi chú: Nếu bạn đã thực hiện các thay đổi ở cấp mã đối với một thành phần Thư viện Phần và muốn quay lại phiên bản mặc định mà không mất cài đặt bố cục, hãy sử dụng tính năng này để khôi phục cấu trúc gốc. |
Cách cài đặt lại một thành phần
-
Từ bảng điều khiển quản trị SHOPLINE của bạn, đi đến Ứng dụng, sau đó tìm kiếm và mở ứng dụng Thư viện Phần.
-
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.
| Quan trọng: Hệ thống xác định các thành phần nào được cài đặt dựa trên tên tệp gốc. Nếu bạn đã đổi tên tệp thành phần một cách thủ công (ví dụ: sgc-shopping-image.liquid), hệ thống có thể không nhận ra và sẽ cài đặt một bản sao mới thay thế. |
Giới hạn
- Chỉ tương thích với các chủ đề OS 3.0: Các thành phần Thư viện Phần 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 một chủ đề riêng tư sau khi thêm một thành phần: Khi một thành phần Thư viện Phần được thêm vào, chủ đề của bạn sẽ được chuyển đổi thành một phiên bản riêng tư.
Quan trọng: Các 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ợ danh sách trắng.
Câu hỏi thường gặp
-
Tôi có thể sử dụng Thư viện Phần với các chủ đề không phải OS 3.0 không?
Không. Thư viện Phần 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 một thành phần. -
Việc thêm một 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 Thư viện Phần mới sẽ không ảnh hưởng đến bố cục trang hiện tại của bạn 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 các bản sửa lỗi hoặc hoàn tác các chỉnh sửa cục bộ), hệ thống sẽ chỉ cập nhật mã của thành phần. Các cài đặt hình ảnh hiện có của bạn, chẳng hạn như bố cục, văn bản và kiểu được cấu hình trong trình chỉnh sửa chủ đề, sẽ không thay đổi.Ghi chú: 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 khớp với một 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 ra và sẽ cài đặt một bản sao mới thay thế. -
Tôi có thể sử dụng nhiều thành phần Thư viện Phần 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.
Bài viết này được dịch bằng AI và có thể chứa những 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.