Trang mật khẩu: Phần và khối

Trang mật khẩu hiển thị khi tính năng bảo vệ bằng mật khẩu được bật trên cửa hàng trực tuyến và khách hàng cố gắng truy cập trang web của bạn. Trang này có ba nhóm phần chính. Tiêu đề mật khẩu , mẫuchân trang mật khẩu . Mỗi người trong số họ chứa nhiều phần. Một phần có thể được thêm vào bằng các khối.

Bài viết này cung cấp cái nhìn tổng quan về tất cả các phần và khối trong trang Mật khẩu mặc định.

Trên trang này

  1. Tiêu đề mật khẩu
  2. Nhóm mẫu
  3. Chân trang mật khẩu

1. Tiêu đề mật khẩu

Tiêu đề của trang này chỉ chứa phần tiêu đề mật khẩu.

Các cài đặt cho phần Tiêu đề mật khẩu

Chỉnh sửa logo của bạn trong cài đặt chủ đề .

Cài đặt phần Cài đặt Sự miêu tả
Tiêu đề trong suốt

Thêm phần ở vị trí đầu tiên cho phép tiêu đề trong suốt như trình chiếu hoặc hình ảnh có lớp phủ văn bản.

Văn bản màu Màu văn bản.
Nút văn bản Màu văn bản của nút.
Nền nút Màu nền của nút.
Độ dốc nền Màu nền gradient.
Cửa sổ bật lên

Các cài đặt này kiểm soát cửa sổ bật lên.

Chữ Màu văn bản.
Lý lịch Màu nền.
Nút văn bản Màu văn bản của nút.
Nền nút Màu nền của nút.
Độ dốc nền của nút Độ dốc nền của nút.
Lớp phủ Màu lớp phủ.
Phần
Phần đệm trên cùng Xác định chiều cao của không gian bên trong trên cùng của phần. Có thể từ 0px đến 120px, tăng số học là 4px.
Phần đệm phía dưới Xác định chiều cao của không gian bên trong dưới cùng của phần. Có thể từ 0px đến 120px, tăng số học là 4px.
CSS tùy chỉnh Thêm CSS tùy chỉnh vào phần này.

Không có khối có thể được thêm vào phần này.

2. Nhóm mẫu

Mẫu của trang này mặc định chỉ chứa phần biểu ngữ đăng ký Email.

Bạn có thể thêm tối đa 30 phần nữa trong danh sách Thêm phần .

Các cài đặt cho phần banner đăng ký Email
Cài đặt phần Cài đặt Sự miêu tả
Biểu ngữ đăng ký email

Người đăng ký được tự động thêm vào danh sách khách hàng "tiếp thị được chấp nhận" của bạn. Tìm hiểu thêm .

Cho phép tiêu đề trong suốt Cho phép cho phép tiêu đề trong suốt.

Cài đặt này chỉ áp dụng khi phần này là phần đầu tiên.

Cho phép chân trang trong suốt Cho phép cho phép tiêu đề trong suốt.

Cài đặt này chỉ áp dụng khi phần này là phần cuối cùng.

Hình ảnh Chọn/Tải lên hình nền cho phần này.
Chiều cao máy tính để bàn Xác định chiều cao của hình ảnh khi xem trên máy tính để bàn:
  • Thích ứng với hình ảnh - Giữ nguyên tỷ lệ khung hình gốc của hình ảnh.
  • 400px - 400px.
  • 450px - 450px.
  • 500px - 500px.
  • 550px - 550px.
  • 600px - 600px.
  • 650px - 650px.
  • 700px - 700px.
  • 750px - 750px
  • Toàn màn hình
  • - Mở rộng hình ảnh để điều chỉnh chiều cao của trình duyệt cửa sổ.
Chiều rộng nội dung trên máy tính để bàn Xác định chiều rộng của hình ảnh khi xem trên máy tính để bàn:
  • Nhỏ
  • Trung bình
  • Lớn
Vị trí nội dung trên máy tính để bàn Đặt vị trí của nội dung trên màn hình:
  • Trên cùng bên trái
  • Giữa bên trái
  • Dưới cùng bên trái
  • Top Trung tâm
  • Giữa Trung tâm
  • Dưới cùng Trung tâm
  • Trên cùng
  • bên phải Giữa
  • bên phải
  • Dưới cùng bên phải
Căn chỉnh nội dung trên máy tính để bàn Đặt căn chỉnh nội dung trên màn hình:
  • Left
  • Center
  • Right
Bố cục di động
Hình ảnh trên thiết bị di động Chọn/Tải hình nền cho chuyên mục trên thiết bị di động.
Chiều cao di động Xác định chiều cao của hình ảnh khi xem trên thiết bị di động:
  • Tự động - Trình duyệt sẽ quyết định dựa trên giá trị trên màn hình.
  • 200px - 200px.
  • 250px - 250px.
  • 300px - 300px.
  • 400px - 400px.
  • 500px - 500px.
  • 600px - 600px.
  • Toàn màn hình
  • - Mở rộng hình ảnh theo chiều cao của cửa sổ trình duyệt.
Vị trí nội dung di động Đặt vị trí của nội dung trên trình duyệt di động:
  • Trên cùng bên trái
  • Giữa bên trái
  • Dưới cùng bên trái
  • Top Trung tâm
  • Giữa Trung tâm
  • Dưới cùng Trung tâm
  • Trên cùng
  • bên phải Giữa
  • bên phải
  • Dưới cùng bên phải
Căn chỉnh nội dung di động Đặt căn chỉnh nội dung trên trình duyệt di động:
  • Left
  • Center
  • Right
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Nút văn bản
  • Nền nút
  • Độ dốc nền của nút
  • Lớp phủ
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệm dưới từ 0px đến 120px, tăng số học là 4px.
Hiển thị phần chia Hiển thị một đường phân chia phía trên phần này..
Làm cho phần có chiều rộng đầy đủ Làm cho vùng chứa có chiều rộng đầy đủ.
Làm tròn phần Áp dụng một cạnh tròn cho hai góc trên cùng.
Kích hoạt hiệu ứng thị sai Bật để hiển thị hiệu ứng thị sai, tạo ảo giác về chiều sâu trong hình ảnh hoặc cảnh hai chiều.
CSS tùy chỉnh Thêm CSS tùy chỉnh vào phần này.

Các khối có sẵn:

  • 1.1 Tiêu đề
  • 1.2 Văn bản
  • 1.3 Nút
  • 1.4 Liên kết
  • 1.5 Hình ảnh
  • 1.6 Hình thức
  • 1.7 Biểu tượng truyền thông xã hội
  • 1.8 Khoảng trống
  • 1.9 Chất lỏng tùy chỉnh
1.1 Cài đặt cho khối Tiêu đề.
Chặn cài đặt Cài đặt Sự miêu tả
Phần mở đầu
Phần mở đầu Tiêu đề khối.
Kích thước tiêu đề Kích thước tiêu đề có thể được đặt thành một trong các tùy chọn sau: Nhỏ , Trung bình , Lớn hoặc Cực lớn .
Thẻ tiêu đề Chọn thẻ tiêu đề để cấu trúc và sắp xếp nội dung của bạn cho SEO.
Văn bản được đánh dấu

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần đặt nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

Văn bản được đánh dấu Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
Chữ viết nguệch ngoạc được đánh dấu

Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay.

Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2
1.2 Cài đặt cho khối Văn bản.
Chặn cài đặt Cài đặt Sự miêu tả
Chữ
Chữ Thêm văn bản của bạn.
Cỡ chữ Kích thước văn bản có thể được đặt thành một trong các tùy chọn sau:
  • Nhỏ
  • Trung bình
  • Lớn
  • Cực
  • lớn
  • Tùy chỉnh.
  • Tùy chọn tùy chỉnh cho phép bạn đặt kích thước văn bản thành bất kỳ giá trị nào bạn muốn, từ 12px đến 128px, tăng số học là 2px.

Phông chữ văn bản Chọn giữa 2 tùy chọn cho định dạng văn bản: Nội dung hoặc Tiêu đề .
Sử dụng màu phụ Kích hoạt màu thứ hai.
Văn bản được đánh dấu

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần đặt nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

Văn bản được đánh dấu Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
Chữ viết nguệch ngoạc được đánh dấu

Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay.

Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2
1.3 Cài đặt cho khối Nút.
Chặn cài đặt Cài đặt Sự miêu tả
Cái nút
Nhãn nút Văn bản hiển thị trên nút.
Liên kết nút URL của nút.
Kích thước nút Điều chỉnh kích thước của nút theo 3 tùy chọn: Nhỏ, Trung bình hoặc Lớn
Sử dụng kiểu nút phác thảo Sử dụng kiểu phác thảo cho nút.
1.4 Cài đặt cho khối Liên kết.
Chặn cài đặt Cài đặt Sự miêu tả
liên kết
Chữ Văn bản của liên kết được đặt ngay bên cạnh nút.
liên kết Thêm URL bạn muốn liên kết.
1.5 Cài đặt cho khối Hình ảnh.
Chặn cài đặt Cài đặt Sự miêu tả
Hình ảnh
Hình ảnh Chọn một hình ảnh cho khối.
Chiều rộng hình ảnh Chọn một trong hai tùy chọn chiều rộng hình ảnh:
  • Toàn bộ chiều rộng: Hình ảnh lấp đầy toàn bộ cửa sổ trình duyệt.
  • Phong tục:
    • Trên máy tính để bàn - Đặt chiều rộng hình ảnh từ 20px đến 1000px với gia số 10px.
    • Trên thiết bị di động - Đặt chiều rộng hình ảnh từ 20px đến 600px với gia số 10px.
1.6 Cài đặt cho khối Biểu mẫu.

Không có cài đặt tùy chỉnh có sẵn.

1.7 Cài đặt cho khối biểu tượng Phương tiện truyền thông xã hội.

Để hiển thị các tài khoản mạng xã hội của bạn, hãy liên kết chúng trong cài đặt chủ đề của bạn.

1.8 Cài đặt cho Khối không gian trống.
Chặn cài đặt Cài đặt Sự miêu tả
Không gian trống
Chiều cao máy tính để bàn Xác định chiều cao của khoảng trống khi xem trên màn hình. Có thể từ 0px đến 120px, tăng số học là 4px. Mặc định là 40px.
Chiều cao di động Xác định chiều cao của khoảng trống khi xem trên thiết bị di động. Có thể từ 0px đến 120px, tăng số học là 4px. Mặc định là 28px.
1.9 Cài đặt cho khối chất lỏng tùy chỉnh.

Bạn có thể thêm mã Liquid của riêng mình để tạo khối tùy chỉnh.

Phần chân trang của trang này chỉ chứa phần chân trang mật khẩu.

Các thiết lập cho phần chân trang Mật khẩu
Cài đặt phần Cài đặt Sự miêu tả
Chân trang trong suốt

Thêm một phần ở vị trí cuối cùng cho phép chân trang trong suốt như trình chiếu hoặc hình ảnh có lớp phủ văn bản.

Văn bản màu Màu văn bản.
Phần
Phần đệm trên cùng Xác định chiều cao của không gian bên trong trên cùng của phần. Có thể từ 0px đến 120px, tăng số học là 4px.
Phần đệm phía dưới Xác định chiều cao của không gian bên trong dưới cùng của phần. Có thể từ 0px đến 120px, tăng số học là 4px.
CSS tùy chỉnh Thêm CSS tùy chỉnh vào phần này.

Không có khối có thể được thêm vào phần này.

Chúng tôi hy vọng bài viết này hữu ích. Nếu bạn có bất kỳ câu hỏi hoặc thắc mắc nào về tính năng này, vui lòng liên hệ với nhóm của chúng tôi để được hỗ trợ.