Tùy chỉnh bố cục trang cửa hàng bằng các mẫu trang

Mẫu trang cho phép bạn tùy chỉnh các bố cục và cấu trúc nội dung khác nhau cho cùng một loại trang—chẳng hạn như trang chi tiết sản phẩm, trang danh sách sản phẩm, trang blog, trang danh mục blog, và trang tùy chỉnh. Tính năng này rất lý tưởng khi bạn cần yêu cầu hiển thị đặc biệt cho các loại sản phẩm, bộ sưu tập, ngành nghề hoặc kịch bản tiếp thị khác nhau.

Với mẫu trang, người bán có thể:

• Tạo nhiều phiên bản bố cục cho cùng một loại trang
• Tùy chỉnh phong cách, thành phần và nội dung cho từng mẫu
• Gán mẫu cho các sản phẩm, bộ sưu tập hoặc nội dung cụ thể để tạo trải nghiệm trang khác biệt

Ví dụ, bạn có thể tạo một mẫu cho quần áo và một mẫu khác cho giày trên trang chi tiết sản phẩm, mỗi mẫu có các thành phần, bố cục và phong cách kể chuyện khác nhau.

Bài viết này sử dụng trang chi tiết sản phẩm làm ví dụ chính, nhưng các khái niệm tương tự áp dụng cho tất cả các loại trang được hỗ trợ.

Ví dụ về Mô tả Tính năng

Lấy trang chi tiết sản phẩm của chủ đề Arise Pro làm ví dụ, các nguyên tắc tương tự cũng áp dụng cho các chủ đề và trang khác.

Chẳng hạn, một cửa hàng quần áo có thể có các yêu cầu bố cục khác nhau để hiển thị các bộ sưu tập khác nhau (ví dụ: quần áo, áo sơ mi) trên trang chi tiết sản phẩm. Để đáp ứng điều này, có thể tạo các mẫu cho bộ sưu tập quần áo và áo sơ mi trên trang chi tiết sản phẩm, cho phép tùy chỉnh cụ thể và liên kết sản phẩm với các mẫu tương ứng.

1. Các mẫu khác nhau trên trang chi tiết sản phẩm được trang trí riêng biệt, và chúng có thể khác nhau về nội dung và cách trình bày.
   
   
    
2. Đối với mẫu trang chi tiết áo sơ mi, trang bao gồm các thành phần chi tiết sản phẩm, sản phẩm được đề xuất và hình ảnh kèm văn bản dựa trên đặc điểm sản phẩm, như hình dưới đây.
   
   
    
3. Đối với mẫu trang quần áo, trang chi tiết bao gồm các thành phần chi tiết sản phẩm, sản phẩm đã xem gần đây và văn bản phong phú dựa trên đặc điểm sản phẩm, như hình dưới đây.
   
    

Đường dẫn cấu hình trên trang chi tiết sản phẩm

Việc cấu hình một mẫu bao gồm bốn bước chính: Tạo mẫu > Xem trước mẫu > Gán mẫu cho sản phẩm > Chỉnh sửa mẫu.

Trang chi tiết sản phẩm của chủ đề Arise Pro được lấy làm ví dụ, các nguyên tắc tương tự áp dụng cho các chủ đề và trang khác.

1. Tạo một mẫu.

• Chuyển menu thả xuống ở đầu trang sang Sản phẩm và chọn Tạo mẫu.
  
  
   
• Tên mẫu và Dựa trên mẫu: - Đặt tên mẫu dựa trên danh mục hoặc đặc điểm của nó và chọn tùy chọn Dựa trên mẫu. Nếu chưa có mẫu nào được tạo, việc tạo sẽ dựa trên mẫu mặc định. Nếu đã có các mẫu được tạo, bạn có thể chọn một mẫu đã tạo trước đó theo nhu cầu.
  
  
   
• Khi mẫu được tạo thành công, tên mẫu sẽ hiển thị ở góc trên bên trái của trang. Bạn có thể tiến hành thiết kế và trang trí mẫu.
  
   
• Sau khi trang trí, nhấn Lưu để hoàn tất việc tạo mẫu.

2. Xem trước mẫu.

• Để xem trước hiệu ứng trang trí của mẫu cho các sản phẩm khác nhau, hãy sử dụng chức năng xem trước. Nhấp vào tam giác thả xuống trên trang để chuyển đổi sản phẩm xem trước. Bạn cũng có thể chỉnh sửa trực tiếp thông tin sản phẩm từ đây. 
  

3. Gán mẫu cho sản phẩm. 
   
    

Sau khi tạo mẫu mới, trang chi tiết sản phẩm vẫn sẽ sử dụng mẫu gốc. Bạn cần gán mẫu mới tạo cho sản phẩm tương ứng để trang chi tiết sản phẩm hiển thị mẫu mới. Việc này có thể thực hiện theo hai cách: gán mẫu trong trang chỉnh sửa (hỗ trợ gán hàng loạt) và gán mẫu trong trang quản lý sản phẩm của quản trị viên.

• Gán mẫu trong trang chỉnh sửa:

•  
  • Nhấp vào Gán, cột sản phẩm cần gán sẽ xuất hiện bên phải. 
    
     

•  
  • Chọn sản phẩm theo yêu cầu và nhấp Gán để liên kết mẫu với sản phẩm. Ngoài ra, bạn có thể gán mẫu cho tất cả sản phẩm trong cửa hàng chỉ với một cú nhấp chuột.
    
    
     

• Gán mẫu trong trang quản lý sản phẩm của quản trị viên:
  • Khi tạo sản phẩm mới và dự định gán một mẫu cụ thể, bạn có thể chọn mẫu từ trang quản lý sản phẩm của quản trị viên. 
    • Trong trang chi tiết quản lý sản phẩm, cuộn xuống phía dưới bên phải và chọn mẫu bạn vừa tạo. (Lưu ý: Chỉ các mẫu được tạo trong chủ đề phát hành hiện tại mới được hiển thị ở đây).
      
       

• Sau khi chọn mẫu, nhấp Cập nhật ở góc trên bên phải.

Các Vấn Đề Khác Có Thể Bạn Quan Tâm

Mối quan hệ giữa chủ đề và mẫu 

Chủ đề: Chỉ phong cách tổng thể của cửa hàng. Hiện tại, SHOPLINE cung cấp 20 chủ đề phù hợp với các ngành nghề khác nhau, giúp bạn tạo ra một cửa hàng phản ánh phong cách thương hiệu của bạn. Để biết thêm chi tiết, vui lòng tham khảo Hướng dẫn dành cho người mới về Thiết kế Cửa hàng.

Mẫu: Liên quan đến việc tạo các bố cục khác nhau cho cùng một loại trang. Ví dụ, có thể tạo mẫu A và B cho trang chi tiết sản phẩm, mỗi mẫu có phong cách riêng biệt. Tất cả sản phẩm đều có tùy chọn chọn giữa mẫu A hoặc B, tạo ra các phong cách trang khác nhau.

• Việc tạo mẫu gắn liền với chủ đề, cho phép tạo tối đa 1000 mẫu cho mỗi chủ đề. Các mẫu được tạo dưới Chủ đề A không thể chuyển sang Chủ đề B. Do đó, khi bạn chuyển và xuất bản Chủ đề Cửa hàng B, các liên kết giữa sản phẩm và mẫu từ Chủ đề A ban đầu sẽ tự động biến mất.
  • Khi quay lại Chủ đề A, nếu không có mẫu mới nào được gán cho sản phẩm trong Chủ đề B, các liên kết mẫu ban đầu sẽ vẫn được giữ nguyên.
  • Tuy nhiên, nếu có mẫu mới được gán cho sản phẩm trong Chủ đề B, các liên kết giữa sản phẩm và mẫu ban đầu sẽ bị vô hiệu hóa, trở về mẫu mặc định.
• Tính năng xem trước có sẵn cho các chủ đề sắp ra mắt, nhưng tính năng gán mẫu không được hỗ trợ.
• Chức năng xem trước cho sản phẩm và blog chỉ áp dụng cho những sản phẩm và blog đã được liệt kê hoặc xuất bản. Các sản phẩm và blog chưa được liệt kê hoặc xuất bản sẽ không được hỗ trợ.
• Khi sao chép một sản phẩm hoặc danh mục sản phẩm, hệ thống sẽ tự động sao chép các tùy chọn mẫu đã chọn cho sản phẩm đó. Điều này áp dụng khi sao chép sản phẩm trong trang Sản phẩm > Quản lý Sản phẩm hoặc trang Sản phẩm > Bộ sưu tập.