Trợ giúp
Đăng nhập

Tùy chỉnh Cài đặt chủ đề

Bạn có thể tùy chỉnh các cài đặt tổng thể cho cửa hàng trực tuyến, chẳng hạn như kiểu chữ, màu sắc, liên kết mạng xã hội và trang giỏ hàng từ phần Cài đặt chủ đề trong menu thanh bên của trình biên tập chủ đề. Các thay đổi trong phần Cài đặt chủ đề sẽ áp dụng cho toàn bộ cửa hàng trực tuyến của bạn.

Các phần và khối cũng có những cài đặt riêng mà bạn có thể điều chỉnh để tùy chỉnh từng phần riêng biệt trong chủ đề. Tìm hiểu thêm về các phần và khối.

Trên trang này

Có thể thêm logo doanh nghiệp vào cửa hàng trực tuyến. Logo sẽ hiển thị ở những vị trí sau:

  • đầu trang trên tất cả các trang
  • trang mật khẩu

Tùy chỉnh logo

Hình ảnh logo có chiều rộng tối đa là 300 px.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Logo.

  5. Trong mục Logo, thêm hình ảnh hoặc sử dụng hình ảnh miễn phí:

    • Để thêm hình ảnh, hãy nhấp vào Chọn hình ảnh, sau đó thêm hình ảnh mới hoặc hình ảnh hiện có:
      • Để sử dụng hình ảnh đã tải lên bảng điều khiển quản trị Shopify, hãy chọn hình ảnh rồi nhấp vào Xong.
      • Để sử dụng hình ảnh từ máy tính cục bộ, hãy nhấp vào Thêm hình ảnh. Chọn và thêm hình ảnh, rồi nhấp vào Xong.
    • Để sử dụng hình ảnh miễn phí, hãy nhấp vào Khám phá hình ảnh miễn phí. Tìm hình ảnh, nhấp vào hình ảnh để chọn, rồi nhấp vào Chọn.

  6. Tùy chọn: Thêm văn bản thay thế vào hình ảnh logo:

    1. Trong mục Logo, nhấp vào Chỉnh sửa.
    2. Trong trường Văn bản thay thế, nhập mô tả ngắn gọn về hình ảnh.
    3. Nhấp vào Lưu.

  7. Tùy chọn: Trong mục Chiều rộng logo trên máy tính để bàn, hãy sử dụng thanh trượt phạm vi để điều chỉnh chiều rộng điểm ảnh của logo.

  8. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Logo.

  7. Trong mục Logo, thêm hình ảnh hoặc sử dụng hình ảnh miễn phí:

    • Để thêm hình ảnh, chạm vào Chọn hình ảnh, sau đó thêm hình ảnh mới hoặc hình ảnh hiện có:
      • Để sử dụng hình ảnh đã tải lên bảng điều khiển quản trị Shopify, hãy chọn hình ảnh rồi chạm vào Xong.
      • Để sử dụng hình ảnh từ thiết bị cục bộ, hãy chạm vào Thêm hình ảnh. Chọn và thêm hình ảnh từ thiết bị cục bộ, chạm vào hình ảnh để chọn, rồi chạm vào Xong.
    • Để sử dụng hình ảnh miễn phí, hãy chạm vào Khám phá hình ảnh miễn phí. Tìm hình ảnh, chạm vào hình ảnh để chọn, rồi chạm vào Xong.

  8. Tùy chọn: Thêm văn bản thay thế vào hình ảnh logo:

    1. Trong mục Logo, chạm vào Chỉnh sửa.
    2. Trong trường Văn bản thay thế, nhập mô tả ngắn gọn về hình ảnh.
    3. Chạm vào Lưu hoặc ✓.

  9. Tùy chọn: Trong mục Chiều rộng logo trên máy tính để bàn, hãy sử dụng thanh trượt phạm vi để điều chỉnh chiều rộng điểm ảnh của logo.

  10. Chạm vào Lưu hoặc ✓.

Thêm biểu tượng trang web

Có thể thêm biểu tượng yêu thích hoặc biểu tượng trang web (favicon) để giúp xây dựng thương hiệu cho cửa hàng trực tuyến. Biểu tượng trang web hiển thị ở những vị trí sau:

  • tab trình duyệt web
  • lịch sử trình duyệt web
  • biểu tượng trên màn hình máy tính để bàn
  • bên cạnh tên cửa hàng trực tuyến khi trang web được đánh dấu trang

Tìm hiểu thêm về biểu tượng trang web.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn thêm biểu tượng trang web, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Tùy thuộc vào phiên bản chủ đề, hãy nhấp vào Logo hoặc Biểu tượng trang web.

  5. Trong phần Hình ảnh biểu tượng trang web, nhấp vào Chọn hình ảnh, sau đó thêm hình ảnh mới hoặc hình ảnh hiện có:

    • Để chọn hình ảnh đã tải lên bảng điều khiển quản trị Shopify, có thể tìm kiếm hoặc tìm hình ảnh, sau đó chọn bằng hộp kiểm.
    • Để chọn hình ảnh từ máy tính cục bộ, hãy nhấp vào Thêm hình ảnh, mở hình ảnh từ máy tính cục bộ rồi chọn bằng hộp kiểm.

  6. Nhấp vào Xong.

  7. Tùy chọn: Thêm văn bản thay thế vào hình ảnh biểu tượng trang web:

    1. Trong phần Hình ảnh biểu tượng trang web, nhấp vào Chỉnh sửa.
    2. Trong trường Văn bản thay thế, nhập mô tả ngắn gọn về hình ảnh.
    3. Nhấp vào Lưu.

  8. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn thêm biểu tượng trang web, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Tùy thuộc vào phiên bản chủ đề, hãy chạm vào Logo hoặc Biểu tượng trang web.

  7. Trong phần Hình ảnh biểu tượng trang web, chạm vào Chọn hình ảnh, rồi thêm hình ảnh mới hoặc hình ảnh hiện có:

    • Để chọn hình ảnh đã tải lên bảng điều khiển quản trị Shopify, có thể tìm kiếm hoặc tìm hình ảnh, sau đó chọn bằng hộp kiểm.
    • Để chọn hình ảnh từ thiết bị, chạm vào Thêm hình ảnh, mở hình ảnh từ thiết bị, sau đó chọn hình ảnh đó bằng hộp kiểm.

  8. Chạm vào Xong.

  9. Thêm văn bản thay thế vào hình ảnh biểu tượng trang web:

    1. Trong phần Hình ảnh biểu tượng trang web, chạm vào Chỉnh sửa.
    2. Trong trường Văn bản thay thế, nhập mô tả ngắn gọn về hình ảnh.
    3. Chạm vào Lưu hoặc ✓.

  10. Chạm vào Lưu hoặc ✓.

Màu sắc

Cài đặt màu sắc của chủ đề kiểm soát những màu được dùng trên toàn bộ cửa hàng trực tuyến. Bạn có thể định cấu hình màu sắc tổng thể của chủ đề trong phần Màu sắc của cài đặt chủ đề. Tùy thuộc vào chủ đề, màu sắc sẽ được quản lý qua một trong các hệ thống màu sau: ​

  • Bảng màu có trong các chủ đề mới hơn như Horizon 4.0.0 trở lên. Bảng màu là bộ màu sắc thương hiệu có tên, áp dụng cho toàn bộ chủ đề. Các phần và khối có thể có trường nhập màu, qua đó bạn có thể ghi đè màu trong bảng màu bằng màu tùy chỉnh hoặc đổi màu đã chỉ định.
  • Phối màu có trong hầu hết chủ đề, ví dụ như tất cả chủ đề miễn phí của Shopify trước khi phát hành Horizon 4.0.0. Phối màu là nhóm các màu khác nhau như nền, văn bản và nút để áp dụng cho các phần khác nhau trong toàn bộ cửa hàng trực tuyến. Bạn có thể tạo nhiều phối màu trong cài đặt chủ đề.

Quản lý bảng màu

Bảng màu là cách nhanh chóng để sử dụng lại màu trên nhiều cài đặt trong trình biên tập chủ đề. Khi đổi màu từ bảng màu, mọi cài đặt dùng màu đó sẽ tự động cập nhật sang màu mới. Nhờ đó, bạn không cần nhớ mã hex khi muốn dùng một màu nhiều lần.

Bảng màu trong trình biên tập chủ đề

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Bên cạnh chủ đề muốn chỉnh sửa, nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề, rồi nhấp vào Màu sắc.

  4. Trong phần Màu sắc, nhấp vào + để chọn màu cần thêm vào bảng màu.

  5. Không bắt buộc: Để xóa màu không còn cần thiết khỏi bảng màu:

    1. Nhấp vào màu đó, rồi nhấp vào Xóa màu.
    2. Chọn màu thay thế cho màu đã xóa ở bất kỳ nơi nào màu đó được dùng trong chủ đề.
    3. Nhấp vào Xác nhận.

  6. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào Menu, rồi chạm vào Cài đặt Cài đặt.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Màu sắc.

  7. Trong phần Màu sắc, chạm vào + để chọn màu cần thêm vào bảng màu.

  8. Không bắt buộc: Để xóa màu không còn cần thiết khỏi bảng màu:

    1. Chạm vào màu đó, rồi chạm vào Xóa màu.
    2. Chọn màu thay thế cho màu đã xóa ở bất kỳ nơi nào màu đó được dùng trong chủ đề.
    3. Chạm vào Xác nhận.

  9. Chạm vào Lưu hoặc ✓.

Quản lý phối màu

Bạn có thể tạo phối màu mới, xóa phối màu hoặc quản lý màu sắc trong phối màu ở phần cài đặt chủ đề. Bạn có thể có tối đa 21 phối màu trong trình biên tập chủ đề.

Các bước thực hiện:

  1. From your Shopify admin, go to Online Store.

  2. Nhấp vào Chỉnh sửa chủ đề bên cạnh chủ đề muốn tùy chỉnh.

  3. Nhấp vào biểu tượng cài đặt, sau đó nhấp vào Màu sắc.

  4. Trong phần Bảng màu, nhấp vào một bảng màu hiện có hoặc nhấp vào Thêm bảng màu để thêm bảng màu mới.

  5. Nhấp vào mẫu thử màu của loại nội dung muốn đổi màu.

  6. Để đặt màu, hãy nhập mã hex màu hoặc chọn màu từ công cụ chọn màu. Để đặt màu trong suốt, hãy xóa mã hex khỏi trường văn bản.

  7. Nhấp vào Lưu.

Kiểu chữ

Bạn có thể cài đặt kiểu và kích thước phông chữ cho văn bản trên cửa hàng trực tuyến. Bạn có thể chọn phông chữ hệ thống hoặc thêm phông chữ tùy chỉnh. Các phông chữ có sẵn trong chủ đề phụ thuộc vào nhà phát triển chủ đề. Tất cả chủ đề Shopify miễn phí đều sử dụng phông chữ từ thư viện phông chữ của Shopify.

Cân nhắc sử dụng phông chữ hệ thống trên cửa hàng, vì phông chữ hệ thống đã được cài đặt sẵn trên máy tính của người dùng. Việc sử dụng phông chữ hệ thống giúp tránh tải phông chữ mới xuống máy tính của khách hàng, điều này có thể tác động tiêu cực đến tốc độ tải của cửa hàng. Phông chữ hiển thị trên máy tính của khách hàng phụ thuộc vào hệ điều hành của họ.

Tùy chỉnh loại phông chữ

Tham khảo thư viện phông chữ của Shopify để biết danh sách các phông chữ hiện có.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Kiểu chữ.

  5. Để thay đổi loại phông chữ cho tiêu đề hoặc văn bản nội dung của cửa hàng, nhấp vào Thay đổi trong phần Tiêu đề hoặc Nội dung.

  6. Nhấp vào tên phông chữ bạn muốn sử dụng, rồi nhấp vào Chọn.

  7. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Kiểu chữ.

  7. Để thay đổi loại phông chữ cho tiêu đề hoặc văn bản nội dung của cửa hàng, chạm vào Thay đổi trong phần Tiêu đề hoặc Nội dung.

  8. Chạm vào tên phông chữ bạn muốn sử dụng, rồi chạm vào Xong.

  9. Chạm vào Lưu hoặc ✓.

Tùy chỉnh kích thước phông chữ

Bạn có thể cài đặt kích thước phông chữ mặc định cho tiêu đề và văn bản nội dung thông qua cài đặt chủ đề Kiểu chữ.

Kích thước phông chữ tối thiểu là 100% và tối đa là 150%. Mỗi mức trên thang đo sẽ tăng kích thước phông chữ thêm 5%. Cài đặt mặc định là 100%.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Kiểu chữ.

  5. Để thay đổi kích thước phông chữ mặc định cho văn bản Tiêu đề, hãy sử dụng thanh trượt phạm vi Thang đo kích thước phông chữ để chọn kích thước phông chữ mặc định.

  6. Để thay đổi kích thước phông chữ mặc định cho văn bản Nội dung, hãy sử dụng thanh trượt phạm vi Thang đo kích thước phông chữ để chọn kích thước phông chữ mặc định.

  7. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Kiểu chữ.

  7. Để thay đổi kích thước phông chữ mặc định cho văn bản Tiêu đề, hãy sử dụng thanh trượt phạm vi Thang đo kích thước phông chữ để chọn kích thước phông chữ mặc định.

  8. Để thay đổi kích thước phông chữ mặc định cho văn bản Nội dung, hãy sử dụng thanh trượt phạm vi Thang đo kích thước phông chữ để chọn kích thước phông chữ mặc định.

  9. Chạm vào Lưu hoặc ✓.

Bố cục

Bạn có thể cài đặt chiều rộng tối đa mà cửa hàng trực tuyến hiển thị, cũng như cài đặt khoảng cách dọc và ngang giữa các phần.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Bố cục.

  5. Sử dụng thanh trượt phạm vi Chiều rộng trang để chọn chiều rộng trang trong khoảng từ 1000 px đến 1600 px. Cài đặt mặc định là 1600 px.

  6. Tùy chọn: Sử dụng thanh trượt phạm vi để thêm khoảng cách dọc cho Khoảng cách giữa các phần của mẫu trên trang. Bạn có thể thêm tối đa 100 px khoảng trống giữa các phần.

  7. Tùy chọn: Nếu bạn dùng bố cục Lưới, hãy sử dụng các thanh trượt phạm vi Khoảng cách ngang và Khoảng cách dọc để thêm khoảng cách giữa các nội dung lưới trên trang. Việc thêm khoảng cách ngang sẽ tăng thêm tối đa 40 px khoảng trống cho các hàng nội dung trên trang, trong khi thêm khoảng cách dọc sẽ tăng thêm tối đa 40 px khoảng trống cho các cột nội dung trên trang.

  8. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Bố cục.

  7. Sử dụng thanh trượt phạm vi Chiều rộng trang để chọn chiều rộng trang trong khoảng từ 1000 px đến 1600 px. Cài đặt mặc định là 1600 px.

  8. Tùy chọn: Sử dụng thanh trượt phạm vi để thêm khoảng cách dọc cho Khoảng cách giữa các phần của mẫu trên trang. Bạn có thể thêm tối đa 100 px khoảng trống giữa các phần.

  9. Tùy chọn: Nếu bạn dùng bố cục Lưới, hãy sử dụng các thanh trượt phạm vi Khoảng cách ngang và Khoảng cách dọc để thêm khoảng cách giữa các nội dung lưới trên trang. Việc thêm khoảng cách ngang sẽ tăng thêm tối đa 40 px khoảng trống cho các hàng nội dung trên trang, trong khi thêm khoảng cách dọc sẽ tăng thêm tối đa 40 px khoảng trống cho các cột nội dung trên trang.

  10. Chạm vào Lưu hoặc ✓.

Hiệu ứng động

Hiệu ứng động cho phép bạn thêm chuyển động và điểm nhấn trực quan cho cửa hàng trực tuyến. Bạn có thể kích hoạt hiệu ứng động mờ dần để hiển thị các phần của cửa hàng khi cuộn, cũng như hiệu ứng di chuột cho các thẻ và nút.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Hiệu ứng động.

  5. Tùy chọn: Để kích hoạt hiệu ứng động giúp hiển thị các phần của cửa hàng trực tuyến khi cuộn, chọn Hiển thị các phần khi cuộn.

  6. Tùy chọn: Để thêm hiệu ứng động di chuột cho các thẻ và nút, chọn một trong các tùy chọn sau từ cài đặt Hiệu ứng di chuột:

    • Nâng lên theo chiều dọc: Khi khách hàng di chuột qua một thẻ hoặc nút, phần tử đó sẽ dịch chuyển lên trên.
    • Nâng 3D: Khi khách hàng di chuột qua một thẻ hoặc nút, phần tử đó sẽ dịch chuyển về phía trước, tạo ra hiệu ứng 3D. Hiệu ứng này cũng đi kèm một vệt sáng nhẹ lướt qua phần tử, tạo thêm chiều sâu không gian.

  7. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Hiệu ứng động.

  7. Tùy chọn: Để kích hoạt hiệu ứng động giúp hiển thị các phần của cửa hàng trực tuyến khi cuộn, chọn Hiển thị các phần khi cuộn.

  8. Tùy chọn: Để thêm hiệu ứng động di chuột cho các thẻ và nút, chọn một trong các tùy chọn sau từ cài đặt Hiệu ứng di chuột:

    • Nâng lên theo chiều dọc: Khi khách hàng di chuột qua một thẻ hoặc nút, phần tử đó sẽ dịch chuyển lên trên.
    • Nâng 3D: Khi khách hàng di chuột qua một thẻ hoặc nút, phần tử đó sẽ dịch chuyển về phía trước, tạo ra hiệu ứng 3D. Hiệu ứng này cũng đi kèm một vệt sáng nhẹ lướt qua phần tử, tạo thêm chiều sâu không gian.

  9. Chạm vào Lưu hoặc ✓.

Cài đặt tùy chỉnh phần tử trực quan

Bạn có thể điều chỉnh giao diện của các phần tử trong chủ đề, chẳng hạn như nút, thẻ sản phẩm và mẫu mã từ trang Cài đặt chủ đề. Mỗi tùy chọn chứa các cài đặt liên quan cho phần tử đó.

Bạn có thể điều chỉnh cài đặt cho các phần tử sau của chủ đề:

  • Nút: Các nút bao gồm nút lời kêu gọi hành động trong những phần như bản trình chiếu hoặc hình ảnh kèm văn bản, cũng như các nút trong biểu mẫu liên hệ, trên trang sản phẩm và trang giỏ hàng.
  • Nút chọn mẫu mã: Nút chọn mẫu mã cho phép bạn hiển thị các mẫu mã của sản phẩm trên trang sản phẩm hoặc phần sản phẩm nổi bật. Khách hàng có thể chọn mẫu mã mong muốn để thêm sản phẩm vào giỏ hàng mà không cần chuyển sang trang sản phẩm khác. Bạn có thể tùy chỉnh cách các nút chọn mẫu mã này hiển thị trên cửa hàng trực tuyến.
  • Trường nhập: Trường nhập là các khu vực tương tác yêu cầu khách hàng nhập thông tin, ví dụ: công cụ chọn số lượng, biểu mẫu đăng ký email hoặc ghi chú giỏ hàng. Bạn có thể điều chỉnh giao diện của các trường nhập trên cửa hàng trực tuyến.
  • Cài đặt dành cho thẻ sản phẩm, thẻ bộ sưu tập và thẻ blog cho phép bạn tùy chỉnh kiểu của từng loại thẻ khi chúng hiển thị trong các phần trên trang.
    • Thẻ sản phẩm: Thẻ sản phẩm hiển thị thông tin về sản phẩm trong các khu vực liệt kê nhiều sản phẩm của chủ đề, chẳng hạn như mẫu bộ sưu tập, phần bộ sưu tập và kết quả tìm kiếm.
    • Thẻ bộ sưu tập: Thẻ bộ sưu tập hiển thị thông tin về các bộ sưu tập trong khu vực liệt kê bộ sưu tập của chủ đề, chẳng hạn như phần hoặc mẫu danh sách bộ sưu tập.
    • Thẻ blog: Thẻ blog hiển thị thông tin về các bài đăng trên blog trong khu vực liệt kê nhiều sản phẩm của chủ đề, chẳng hạn như mẫu blog, phần blog và kết quả tìm kiếm.
  • Vùng chứa nội dung: Vùng chứa được dùng cho thành phần văn bản của phần nội dung, ví dụ: hộp văn bản trên bản trình chiếu, trên biểu ngữ hình ảnh hoặc trong các cột của phần nhiều cột. Có thể tùy chỉnh giao diện vùng chứa nội dung cho cửa hàng trực tuyến.
  • Phương tiện truyền thông: Phương tiện truyền thông là thành phần trực quan của các phần, ví dụ: phương tiện truyền thông của sản phẩm hoặc hình ảnh trong phần Hình ảnh kèm văn bản. Có thể thêm viền và bóng cho phương tiện truyền thông.
  • Menu thả xuống và cửa sổ bật lên: Có thể điều chỉnh giao diện của menu thả xuống, hộp tương tác bật lên và cửa sổ giỏ hàng bật lên trên cửa hàng trực tuyến.
  • Ngăn: Ngăn là vùng chứa tương tác bị ẩn, hiển thị khi chạm hoặc nhấp, chẳng hạn như menu có thể thu gọn hoặc tùy chọn bộ lọc bộ sưu tập. Có thể tùy chỉnh viền và bóng của ngăn trên cửa hàng trực tuyến.
  • Huy hiệu: Huy hiệu Giảm giá và Hết hàng được tự động thêm vào hình ảnh sản phẩm khi giảm giá hoặc khi số lượng hàng tồn kho bằng 0. Có thể điều chỉnh riêng vị trí, hình dáng và màu sắc của huy hiệu Giảm giá và Hết hàng trong cài đặt chủ đề. Huy hiệu Trang và Blog hiển thị trong kết quả tìm kiếm phù hợp. Có thể tùy chỉnh vị trí và hình dáng, nhưng không thể thay đổi màu sắc của huy hiệu Trang và Blog.
  • Thông tin thương hiệu: Có thể thêm thông tin về thương hiệu vào cửa hàng trực tuyến. Sau khi hoàn thành các bước sau, có thể thêm khối Thông tin thương hiệu vào chân trang của cửa hàng trực tuyến.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Nhấp vào Chỉnh sửa chủ đề bên cạnh chủ đề muốn chỉnh sửa.

  3. Nhấp vào biểu tượng cài đặt.

  4. Nhấp vào một thành phần để mở cài đặt.

  5. Điều chỉnh mọi cài đặt có sẵn. Có thể xem lại thay đổi bằng cách đi tới các khu vực khác nhau của chủ đề trong cửa sổ xem trước.

  6. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Chỉnh sửa chủ đề bên cạnh chủ đề muốn chỉnh sửa.

  4. Chạm vào biểu tượng cài đặt.

  5. Chạm vào một thành phần để mở cài đặt.

  6. Điều chỉnh mọi cài đặt có sẵn. Có thể xem lại thay đổi bằng cách đi tới các khu vực khác nhau của chủ đề trong cửa sổ xem trước.

  7. Chạm vào Lưu hoặc ✓.

Mạng xã hội

Có thể thêm liên kết đến tài khoản mạng xã hội hiển thị ở chân trang cửa hàng trực tuyến.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Mạng xã hội.

  5. Để thêm liên kết đến tài khoản mạng xã hội, hãy nhập địa chỉ trang web của tài khoản vào các trường Tài khoản mạng xã hội tương ứng. Cần nhập liên kết đầy đủ, chẳng hạn như https://instagram.com/shopify hoặc https://tiktok.com/@shopify.

  6. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Mạng xã hội.

  7. Để thêm liên kết đến tài khoản mạng xã hội, hãy nhập địa chỉ trang web của tài khoản vào các trường Tài khoản mạng xã hội tương ứng. Cần nhập liên kết đầy đủ, chẳng hạn như https://instagram.com/shopify hoặc https://tiktok.com/@shopify.

  8. Chạm vào Lưu hoặc ✓.

Hành vi tìm kiếm

Cửa hàng trực tuyến có tính năng tìm kiếm dự đoán, hiển thị đề xuất khi khách hàng bắt đầu nhập vào trường tìm kiếm. Đề xuất tìm kiếm giúp khách hàng trình bày rõ và lọc truy vấn tìm kiếm, đồng thời mang đến cách mới để khám phá cửa hàng trực tuyến. Đề xuất tìm kiếm cũng cho phép khách hàng duyệt xem nhanh các kết quả phù hợp mà không cần rời khỏi trang hiện tại để xem danh sách kết quả tìm kiếm riêng.

Để tìm hiểu thêm về cách hoạt động của đề xuất tìm kiếm, hãy tham khảo phần Tìm kiếm dự đoán.

Có thể tùy chỉnh cách đề xuất tìm kiếm hiển thị với khách hàng.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Hành vi tìm kiếm.

  5. Để kích hoạt hoặc hủy kích hoạt đề xuất tìm kiếm, hãy chọn hoặc bỏ chọn Bật đề xuất tìm kiếm.

  6. Không bắt buộc: Để hiển thị hoặc ẩn nhà cung cấp sản phẩm trong đề xuất tìm kiếm, hãy chọn hoặc bỏ chọn Hiển thị nhà cung cấp sản phẩm.

  7. Không bắt buộc: Để hiển thị hoặc ẩn giá sản phẩm trong đề xuất tìm kiếm, hãy chọn hoặc bỏ chọn Hiển thị giá sản phẩm.

  8. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Hành vi tìm kiếm.

  7. Để kích hoạt hoặc hủy kích hoạt đề xuất tìm kiếm, hãy chọn hoặc bỏ chọn Bật đề xuất tìm kiếm.

  8. Không bắt buộc: Để hiển thị hoặc ẩn nhà cung cấp sản phẩm trong đề xuất tìm kiếm, hãy chọn hoặc bỏ chọn Hiển thị nhà cung cấp sản phẩm.

  9. Không bắt buộc: Để hiển thị hoặc ẩn giá sản phẩm trong đề xuất tìm kiếm, hãy chọn hoặc bỏ chọn Hiển thị giá sản phẩm.

  10. Chạm vào Lưu hoặc ✓.

Định dạng tiền tệ

Có thể chọn hiển thị mã tiền tệ kèm theo giá trên sản phẩm.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Định dạng tiền tệ.

  5. Để hiển thị mã tiền tệ, hãy chọn Hiển thị mã tiền tệ.

  6. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Định dạng tiền tệ.

  7. Để hiển thị mã tiền tệ, hãy chọn Hiển thị mã tiền tệ.

  8. Chạm vào Lưu hoặc ✓.

Giỏ hàng

Có thể thay đổi kiểu giỏ hàng trên cửa hàng trực tuyến. Khi khách hàng thêm sản phẩm vào giỏ hàng, giỏ hàng có thể hiển thị dưới dạng ngăn, trang hoặc thông báo bật lên. Để giữ khách hàng ở lại trang sản phẩm, hãy dùng tùy chọn ngăn hoặc thông báo bật lên. Để đưa khách hàng đến trang giỏ hàng, hãy dùng tùy chọn trang. Khi giỏ hàng trống, có thể hiển thị bộ sưu tập nổi bật trong ngăn giỏ hàng.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Giỏ hàng.

  5. Dùng menu thả xuống Loại giỏ hàng để chọn kiểu giỏ hàng là Ngăn, Trang hoặc Thông báo bật lên.

  6. Không bắt buộc: Để hiển thị nhà cung cấp của các mặt hàng trong giỏ hàng, hãy chọn Hiển thị nhà cung cấp.

  7. Không bắt buộc: Để cung cấp cho khách hàng hộp văn bản giúp họ nhập yêu cầu đặc biệt hoặc thêm thông tin bổ sung cho đơn hàng, hãy chọn Bật ghi chú giỏ hàng.

  8. Không bắt buộc: Nếu chọn Loại giỏ hàng là Ngăn, có thể hiển thị bộ sưu tập trong ngăn giỏ hàng khi trống:

    1. Trong khu vực Ngăn giỏ hàng, nhấp vào Chọn bộ sưu tập.
    2. Nhấp vào tên bộ sưu tập muốn hiển thị, rồi nhấp vào Chọn.

  9. Không bắt buộc: Nếu chọn Loại giỏ hàng là Ngăn, có thể thay đổi cách phối màu của ngăn giỏ hàng bằng các bước sau:

    1. Trong khu vực Ngăn giỏ hàng > Phối màu, nhấp vào Thay đổi.
    2. Chọn cách phối màu muốn dùng cho ngăn giỏ hàng.

  10. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Giỏ hàng.

  7. Chọn Loại giỏ hàng từ tùy chọn Ngăn, Trang hoặc Thông báo bật lên.

  8. Không bắt buộc: Để hiển thị nhà cung cấp của các mặt hàng trong giỏ hàng, hãy chọn Hiển thị nhà cung cấp.

  9. Không bắt buộc: Để cung cấp cho khách hàng hộp văn bản giúp họ nhập yêu cầu đặc biệt hoặc thêm thông tin bổ sung cho đơn hàng, hãy chọn Bật ghi chú giỏ hàng.

  10. Không bắt buộc: Nếu chọn Loại giỏ hàng là Ngăn, có thể hiển thị bộ sưu tập trong ngăn giỏ hàng khi trống:

    1. Trong khu vực Ngăn giỏ hàng, chạm vào Chọn bộ sưu tập.
    2. Chạm vào tên bộ sưu tập muốn hiển thị, rồi chạm vào Xong.

  11. Không bắt buộc: Nếu chọn Loại giỏ hàng là Ngăn, có thể thay đổi cách phối màu của ngăn giỏ hàng bằng các bước sau:

    1. Trong khu vực Ngăn giỏ hàng > Phối màu, chạm vào Thay đổi.
    2. Chọn cách phối màu muốn dùng cho ngăn giỏ hàng, rồi chạm vào Xong.

  12. Chạm vào Lưu hoặc ✓.

CSS tùy chỉnh

Phần CSS tùy chỉnh cho phép nhập mã CSS riêng, ví dụ: để tùy chỉnh giao diện của các nút trên cửa hàng trực tuyến ngoài cài đặt mặc định có sẵn hoặc để áp dụng kiểu độc đáo cho các thành phần văn bản cụ thể.

CSS tùy chỉnh trong cài đặt chủ đề ảnh hưởng đến tất cả trang trên cửa hàng trực tuyến, ngoại trừ trang thanh toán.

Tìm hiểu thêm về Thêm CSS tùy chỉnh vào chủ đề.

Phong cách chủ đề

Phong cách chủ đề là bộ cài đặt do nhà thiết kế chủ đề lựa chọn. Bạn có thể áp dụng phong cách chủ đề cho cửa hàng để mang lại phong cách và trải nghiệm chỉn chu. Tất cả chủ đề đều được áp dụng mặc định một phong cách chủ đề. Các tùy chọn phong cách chủ đề khác sẽ tùy thuộc vào chủ đề đang sử dụng.

Khi tùy chỉnh chủ đề, bạn sẽ thay thế cài đặt phong cách chủ đề bằng cài đặt của riêng mình. Khi áp dụng phong cách chủ đề cho chủ đề, bạn sẽ thay đổi các cài đặt hiện tại như màu sắc và kiểu chữ.

Các bước thực hiện:

Máy tính để bàn

  1. From your Shopify admin, go to Online Store.

  2. Tìm chủ đề muốn chỉnh sửa, rồi nhấp vào Chỉnh sửa chủ đề.

  3. Nhấp vào biểu tượng Cài đặt chủ đề settings.

  4. Nhấp vào Phong cách chủ đề.

  5. Chọn phong cách chủ đề muốn sử dụng, sau đó nhấp vào Thay đổi phong cách.

  6. Nhấp vào Lưu.

Thiết bị di động

  1. Từ ứng dụng Shopify, chạm vào biểu tượng Menu.

  2. Trong phần Kênh bán hàng, chạm vào Cửa hàng trực tuyến.

  3. Chạm vào Quản lý tất cả chủ đề.

  4. Tìm chủ đề muốn chỉnh sửa, rồi chạm vào Chỉnh sửa chủ đề.

  5. Chạm vào Menu ngang hoặc Menu dọc, rồi chạm vào Cài đặt chủ đề.

  6. Chạm vào Phong cách chủ đề.

  7. Chọn phong cách chủ đề muốn sử dụng, sau đó chạm vào Xong.

  8. Chạm vào Lưu hoặc ✓.