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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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

Bạn có thể xác định các bảng màu khác nhau trong phần cài đặt chủ đề và áp dụng cho nhiều phần trên cửa hàng trực tuyến bằng công cụ chọn bảng màu. Bảng màu là một tập hợp các màu sắc. Chủ đề có một bộ bảng màu mặc định được áp dụng mà bạn có thể thay đổi bất kỳ lúc nào trong trình biên tập chủ đề. Bạn có thể thêm màu sắc thương hiệu để đảm bảo áp dụng đồng nhất bảng màu trên cửa hàng trực tuyến.

Các mẫu không có cài đặt màu riêng biệt nhằm đảm bảo thiết kế cửa hàng trực tuyến nhất quán trên toàn bộ trang web. Mẫu được coi là trang chính hoặc nội dung chính của cửa hàng. Việc dùng nhiều bảng màu khác nhau trên toàn cửa hàng có thể dẫn đến trải nghiệm người dùng kém và khiến khách hàng rời khỏi cửa hàng mà không mua sản phẩm.

Bạn có thể tạo và tùy chỉnh tối đa 21 bảng màu độc đáo rồi áp dụng cho các phần khác nhau trên toàn cửa hàng trực tuyến.

Bảng màu

Bảng màu là cài đặt chủ đề dùng để nhóm các thành phần và màu sắc tương ứng một cách trực quan. Bạn có thể gán màu khác nhau cho các thành phần trong một bảng màu gắn kết có thể áp dụng trên toàn bộ chủ đề ở nơi có công cụ chọn bảng màu. Bạn có thể có tối đa 21 bảng màu. Bạn cũng có thể xem trước cách hiển thị màu sắc trong phần xem trước của bảng màu.

Danh sách các cài đặt khác nhau có thể áp dụng cho bảng màu trong trình biên tập chủ đề.
Cài đặtMô tả
NềnMàu áp dụng cho nền của một số phần và nền của nút viền ngoài.
Gradient nềnMàu gradient được áp dụng cho nền của một số phần. Gradient nền sẽ thay thế hình nền nếu có thể.
Văn bảnMàu áp dụng cho văn bản của phần hoặc khối.
Nền nút màu đồng nhấtMàu áp dụng cho nền nút chính.
Nhãn nút màu đồng nhấtMàu áp dụng cho văn bản nút chính.
Nút viền ngoàiMàu áp dụng cho văn bản và đường viền của nút phụ.
BóngMàu áp dụng cho bóng.

Quản lý bảng màu

Tùy chọn màu sắc và bảng màu của cửa hàng được thiết lập trong phần cài đặt chủ đề. Đối với màu đồng nhất, hãy dùng công cụ chọn màu để chọn màu mới hoặc nhập giá trị màu vào trường văn bản. Trường màu chấp nhận các tên và giá trị màu sau:

  • Tên màu như red, black hoặc blue.
  • Mã màu RGB.
  • Giá trị màu hệ thập lục phân.

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

  1. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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.

Áp dụng bảng màu

Sau khi xác định bảng màu trong cài đặt chủ đề, bạn có thể gán bảng màu bằng công cụ chọn bảng màu ở các phần và khối của chủ đề. Công cụ chọn bảng màu chỉ dùng được ở một số phần, khối nhất định và cài đặt chủ đề chung.

Công cụ chọn bảng màu

Gradient

Bạn có thể thiết lập gradient màu ở một số chủ đề để tạo các tùy chọn nền đẹp mắt. Cài đặt color_background dùng để tùy chỉnh thuộc tính nền CSS.

Công cụ chọn gradient cho phép bạn chọn màu sắc, kiểu gradient, góc độ, vị trí và độ mờ của gradient. Các tùy chọn đã chọn trong công cụ chọn gradient sẽ được xem trước theo thời gian thực trong trình biên tập chủ đề. Bạn cũng có thể tạo nền gradient bằng mã CSS có bao gồm trình kiểm tra xác thực.

Thiết lập gradient

  1. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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ó muốn chỉnh sửa.

  5. Nhấp vào tùy chọn mẫu thử màu gradient, ví dụ như Gradient nền.

  6. Nếu bạn chưa thiết lập gradient trước đây, một số tùy chọn thiết lập sẵn sẽ hiển thị để bạn chọn. Chọn gradient thiết lập sẵn bất kỳ để mở bảng tùy chọn.

  7. Chọn tùy chọn gradient:

  • Chọn giữa gradient tuyến tính hoặc hướng tâm. Dùng các nút để chọn kiểu gradient ưu tiên.
  • Đặt góc cho gradient bằng mũi tên lên và xuống. Nhấp vào mũi tên lên hoặc xuống để tăng hoặc giảm 5% góc.
  • Dùng thanh trượt để chọn Vị trí của gradient hoặc nhập giá trị số vào trường.
  • Nhập mã hex màu cụ thể hoặc dùng thanh trượt màu để chọn tông màu. Các màu đã chọn gần đây sẽ hiển thị ở cuối bảng tùy chọn gradient.
  • Để làm cho gradient mờ đục, hãy dùng thanh trượt ở bên phải để chọn độ trong suốt của gradient. Bạn cũng có thể nhập tỷ lệ phần trăm vào trường cạnh mã màu hex.
  1. Nhấp vào Lưu.

Công cụ chọn gradient trong trình biên tập chủ đề

Dùng CSS để thiết lập gradient

Hầu hết các giá trị thuộc tính background của CSS đều có thể dùng để cài đặt màu nền. Bạn có thể sử dụng trường này cho màu đơn sắc (ví dụ: #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) và hsla(0, 0%, 0%, 1) đều tạo ra nền màu đen đơn sắc) hoặc cho dải màu (ví dụ: linear-gradient(red, green), radial-gradient(red, green) hoặc conic-gradient(red, green)). Bạn cũng có thể lặp lại dải màu.

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

  1. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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ó muốn chỉnh sửa.

  5. Nhấp vào dải màu bạn muốn chỉnh sửa.

  6. Nhấp vào mũi tên bên cạnh Dải màu, rồi chọn CSS.

  7. Trong trường Mã CSS, nhập hoặc dán mã dải màu. Bản xem trước của trình biên tập chủ đề sẽ hiển thị dải màu ở vị trí phù hợp.

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

Trường Mã CSS dải màu trong trình biên tập chủ đề

Xóa dải màu

  1. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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ó muốn chỉnh sửa.

  5. Nhấp vào dải màu bạn muốn xóa.

  6. Nhấp vào Xóa dải màu.

  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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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. Từ bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

  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 … hoặ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 ✓.