Thiết Kế Cửa Hàng của Bạn bằng Trình Chỉnh Sửa Chủ Đề

Một khi bạn đã chọn giao diện cửa hàng ưa thích, bạn có thể truy cập trình chỉnh sửa giao diện để cá nhân hóa cửa hàng của mình bằng các công cụ tích hợp sẵn của SHOPLINE. Hướng dẫn này sẽ giúp bạn truy cập trình chỉnh sửa, các tính năng chính và cài đặt nâng cao để nhanh chóng tạo ra một cửa hàng trực tuyến hấp dẫn.

Truy cập Trình chỉnh sửa Giao diện

Sau khi chọn giao diện cửa hàng, làm theo các bước sau để truy cập trình chỉnh sửa giao diện và bắt đầu tùy chỉnh:

1. Từ bảng quản trị SHOPLINE của bạn, đi tới Cửa hàng trực tuyến > Thiết kế.

   

2. Chuyển đến tab Giao diện của tôi, tìm phần Giao diện hiện tại, và nhấp vào Thiết kế.

   

3. Bắt đầu tùy chỉnh giao diện của bạn trong trình chỉnh sửa giao diện.

   

Giới thiệu về các Tính năng của Trình chỉnh sửa Giao diện

Khi bạn nhấp vào nút Thiết kế trên giao diện hiện tại, bạn sẽ vào trình chỉnh sửa giao diện của SHOPLINE. Dưới đây là tổng quan về các công cụ chính có sẵn:

Bộ chọn Trang và Hành động Xem trước

Sử dụng bộ chọn trang và công cụ xem trước để nhanh chóng chuyển đổi bố cục và xem trước các thay đổi của bạn sẽ trông như thế nào trước khi đưa lên trực tiếp.

• Bộ chọn Trang: Điều hướng giữa các trang khác nhau (ví dụ: Trang chủ, Trang sản phẩm) để tùy chỉnh bố cục riêng biệt.

  

• Nút Xem trước: Nhấp vào Xem trước ở góc trên bên phải để chọn giữa:

  

  • Xem trước trong trình chỉnh sửa: Xem các thay đổi trong cửa sổ trình chỉnh sửa hiện tại.
  • Xem cửa hàng trực tuyến: Mở cửa hàng trực tiếp của bạn trong cửa sổ mới để xem phiên bản đã xuất bản.

Thanh bên Thành phần (Thanh bên trái)

Quản lý cấu trúc hình ảnh của trang web bằng cách thêm, sắp xếp lại và tùy chỉnh các phần tử trang sử dụng thanh bên thành phần.

• Thêm Thành phần: Nhấp vào Thêm thành phần để chèn và cấu hình các mô-đun trang mới nhằm tùy chỉnh thêm.

  

• Kéo và Thả: Dễ dàng di chuyển các phần và khối để sắp xếp lại cấu trúc trang của bạn.

  

Cài đặt Chủ đề

Duy trì sự nhất quán thương hiệu bằng cách cấu hình các kiểu toàn cục cho toàn bộ cửa hàng của bạn. Bạn có thể tùy chỉnh thương hiệu (logo và favicon), kiểu chữ, màu sắc và các yếu tố bố cục như nút, thẻ và khung chứa phương tiện để đảm bảo nhận diện đồng bộ.

Tùy chọn Xem trước Thiết bị

Đảm bảo cửa hàng của bạn trông chuyên nghiệp trên mọi kích thước màn hình với nhiều phương pháp xem trước:

• 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 cạnh Bộ chọn Trang để nhanh chóng chuyển đổi giữa các chế độ xem.

  

• Chọn Thiết bị Xem trước: Ở dưới cùng trình chỉnh sửa, nhấp vào Xem trước thiết bị để chọn từ 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: Di chuột qua biểu tượng mã QR và quét 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.

  

Hoàn tác và Làm lại để Chỉnh sửa Nhanh

Khi tùy chỉnh cửa hàng, bạn có thể dễ dàng hoàn tác hoặc làm lại các thay đổi gần đây đối với bố cục hoặc cài đặt. Điều này cho phép bạn thử nghiệm các thiết kế khác nhau một cách tự tin và nhanh chóng khôi phục các chỉnh sửa trước đó hoặc áp dụng lại các thay đổi khi cần, mà không ảnh hưởng đến công việc đã lưu.

Tùy chỉnh Văn bản Mặc định của Cửa hàng Bạn

Mỗi chủ đề đi kèm với văn bản mặc định tích hợp sẵn, nhưng bạn có thể tùy chỉnh nó bằng cách sử dụng tính năng Chỉnh sửa văn bản mặc định. Tính năng này cho phép bạn cá nhân hóa cách diễn đạt hệ thống trên toàn bộ cửa hàng để phù hợp hơn với giọng điệu thương hiệu của bạn. Dưới đây là hai trường hợp sử dụng phổ biến để giúp bạn bắt đầu.

Ví dụ Trường hợp Sử dụng 1: Tùy chỉnh Văn bản Bản quyền

Bạn có thể thay đổi thông báo bản quyền hệ thống tiêu chuẩn để bao gồm tên thương hiệu hoặc một thông điệp cụ thể. Ví dụ, thay đổi "© 2026 Tên Thương Hiệu Của Bạn" thành "Bản quyền © 2026 Tên Thương Hiệu Của Bạn. Đã đăng ký bản quyền."

Cách thiết lập:

1. Trong trình chỉnh sửa chủ đề, nhấp vào biểu tượng ba chấm [...] và chọn Chỉnh sửa văn bản mặc định.

2. Sử dụng thanh tìm kiếm để tìm thông điệp cụ thể (ví dụ: Bản quyền).

   

3. Nhập văn bản tùy chỉnh của bạn vào ô và nhấp Cập nhật.

   

Ví dụ Trường hợp Sử dụng 2: Tối ưu hóa Đa ngôn ngữ

Nếu cửa hàng của bạn hỗ trợ nhiều ngôn ngữ, bạn có thể chuyển đổi giữa các tab ngôn ngữ để đảm bảo mọi nhãn mặc định được dịch một cách tự nhiên và chính xác cho các thị trường khác nhau.

Cách thiết lập:

1. Trong trình chỉnh sửa chủ đề, nhấp vào biểu tượng ba chấm [...] và chọn Chỉnh sửa văn bản mặc định.

2. Ở đầu giao diện chỉnh sửa, nhấp Chuyển đổi để chọn tab ngôn ngữ bạn muốn tối ưu hóa. Nhấp Hoàn tất để lưu thay đổi.

   

3. Tìm kiếm các cụm từ bạn muốn điều chỉnh (ví dụ: thông báo lỗi 404), nhập văn bản đã được địa phương hóa, và nhấp Cập nhật.

   

Tùy chỉnh và Tải xuống Mã Chủ đề

Đối với người dùng có chuyên môn kỹ thuật, SHOPLINE cung cấp quyền kiểm soát sâu hơn đối với cấu trúc chủ đề. Bạn có thể truy cập các tùy chọn nâng cao này bằng cách nhấp vào biểu tượng ba chấm [...].

Chỉnh sửa Mã

Sử dụng tính năng này để chỉnh sửa các tệp nguồn của chủ đề (HTML, CSS, JSON) cho việc tùy chỉnh nâng cao: 

1. Từ bảng quản trị SHOPLINE của bạn, đi đến Cửa hàng trực tuyến > Chủ đề.
2. Tìm chủ đề hiện tại của bạn, nhấp vào biểu tượng ba chấm […] trên thẻ chủ đề, và chọn Chỉnh sửa mã.

3. Trong trình chỉnh sửa mã, chọn một tệp từ thanh bên trái (ví dụ, dưới Bố cục, Mẫu, Phần, Đoạn mã, Tài sản, Cấu hình, hoặc Ngôn ngữ) để bắt đầu chỉnh sửa.

   

Tải xuống Mã Chủ đề

Sử dụng tính năng này để tải xuống một tệp ZIP chứa mã nguồn chủ đề của bạn để sao lưu cục bộ:

1. Từ bảng quản trị SHOPLINE của bạn, đi đến Cửa hàng trực tuyến > Chủ đề.
2. Tìm chủ đề hiện tại của bạn, nhấp vào biểu tượng ba chấm […] trên thẻ chủ đề, và chọn Tải xuống mã.
3. Trong cửa sổ bật lên, xác nhận yêu cầu tải xuống bằng cách nhấp vào Gửi email. Liên kết tải xuống sẽ được gửi đến địa chỉ email liên kết với tài khoản quản trị của bạn.

Các câu hỏi thường gặp về Trình chỉnh sửa Chủ đề

Q1: Tại sao Trình chỉnh sửa Chủ đề hiển thị không đúng, và làm thế nào để khắc phục?

Nếu Trình chỉnh sửa Chủ đề hiển thị không đúng hoặc hoạt động không như mong đợi, ví dụ như các thay đổi không xuất hiện, thanh công cụ bị đóng băng, hoặc các phần tử không tải được, vấn đề có thể do bộ nhớ đệm của trình duyệt của bạn gây ra. Để khắc phục, hãy thử mở Trình chỉnh sửa Chủ đề trong cửa sổ ẩn danh để kiểm tra xem vấn đề có được giải quyết không. Thực hiện theo các bước dưới đây:

1. Nhấp vào menu ba chấm ở góc trên bên phải của trình duyệt, sau đó chọn Cửa sổ ẩn danh mới.

   

2. Trong cửa sổ ẩn danh, tìm cài đặt Chặn cookie của bên thứ ba và tắt nó Đi.

   

3. Đăng nhập vào quản trị cửa hàng của bạn, mở Trình chỉnh sửa Chủ đề và kiểm tra xem vấn đề đã được giải quyết chưa.