Cấu Hình Cài Đặt Toàn Cục Trên Các Trang Cửa Hàng Của Bạn (Giao Diện OS 3.0)

Cài đặt toàn cục trong Trình chỉnh sửa Chủ đề (OS 3.0) là bảng điều khiển trung tâm của bạn để thiết kế toàn bộ cửa hàng. Các thay đổi được thực hiện ở đây sẽ áp dụng nhất quán trên mọi trang của cửa hàng trực tuyến của bạn, từ trang chủ đến các trang sản phẩm và bộ sưu tập.

Hướng dẫn này giải thích cách truy cập Cài đặt toàn cục, mỗi danh mục cài đặt kiểm soát những gì, và cách sử dụng các tùy chọn cấu hình mới nhất để cá nhân hóa cửa hàng của bạn.

Truy cập Cài đặt Toàn cục

Để mở Cài đặt toàn cục trong Trình chỉnh sửa Chủ đề:

1. Từ quản trị SHOPLINE của bạn, đi tới Cửa hàng trực tuyến > Thiết kế.
2. Tìm chủ đề hiện tại của bạn và nhấp vào nút Thiết kế để vào Trình chỉnh sửa Chủ đề.
3. Ở thanh bên trái, nhấp vào biểu tượng Cài đặt Toàn cục.

Bảng Cài đặt Chủ đề sẽ xuất hiện, cho phép bạn cấu hình các cài đặt cho các phần khác nhau dựa trên nhu cầu cửa hàng của bạn. Tất cả các thay đổi được thực hiện trong bảng này sẽ áp dụng cho chủ đề đang hoạt động trên toàn bộ cửa hàng của bạn.

Cấu hình Logo Cửa hàng của Bạn

Các cài đặt sau nằm dưới mục Logo trong Cài đặt toàn cục.

Các cài đặt này kiểm soát logo hiển thị trong phần đầu cửa hàng của bạn. Nếu một logo được đặt trong phần đầu, nó sẽ ưu tiên hơn logo được cấu hình ở đây. Bạn có thể cấu hình các mục sau:

• Logo: Tải lên tệp hình ảnh để sử dụng làm logo cửa hàng của bạn.
• Chiều rộng logo trên máy tính để bàn: Đặt chiều rộng hiển thị logo tính bằng pixel trên máy tính để bàn.
• Chiều rộng logo trên thiết bị di động: Đặt chiều rộng hiển thị logo tính bằng pixel trên thiết bị di động.

Tùy chỉnh Màu sắc và Kiểu chữ

Màu thành phần

Mục Màu thành phần cho phép bạn xác định bảng màu cho cửa hàng của bạn. Bạn có thể chọn từ bốn bảng màu được thiết lập sẵn, và tùy chỉnh các màu riêng lẻ trong mỗi bảng để phù hợp với thương hiệu của bạn.

Mỗi bảng màu bao gồm các cài đặt màu sau:

• Sản phẩm
  • Giá: Đặt màu được sử dụng cho giá sản phẩm.
  • Số tiền giảm giá: Đặt màu được sử dụng để hiển thị số tiền được giảm giá.
  • Màu chữ trên nhãn giảm giá: Đặt màu chữ trên các nhãn giảm giá.

• Khác
  • Màu nền: Đặt màu nền mặc định cho bảng màu.
  • Điểm nhắc giỏ hàng: Đặt màu cho các chấm chỉ báo nhắc nhở giỏ hàng.
  • Văn bản nhắc giỏ hàng: Đặt màu cho văn bản nhắc nhở giỏ hàng.
  • Nền hình ảnh: Đặt màu nền hiển thị phía sau hình ảnh sản phẩm.
  • Nền cửa sổ bật lên mờ: Đặt màu phủ nền cho các cửa sổ bật lên dạng modal.
  • Bóng đổ: Đặt màu được sử dụng cho hiệu ứng bóng đổ trên toàn bộ bảng màu.

Cài đặt Màu Nền Thẻ Sản Phẩm

Bạn có thể đặt màu nền riêng biệt cho các hộp thẻ sản phẩm trên toàn bộ cửa hàng của bạn. Điều này giúp bạn kiểm soát tốt hơn cách các thẻ sản phẩm hiển thị so với nền trang xung quanh, rất hữu ích khi nền trang và nền thẻ cần phải khác biệt rõ ràng về mặt hình ảnh.

Để cấu hình màu nền thẻ:

1. Trong Trình chỉnh sửa Chủ đề, nhấp vào Biểu tượng Cài đặt Toàn cục để mở cài đặt toàn cục.
2. Đi tới Màu sắc và chọn bảng màu bạn muốn chỉnh sửa.
3. Tìm cài đặt Màu nền thẻ và chọn màu bạn ưa thích.
4. Nhấp Lưu để áp dụng thay đổi.

Màu nền thẻ tuân theo thứ tự ưu tiên hiển thị sau:

• Màu nền phương tiện: Ưu tiên áp dụng trong khu vực hình ảnh sản phẩm khi được đặt.
• Màu nền thẻ: Áp dụng cho hộp thẻ sản phẩm khi không có màu nền phương tiện được cấu hình.
• Màu nền mặc định: Áp dụng khi không có hai màu trên được đặt.

Cấu hình Bảng Màu cho Các Mục Nổi Bật (Chủ đề Bottle)

Các mục Sản phẩm nổi bật và Gợi ý sản phẩm trong chủ đề Bottle hỗ trợ cấu hình bảng màu ở cấp độ mục. Điều này cho phép bạn liên kết màu tiêu đề, văn bản liên kết và màu nền của từng mục với bảng màu chủ đề của bạn, giúp bạn kiểm soát tốt hơn cách các mục này hiển thị trên toàn bộ cửa hàng.

Để cấu hình bảng màu cho Sản phẩm nổi bật:

1. Trong Trình chỉnh sửa Chủ đề, điều hướng đến trang chứa phần Sản phẩm Nổi bật.
2. Nhấp vào phần Sản phẩm Nổi bật để mở cài đặt của nó.
3. Dưới mục Màu sắc, chọn bảng màu bạn ưa thích. Tiêu đề phần, văn bản liên kết và màu nền sẽ được cập nhật tương ứng.
4. Nhấp Lưu để áp dụng các thay đổi của bạn.

Để cấu hình bảng màu cho đề xuất Sản phẩm:

1. Trong Trình chỉnh sửa Chủ đề, điều hướng đến trang chứa phần Đề xuất Sản phẩm.
2. Nhấp vào phần Đề xuất Sản phẩm để mở cài đặt của nó.
3. Dưới mục Màu sắc, chọn bảng màu bạn ưa thích. Tiêu đề phần và màu nền sẽ được cập nhật tương ứng.
4. Nhấp Lưu để áp dụng các thay đổi của bạn.

Cài đặt bảng màu tuân theo thứ tự ưu tiên hiển thị sau:

• Bảng màu cấp khối: Ưu tiên trong khu vực nội dung của khối đó khi được cấu hình.
• Bảng màu cấp phần: Áp dụng cho tiêu đề tổng thể và nền của phần ngoài các khu vực cụ thể của khối.

Ví dụ, nếu một khối được đặt nền trắng và phần được đặt nền xám nhạt, khu vực nội dung của khối sẽ hiển thị màu trắng trong khi khu vực xung quanh phần vẫn giữ màu xám nhạt.

Kiểu chữ

Phần Kiểu chữ kiểm soát phông chữ và kiểu dáng văn bản được sử dụng trên toàn bộ cửa hàng của bạn. Các cài đặt được tổ chức theo cấp độ văn bản, từ Tiêu đề đến Tiêu đề 6 cho các tiêu đề, và từ Thân bài đến Thân bài 6 cho văn bản thân bài. Mỗi cấp độ văn bản có thể được cấu hình độc lập với các tùy chọn sau:

• Phông chữ: Chọn một kiểu chữ từ thư viện phông chữ có sẵn.
• Khoảng cách chữ: Thiết lập khoảng cách giữa các chữ cái theo tỷ lệ phần trăm.
• Kích thước phông chữ: Thiết lập kích thước chữ theo pixel.
• Chiều cao dòng chữ: Thiết lập chiều cao dòng cho cấp độ văn bản.

• Chữ in hoa toàn bộ cho văn bản: Bật để hiển thị toàn bộ văn bản ở cấp độ này dưới dạng chữ in hoa.

  Lưu ý: Cấp độ Body không bao gồm tùy chọn Chữ in hoa toàn bộ.

Cấu hình Giao diện Thẻ Sản phẩm và Hành vi Thêm vào Giỏ hàng

Phần Thẻ sản phẩm kiểm soát cách các thẻ sản phẩm riêng lẻ hiển thị và hoạt động trên toàn cửa hàng của bạn, bao gồm các trang bộ sưu tập, kết quả tìm kiếm và các phần đề xuất. Ngoài việc tạo kiểu trực quan, phần này còn cho phép bạn cấu hình trải nghiệm thêm vào giỏ hàng, bao gồm cách khách hàng chọn SKU và hoàn tất mua hàng trực tiếp từ thẻ sản phẩm. Nó được tổ chức thành các khu vực cấu hình sau:

Thông tin Sản phẩm

Phần này kiểm soát thông tin hiển thị trên mỗi thẻ sản phẩm và cách khách hàng tương tác với nó, bao gồm quy trình thêm vào giỏ hàng để mua nhanh. Các thiết lập sau nằm dưới Thẻ sản phẩm > Thông tin Sản phẩm trong Cài đặt toàn cục.

• Hiển thị biểu tượng thêm nhanh vào giỏ hàng: Bật/tắt hiển thị biểu tượng thêm nhanh vào giỏ hàng trên thẻ sản phẩm.
• Luồng thêm vào giỏ hàng: Điều khiển đường dẫn mua hàng khi khách hàng nhấp vào biểu tượng thêm vào giỏ hàng trên thẻ sản phẩm. Sử dụng cài đặt này để tối ưu trải nghiệm thêm vào giỏ hàng dựa trên danh mục sản phẩm của bạn, ví dụ, chọn bước chọn SKU cho các sản phẩm có nhiều biến thể. Các tùy chọn bao gồm:
  
  • Thêm nhanh vào giỏ hàng: Thêm sản phẩm trực tiếp vào giỏ hàng.
    
  • Chọn sản phẩm bật lên: Mở một cửa sổ bật lên nơi khách hàng chọn SKU trước khi thêm vào giỏ hàng.

  • Chồng lớp thẻ sản phẩm bật lên: Sau khi khách hàng nhấp vào biểu tượng thêm vào giỏ hàng, một bộ chọn SKU xuất hiện dưới dạng lớp phủ trên hình ảnh thẻ sản phẩm. Khách hàng chọn SKU, sau đó nhấp lại vào biểu tượng thêm vào giỏ hàng để hoàn tất mua hàng.

    Lưu ý: Để sử dụng Chồng lớp thẻ sản phẩm bật lên, bạn phải thêm trước một Lớp phủ hình ảnh lớp trên cùng vào thẻ sản phẩm và cấu hình để hiển thị thông tin sản phẩm mong muốn (ví dụ, bộ chọn biến thể). Lớp phủ hình ảnh lớp trên cùng hỗ trợ ba kiểu tương tác: Lớp phủ cố định: Lớp phủ luôn hiển thị. Di chuột qua sản phẩm hoặc nhấp vào biểu tượng thêm vào giỏ hàng không làm thay đổi độ hiển thị của nó. Lớp phủ mờ dần vào: Lớp phủ xuất hiện khi khách hàng di chuột qua sản phẩm hoặc nhấp vào biểu tượng thêm vào giỏ hàng. Lớp phủ mờ dần ra: Lớp phủ biến mất khi khách hàng di chuột qua sản phẩm hoặc nhấp vào biểu tượng thêm vào giỏ hàng. Nút chuyển đổi Lớp phủ cố định trên di động cũng có sẵn. Khi bật, lớp phủ luôn hiển thị trên thiết bị di động và không mờ dần vào hoặc ra khi khách hàng chạm vào biểu tượng thêm vào giỏ hàng hoặc sản phẩm. Nếu cả lớp phủ và khu vực thông tin sản phẩm đều có bộ chọn biến thể, SKU được chọn trong lớp phủ sẽ được ưu tiên. Khi chọn Chọn sản phẩm bật lên, SKU được chọn trong cửa sổ bật lên sẽ được thêm vào giỏ hàng.

• Hiển thị tiêu đề sản phẩm trên máy tính để bàn: Bật/tắt hiển thị tiêu đề sản phẩm trên máy tính để bàn.
• Hiển thị tiêu đề sản phẩm trên thiết bị di động: Bật/tắt hiển thị tiêu đề sản phẩm trên thiết bị di động.
• Hiển thị tiêu đề sản phẩm kiểm soát mức độ hiển thị của tiêu đề sản phẩm trên thẻ. Các tùy chọn bao gồm:
  • Hiển thị đầy đủ: Hiển thị tiêu đề sản phẩm đầy đủ bất kể độ dài.
  • Hiển thị tối đa 1 dòng: Cắt ngắn tiêu đề thành một dòng.
  • Hiển thị tối đa 2 dòng: Cắt ngắn tiêu đề thành hai dòng.

Thẻ Giảm Giá Trên Thẻ Sản Phẩm

Phần này điều khiển giao diện của các thẻ giảm giá khuyến mãi hiển thị trên thẻ sản phẩm. Các cài đặt sau nằm dưới Thẻ sản phẩm > Thẻ giảm giá trên thẻ sản phẩm trong Cài đặt toàn cục.

• Bán kính góc thẻ khuyến mãi: Thiết lập độ bo tròn các góc của thẻ tính bằng pixel.
• Kiểu nhãn: Điều khiển thông tin mà thẻ giảm giá truyền tải. Các tùy chọn gồm:
  • Kiểu mặc định (giảm giá): Hiển thị nhãn "Giảm giá" chung chung.
  • Số tiền tiết kiệm: Hiển thị chính xác số tiền được giảm.
  • Tỷ lệ phần trăm tiết kiệm: Hiển thị phần trăm giảm giá.
• Kiểu phông chữ: Thiết lập kiểu chữ cho nhãn thẻ, với các tùy chọn từ Body đến Body 6.
• Độ mờ nền: Điều chỉnh độ trong suốt của nền thẻ, được biểu thị bằng phần trăm.

Kiểu Hiển Thị Giá Trên Thẻ Sản Phẩm

Các cài đặt sau nằm dưới Thẻ sản phẩm > Kiểu hiển thị giá trên thẻ sản phẩm trong Cài đặt toàn cục.

• Kiểu hiển thị giá: Điều khiển cách giá được hiển thị trên thẻ sản phẩm khi sản phẩm có nhiều mức giá. Các tùy chọn gồm:
  • Giá thấp nhất: Chỉ hiển thị giá thấp nhất có sẵn.
  • Khoảng giá: Hiển thị toàn bộ khoảng giá (ví dụ: 10$ – 30$).
  • Từ giá thấp nhất: Hiển thị giá thấp nhất với tiền tố "Từ" (ví dụ: Từ 10$).

Kiểu dáng, Viền và Bóng

Các cài đặt sau nằm dưới Thẻ sản phẩm > Kiểu dáng, Viền và Bóng trong Cài đặt toàn cục.

• Kiểu dáng: Thiết lập bố cục tổng thể của các thẻ sản phẩm. Các tùy chọn bao gồm:
  • Tiêu chuẩn: Hiển thị các thẻ sản phẩm theo bố cục phẳng, không viền.
  • Thẻ: Hiển thị các thẻ sản phẩm với khung thẻ riêng biệt.
• Lề hình ảnh: Thiết lập khoảng cách giữa hình ảnh sản phẩm và mép thẻ tính bằng pixel.
• Viền: Điều khiển đường viền của các thẻ sản phẩm.
  • Độ dày: Thiết lập độ rộng viền tính bằng pixel.
  • Độ mờ: Điều chỉnh độ trong suốt của viền theo phần trăm.
  • Bán kính viền: Thiết lập độ bo góc của các thẻ sản phẩm tính bằng pixel.
• Bóng đổ: Thêm hiệu ứng bóng đổ cho các thẻ sản phẩm.
  • Độ mờ: Thiết lập độ trong suốt của bóng đổ theo phần trăm.
  • Độ lệch dọc: Dịch chuyển bóng đổ lên hoặc xuống tính bằng pixel.
  • Độ lệch ngang: Dịch chuyển bóng đổ sang trái hoặc phải tính bằng pixel.
  • Độ mờ nét: Điều khiển độ mềm mại của viền bóng đổ tính bằng pixel.

Cấu hình các thành phần khác của cửa hàng

Bố cục

Các thiết lập sau nằm trong mục Bố cục trong Cài đặt toàn cục.

• Chiều rộng trang: Thiết lập chiều rộng tối đa của khu vực nội dung cửa hàng của bạn.
• Khoảng cách dọc giữa các thành phần: Điều khiển khoảng cách dọc giữa các phần và thành phần trên các trang của bạn.
• Lưới — Ngang: Thiết lập khoảng cách ngang giữa các mục trong bố cục lưới, chẳng hạn như lưới thẻ sản phẩm.
• Lưới — Dọc: Thiết lập khoảng cách dọc giữa các hàng trong bố cục lưới.

Nút bấm

Các thiết lập sau nằm trong mục Nút bấm trong Cài đặt toàn cục.

Các thiết lập này định nghĩa kiểu dáng trực quan của tất cả các nút trên toàn bộ cửa hàng của bạn, đảm bảo phong cách kêu gọi hành động nhất quán trên mọi trang. Bạn có thể cấu hình các mục sau:

• Viền: Điều khiển đường viền hiển thị của các nút.
  • Độ dày: Đặt độ rộng viền tính bằng pixel.
  • Độ mờ: Điều chỉnh độ trong suốt của viền theo phần trăm.
  • Bán kính viền: Đặt độ bo góc của các nút tính bằng pixel. Giá trị cao hơn tạo ra các góc bo tròn hơn.
• Bóng đổ: Thêm hiệu ứng bóng đổ cho các nút.
  • Độ mờ: Đặt độ trong suốt của bóng đổ theo phần trăm.
  • Độ lệch dọc: Dịch chuyển bóng đổ lên hoặc xuống tính bằng pixel.
  • Độ lệch ngang: Dịch chuyển bóng đổ sang trái hoặc phải tính bằng pixel.
  • Độ mờ nét: Điều khiển độ mềm mại của cạnh bóng đổ tính bằng pixel.

Bộ chọn biến thể

Các cài đặt sau nằm dưới Bộ chọn biến thể trong Cài đặt toàn cục.

Các cài đặt này điều khiển kiểu hiển thị của các bộ chọn tùy chọn biến thể sản phẩm trên toàn bộ cửa hàng của bạn, chẳng hạn như nút kích thước hoặc màu sắc. Bạn có thể cấu hình các mục sau:

• Viền: Điều khiển đường viền của các nút bộ chọn biến thể.
  • Độ dày: Đặt độ rộng viền tính bằng pixel.
  • Độ mờ: Điều chỉnh độ trong suốt của viền theo phần trăm.
  • Bán kính viền: Đặt độ bo góc tính bằng pixel.
• Bóng đổ: Thêm hiệu ứng bóng đổ cho các nút bộ chọn biến thể.
  • Độ mờ: Đặt độ trong suốt của bóng đổ theo phần trăm.
  • Độ lệch dọc: Dịch chuyển bóng đổ lên hoặc xuống tính bằng pixel.
  • Độ lệch ngang: Dịch chuyển bóng đổ sang trái hoặc phải tính bằng pixel.
  • Độ mờ nét: Điều khiển độ mềm mại của cạnh bóng đổ tính bằng pixel.

Các trường nhập liệu

Các cài đặt sau nằm dưới Các trường nhập liệu trong Cài đặt toàn cục.

Các cài đặt này điều khiển giao diện của tất cả các trường nhập liệu văn bản trên toàn bộ cửa hàng của bạn, chẳng hạn như thanh tìm kiếm và các trường biểu mẫu. Bạn có thể cấu hình các mục sau:

• Viền: Điều khiển đường viền của các trường nhập liệu.
  • Độ dày: Thiết lập độ rộng viền tính bằng pixel.
  • Độ mờ: Điều chỉnh độ trong suốt của viền theo phần trăm.
  • Độ bo góc viền: Thiết lập độ bo tròn các góc của trường nhập liệu tính bằng pixel.
• Bóng đổ: Thêm hiệu ứng bóng đổ cho các trường nhập liệu.
  • Độ mờ: Thiết lập độ trong suốt của bóng đổ theo phần trăm.
  • Độ lệch dọc: Dịch chuyển bóng đổ lên hoặc xuống tính bằng pixel.
  • Độ lệch ngang: Dịch chuyển bóng đổ sang trái hoặc phải tính bằng pixel.
  • Độ mờ nét bóng: Điều khiển độ mềm mại của viền bóng đổ tính bằng pixel.

Danh sách thả xuống và Cửa sổ bật lên

Các thiết lập sau nằm dưới Danh sách thả xuống và cửa sổ bật lên trong Cài đặt chung.

Các thiết lập này điều khiển kiểu dáng hiển thị của menu thả xuống và cửa sổ bật lên dạng modal trên toàn bộ cửa hàng của bạn. Bạn có thể cấu hình các mục sau:

• Viền: Điều khiển đường viền của menu thả xuống và cửa sổ bật lên.
  • Độ dày: Thiết lập độ rộng viền tính bằng pixel.
  • Độ mờ: Điều chỉnh độ trong suốt của viền theo phần trăm.
  • Độ bo góc viền: Thiết lập độ bo tròn các góc tính bằng pixel.
• Bóng đổ: Thêm hiệu ứng bóng đổ cho menu thả xuống và cửa sổ bật lên.
  • Độ mờ: Thiết lập độ trong suốt của bóng đổ theo phần trăm.
  • Độ lệch dọc: Dịch chuyển bóng đổ lên hoặc xuống tính bằng pixel.
  • Độ lệch ngang: Dịch chuyển bóng đổ sang trái hoặc phải tính bằng pixel.
  • Độ mờ nét bóng: Điều khiển độ mềm mại của viền bóng đổ tính bằng pixel.

Giỏ hàng

Các thiết lập sau nằm dưới Giỏ hàng trong Cài đặt chung.

Kiểu giỏ hàng điều khiển cách trải nghiệm giỏ hàng được trình bày cho khách hàng. Chọn một trong các tùy chọn sau:

• Ngăn kéo: Mở giỏ hàng dưới dạng bảng trượt vào mà không rời khỏi trang hiện tại.
• Đi đến trang giỏ hàng: Điều hướng khách hàng trực tiếp đến trang giỏ hàng đầy đủ.
• Thông báo bật lên: Hiển thị thông báo ngắn khi một mặt hàng được thêm vào giỏ hàng.

Bạn cũng có thể cấu hình Bảng màu cho hiển thị giỏ hàng trong phần này.

Thẻ Bộ sưu tập

Các thiết lập sau nằm dưới Thẻ bộ sưu tập trong Cài đặt chung.

Các thiết lập này điều khiển giao diện của các thẻ xem trước bộ sưu tập trên toàn bộ cửa hàng của bạn. Bạn có thể cấu hình các mục sau:

• Kiểu dáng: Thiết lập bố cục tổng thể của các thẻ bộ sưu tập. Các tùy chọn bao gồm:
  • Tiêu chuẩn: Hiển thị các thẻ bộ sưu tập theo bố cục phẳng, không viền.
  • Thẻ: Hiển thị các thẻ bộ sưu tập với khung thẻ riêng biệt.
• Viền: Điều khiển đường viền của các thẻ bộ sưu tập.
  • Độ dày: Thiết lập độ rộng viền tính bằng pixel.
  • Độ mờ: Điều chỉnh độ trong suốt của viền theo phần trăm.
  • Độ bo góc viền: Thiết lập độ bo tròn các góc của thẻ bộ sưu tập tính bằng pixel.
• Bóng đổ: Thêm hiệu ứng bóng đổ cho các thẻ bộ sưu tập.
  • Độ mờ: Thiết lập độ trong suốt của bóng đổ theo phần trăm.
  • Độ lệch dọc: Dịch chuyển bóng đổ lên hoặc xuống tính bằng pixel.
  • Độ lệch ngang: Dịch chuyển bóng đổ sang trái hoặc phải tính bằng pixel.
  • Độ mờ nét bóng: Điều khiển độ mềm mại của mép bóng đổ tính bằng pixel.

Thẻ Blog

Các thiết lập sau nằm dưới mục Thẻ blog trong Cài đặt toàn cục.

Các thiết lập này điều khiển giao diện của các thẻ xem trước bài viết blog trên trang danh sách blog của bạn. Bạn có thể cấu hình các mục sau:

• Kiểu dáng: Thiết lập bố cục tổng thể của các thẻ blog. Các tùy chọn bao gồm:
  • Tiêu chuẩn: Hiển thị các thẻ blog theo bố cục phẳng, không viền.
  • Thẻ: Hiển thị các thẻ blog với khung thẻ riêng biệt.
• Viền: Điều khiển đường viền của các thẻ blog.
  • Độ dày: Thiết lập độ rộng viền tính bằng pixel.
  • Độ mờ: Điều chỉnh độ trong suốt của viền theo phần trăm.
  • Độ bo góc viền: Thiết lập độ bo tròn các góc của thẻ blog tính bằng pixel.
• Bóng đổ: Thêm hiệu ứng bóng đổ cho các thẻ blog.
  • Độ mờ: Thiết lập độ trong suốt của bóng đổ theo phần trăm.
  • Độ lệch dọc: Dịch chuyển bóng đổ lên hoặc xuống tính bằng pixel.
  • Độ lệch ngang: Dịch chuyển bóng đổ sang trái hoặc phải tính bằng pixel.
  • Độ mờ nét bóng: Điều khiển độ mềm mại của mép bóng đổ tính bằng pixel.

Các Thẻ Khác

Các thiết lập sau nằm dưới mục Các thẻ khác trong Cài đặt toàn cục.

Các cài đặt này kiểm soát kiểu hiển thị của các phần tử thẻ không phải là thẻ sản phẩm hoặc thẻ blog, chẳng hạn như thẻ nội dung khuyến mãi. Bạn có thể cấu hình các mục sau:

• Viền: Kiểm soát đường viền của các phần tử thẻ khác.
  • Độ dày: Đặt độ rộng viền tính bằng pixel.
  • Độ mờ: Điều chỉnh độ trong suốt của viền theo phần trăm.
  • Bán kính viền: Đặt độ bo góc tính bằng pixel.
• Bóng đổ: Thêm hiệu ứng bóng đổ cho các phần tử thẻ khác.
  • Độ mờ: Đặt độ trong suốt của bóng đổ theo phần trăm.
  • Độ lệch dọc: Dịch chuyển bóng đổ lên hoặc xuống tính bằng pixel.
  • Độ lệch ngang: Dịch chuyển bóng đổ sang trái hoặc phải tính bằng pixel.
  • Độ mờ nét bóng: Kiểm soát độ mềm mại của mép bóng đổ tính bằng pixel.

Mạng Xã Hội

Các cài đặt sau nằm dưới mục Mạng xã hội trong Cài đặt toàn cục.

Mục này cho phép bạn kết nối sự hiện diện mạng xã hội của cửa hàng và cấu hình cách các tùy chọn chia sẻ hiển thị với khách hàng.

• Tài khoản: Thêm liên kết hồ sơ cửa hàng của bạn cho bất kỳ nền tảng nào sau đây: Facebook, X (Twitter), Pinterest, Instagram, Snapchat, TikTok, YouTube, Vimeo, Tumblr, WhatsApp, LINE và LinkedIn.
• Liên kết mạng xã hội tùy chỉnh: Bạn cũng có thể thêm tối đa năm mục mạng xã hội tùy chỉnh không có trong danh sách trên. Với mỗi mục, cung cấp Tên và Liên kết.
• Chia sẻ: Bật hoặc tắt các tùy chọn chia sẻ để khách hàng có thể chia sẻ sản phẩm của bạn trên mạng xã hội trực tiếp từ cửa hàng. Bạn có thể bật chia sẻ cho từng nền tảng sau:
  • Kiểu biểu tượng chính thức
  • Hiển thị tên mạng xã hội
  • Chia sẻ trên Facebook
  • Tweet trên X (Twitter)
  • Ghim trên Pinterest
  • Chia sẻ trên LINE
  • Chia sẻ trên WhatsApp
  • Chia sẻ trên Tumblr

Tùy chỉnh Biểu tượng Mạng Xã Hội

Để giúp các nhà bán hàng quảng bá các nền tảng chuyên biệt hoặc theo vùng miền (như Discord, LINE hoặc Reddit) ngoài các biểu tượng phổ biến như Facebook và Instagram, SHOPLINE hiện hỗ trợ hiển thị mạng xã hội tùy chỉnh. Điều này cho phép bạn tải lên các biểu tượng cá nhân hóa và đặt liên kết đích mà không cần mã hóa tùy chỉnh hay ứng dụng bên thứ ba.

Cách Thiết Lập

Để cấu hình biểu tượng mạng xã hội tùy chỉnh cho phần đầu hoặc chân trang của cửa hàng bạn:

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ế > Chủ đề của tôi. Chọn một chủ đề OS 3.0 tương thích (ví dụ, Fashion) và nhấp vào Thiết kế để vào trình chỉnh sửa chủ đề.
2. Trong trình chỉnh sửa chủ đề, đi tới Cài đặt chủ đề > Mạng xã hội.
   
3. Cuộn xuống cuối trang để tìm phần Mạng xã hội tùy chỉnh. Bạn sẽ thấy năm vị trí có sẵn được đánh dấu từ Mạng xã hội 1 đến Mạng xã hội 5. Chọn bất kỳ vị trí nào để bắt đầu cấu hình.
   
4. Cấu hình các thiết lập sau cho mỗi mục:
   
   • Tải lên biểu tượng: Tải lên hình ảnh tùy chỉnh của bạn (biểu tượng sẽ hiển thị màu xám cho đến khi hình ảnh được tải lên thành công).

   • Liên kết: Nhập URL đích đầy đủ.

     Lưu ý: Trường Liên kết là bắt buộc. Bạn phải nhập định dạng URL hợp lệ (ví dụ, https://...) để lưu cài đặt.

5. Nhấp vào Lưu để áp dụng các biểu tượng vào Đầu trang hoặc Chân trang của bạn.
   

Thông số kỹ thuật biểu tượng

Để đảm bảo hiển thị tối ưu, vui lòng tuân theo các hướng dẫn sau:

• Định dạng hỗ trợ: JPG, SVG và PNG
• Kích thước tệp: Khuyến nghị dưới 200KB.
• Kích thước đề xuất: 20px x 20px hoặc 25px x 25px

Hạn chế tính năng

• Giới hạn số lượng: Bạn có thể thêm tối đa 5 biểu tượng mạng xã hội tùy chỉnh.
• Tính khả dụng của chủ đề: Tính năng này được hỗ trợ trên tất cả các chủ đề OS 3.0 miễn phí chính thức, ngoại trừ chủ đề Bottle. Nó không được hỗ trợ trên các chủ đề trả phí bên thứ ba.

Favicon

Các cài đặt sau nằm trong Favicon trong Cài đặt toàn cục.

Tải lên một biểu tượng nhỏ để đại diện cho cửa hàng của bạn trên các tab trình duyệt và dấu trang. Để có kết quả tốt nhất, hãy sử dụng hình ảnh vuông.

CSS tùy chỉnh

Các cài đặt sau nằm trong CSS tùy chỉnh trong Cài đặt toàn cục.

Bất kỳ CSS nào nhập vào đây sẽ áp dụng cho tất cả các trang của cửa hàng trực tuyến của bạn. Sử dụng phần này chỉ để thay đổi phong cách trên toàn bộ cửa hàng. Để chỉnh sửa giới hạn trong một trang cụ thể, hãy áp dụng CSS tùy chỉnh trong cài đặt của trang đó.