Thiết Kế Cửa Hàng Của Bạn Với Trình Chỉnh Sửa Giao Diện

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, hãy 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 các thay đổi của bạn sẽ trông như thế nào trước khi xuất bản.

• 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 từng 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 tuyến đang hoạt động 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 bên trái)

Quản lý cấu trúc trực quan của trang web bằng cách thêm, sắp xếp lại và tùy chỉnh các thành phần 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 bấm, 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 của 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 của bạn, 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 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 trong 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 giao diện, 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 trường và nhấp Cập nhật.

   

Ví dụ 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 giao diện, 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. 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ã Giao diện

Đố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 giao diện. 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 giao diện (HTML, CSS, JSON) cho tùy chỉnh nâng cao: 

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 > Giao diện.
2. Tìm giao diện hiện tại của bạn, nhấp vào biểu tượng ba chấm […] trên thẻ giao diện, 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ã Giao diện

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

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 > Giao diện.
2. Tìm giao diện hiện tại của bạn, nhấp vào biểu tượng ba chấm […] trên thẻ giao diện, 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.