Làm cách nào để thiết lập mẫu màu?

Bất cứ khi nào bạn Bật mẫu màu , chủ đề Be Concept sẽ cung cấp cho bạn hai tùy chọn để hiển thị mẫu màu: Hình ảnh tùy chỉnhHình ảnh biến thể .

Vui lòng xem lại bảng dưới đây để hiểu bài viết này dễ dàng hơn.

Hiển thị mẫu màu
Vô hiệu hóa mẫu màu Hình ảnh tùy chỉnh Hình ảnh biến thể

Trên trang này

  1. Tính năng này ở đâu?
  2. Làm thế nào nó hoạt động?
  3. Đặt tên cho các tập tin mẫu màu của bạn
  4. Tùy chọn 'Tệp' trong trang quản trị Shopify ở đâu?

1. Tính năng này ở đâu?

Để điều chỉnh tùy chọn Phối màu cho trang của mình, bạn thiết lập như sau:

  • Trên trang Sản phẩm của bạn thông qua trình chỉnh sửa Chủ đề , hãy chọn khối bộ chọn Biến thể trong phần Thông tin sản phẩm .

  • Trong Mẫu màu > Loại mẫu , sẽ có hai tùy chọn: Hình ảnh biến thểHình ảnh tùy chỉnh .

2. Nó hoạt động như thế nào?

Để bắt đầu, hãy bật cài đặt mẫu màu rồi chọn giữa Mẫu màu hoặc Hình ảnh biến thể để hiển thị.

2.1 Mẫu màu

Định cấu hình mẫu màu của bạn bằng cách thiết lập hộp Cấu hình. Vui lòng tham khảo các quy tắc sau để biết thông tin về cách hoạt động của tính năng này:

  1. Khi bạn đã bật tính năng này, Be Concept sẽ tìm kiếm các giá trị màu trong hộp Cài đặt Chủ đề > Mẫu màu > Cấu hình khớp với tên của các biến thể màu sản phẩm của bạn.

  2. Nếu tìm thấy giá trị màu , mẫu màu sẽ được hiển thị bằng giá trị đó.

      • Ví dụ 1 - sử dụng mã HEX : Ô Cấu hình chứa giá trị sau: Black:#3a3a3a

        Khi đó mẫu màu cho Đen sẽ được hiển thị bằng màu #3a3a3a thay vì màu đen mặc định #000000.

      • Ví dụ 2 - sử dụng tệp đã tải lên : Hộp Cấu hình chứa giá trị sau: Crimson Shadow:crimson-shadow.webp

        Sau đó, mẫu màu cho bóng Crimson sẽ được hiển thị bằng hình ảnh có tên crimson-shadow.webp , được tải lên trong Bảng điều khiển/Nội dung/Tệp của Quản trị viên Shopify .

  3. Nếu không tìm thấy giá trị màu trong hộp Cấu hình, hãy tìm tệp *.png có cùng tên với biến thể màu.

    Ví dụ : Trong trường hợp này, tính năng này sẽ sử dụng tệp *.png có tên crimson-shadow.png cho mẫu màu.

  4. Nếu không tìm thấy tệp *.png , hãy hiển thị mẫu màu bằng cách sử dụng tên màu CSS cho biến thể màu.

    Ví dụ : Nếu không tìm thấy giá trị cho biến thể màu "Đen", mẫu màu sẽ hiển thị màu đen mặc định, #000000 .

  5. Nếu màu không có giá trị trong hộp cấu hình, tệp PNG hoặc mã HEX , mẫu màu sẽ trống.

    Ví dụ : Màu Chestnut không có giá trị, file png hoặc mã HEX nên mẫu màu sẽ trống.

2.2 Hình ảnh biến thể

Khi bạn đã bật cài đặt mẫu màu, Concept sẽ tìm kiếm bất kỳ danh mục biến thể nào có tên "Màu" hoặc "Màu".

Để thay đổi từ này thành một từ khác ngoài "Màu sắc/Màu sắc" (chẳng hạn như: Couleur trong tiếng Pháp), bạn có thể thực hiện việc này trong khu vực ngôn ngữ của mình Menu Chủ đề > Chỉnh sửa nội dung chủ đề mặc định .

Nhập color_swatch_trigger vào thanh tìm kiếm để tìm cài đặt [Trình kích hoạt mẫu màu] .

Sau đó, chủ đề sẽ xem xét các tên biến thể bạn đã sử dụng, trong trường hợp này:

Tông
  • Màu Vàng
  • Đen
  • Hạt Dẻ
  • Màu Đỏ Thẫm
  • Hải Quân
  • và tìm HTML color name có cùng tên HOẶC chosen image trong Sản phẩm > Biến thể > Cập nhật hình ảnh biến thể .

    Tông vàng
    Đen
    hạt dẻ
    Hải quân
    Bóng đỏ thẫm

    3. Đặt tên cho tập tin mẫu của bạn

    • Ví dụ: các mẫu màu Black , Chestnut hoặc Navy sẽ cần được đặt tên là black.png , chestnut.png hoặc navy.png (chữ hoa trở thành chữ thường.)
    • Các mẫu màu Gold ToneCrimson Shadow sẽ cần phải được đặt tên là golde-tone.pngcrimson-shadow.png (chữ hoa trở thành chữ thường, dấu cách và các ký tự đặc biệt khác trở thành dấu gạch nối.)

    4. Tùy chọn 'Tệp" trong trang quản trị Shopify ở đâu?

      • Đầu tiên, hãy mở trang quản trị Shopify .
      • Đi tới Content , sau đó chọn tùy chọn Files và mở nó. Nhấp chuột Tải tập tin lên để bắt đầu tải lên các tệp mẫu .png của bạn.