Thiết kế và cài đặt trong trình thiết kế

17 bài viết

Các tab Cài đặt của trình thiết kế là gì và dùng chúng thế nào? Tổng quan mọi tab Cài đặt của trình thiết kế: Thương hiệu, Màu sắc, Phông chữ, Bố cục, Hiệu ứng, Tự động hóa, Ô nhập liệu, Biểu tượng, Hạn chế, Thanh toán, Biểu mẫu thanh toán, Trang bảo trì, CSS tùy chỉnh và JavaScript tùy chỉnh, được đặt theo từng thị trường.
Làm sao để thêm favicon, ảnh nền và logo cho cửa hàng? Tab Thương hiệu của trình thiết kế: đặt favicon (biểu tượng trên tab trình duyệt) và ảnh nền trang với Kích thước (Phủ kín, Vừa khít) và Lặp lại. Nơi đặt logo ở đầu trang và chân trang, và nơi chỉnh màu sắc và phông chữ.
Bảng màu hoạt động thế nào và làm sao để thay đổi màu của cửa hàng? Tạo và chỉnh sửa bảng màu trong tab Màu sắc của trình thiết kế: nền, chữ, liên kết, huy hiệu, viền, đổ bóng, nút chính và nút phụ, ô nhập liệu. Tìm hiểu cách các mục chọn bảng màu, Dùng bảng màu của phần tử cha, giới hạn 9 bảng màu và vì sao sắp xếp lại làm đổi màu.
Làm sao để thay đổi phông chữ và độ đậm chữ của cửa hàng? Thay đổi phông chữ cửa hàng trong tab Phông chữ của trình thiết kế: phông Nội dung chính, Tiêu đề, Tiêu đề phụ và Nhấn, phông hệ thống và phông không phải của hệ thống, tìm kiếm phông, chữ Ả Rập và Độ đậm chữ (Bình thường, Vừa, Đậm).
Làm sao để thay đổi chiều rộng trang của cửa hàng? Đặt chiều rộng tối đa của trang trong tab Bố cục của trình thiết kế (900 đến 1400 px), cách nó hoạt động trên điện thoại và màn hình lớn, và cách các mục toàn chiều rộng trải từ mép này sang mép kia.
Làm sao để thêm hoặc tắt hiệu ứng khi cuộn và hiệu ứng phóng to ảnh trên cửa hàng? Dùng tab Hiệu ứng của trình thiết kế: Hiện khi cuộn (Không có, Mờ dần, Trượt lên, Trượt vào, Phóng to) để tạo chuyển động cho các mục khi khách cuộn trang, và Hiệu ứng phóng to ảnh để phóng to ảnh sản phẩm khi rê chuột. Vì sao hiệu ứng không hiện trong trình thiết kế.
Làm sao để video trên cửa hàng tự động phát? Bật Tự động phát video trong tab Tự động hóa của trình thiết kế để video bắt đầu phát khi khách cuộn đến. Áp dụng cho video bạn tải lên và video nhúng từ YouTube, Vimeo, TikTok, Dailymotion, vì sao video bị tắt tiếng và tạm dừng khi ra khỏi màn hình.
Làm sao để thay đổi kiểu của các trường biểu mẫu trên cửa hàng? Dùng tab Ô nhập liệu của trình thiết kế để tạo kiểu cho mọi trường biểu mẫu trên cửa hàng (thanh toán, liên hệ, bản tin, biểu mẫu đánh giá): Loại nhãn (Thu gọn hoặc Mở rộng), biểu tượng của trường (Không có, Mặc định, Nhãn) và Vị trí biểu tượng (Đầu hoặc Cuối).
Làm sao để biểu tượng trên cửa hàng đậm hơn? Dùng tab Biểu tượng của trình thiết kế để đặt Nét vẽ cho mọi biểu tượng trên cửa hàng, Mặc định hoặc Rất đậm: biểu tượng giỏ hàng và tìm kiếm ở đầu trang, mũi tên menu, biểu tượng trong trường biểu mẫu và biểu tượng trong các mục.
Làm sao để ngăn khách sao chép chữ, hình ảnh hoặc nhấp chuột phải trên cửa hàng? Dùng tab Hạn chế của trình thiết kế: chặn sao chép, chặn chọn chữ và hình ảnh, chặn menu chuột phải, chặn kiểm tra trang bằng công cụ dành cho nhà phát triển, và ngăn logo ở đầu trang dẫn về trang chủ. Những gì các biện pháp bảo vệ này làm được và không làm được.
Làm sao để chọn giữa Thêm vào giỏ hàng và Thanh toán nhanh? Dùng tab Thanh toán của trình thiết kế để đặt Phương thức thanh toán (Thêm vào giỏ hàng với giỏ hàng, hoặc Thanh toán nhanh ngay từ trang sản phẩm) và Phương thức phụ để thêm nút còn lại. Những gì thay đổi trên trang sản phẩm, thẻ sản phẩm, giỏ hàng và trang giỏ hàng.
Làm sao để thêm, ẩn, bắt buộc, đổi tên hoặc sắp xếp lại các trường trong biểu mẫu thanh toán? Chỉnh sửa tab Biểu mẫu thanh toán: mọi trường (tên, số điện thoại, email, địa chỉ, thành phố, tỉnh, mã bưu chính, ghi chú, vận chuyển, thanh toán, mã giảm giá), Đã tắt, Đã bật hoặc Bắt buộc, nhãn, văn bản gợi ý, danh sách chọn thành phố và tỉnh, khu vực giao hàng và thứ tự trường.
Làm sao để đưa cửa hàng vào chế độ bảo trì hoặc hiển thị trang "sắp ra mắt"? Bật chế độ bảo trì trong tab Trang bảo trì của trình thiết kế để ẩn cửa hàng sau một thông báo trong lúc bạn chuẩn bị. Đặt tiêu đề, nội dung và bảng màu, tìm hiểu cách nó hoạt động theo từng thị trường và cách mở lại cửa hàng.
Làm sao để tạo menu điều hướng và thêm vào đầu trang, chân trang? Tạo menu điều hướng với tối đa ba cấp liên kết (menu thả xuống và mega menu), liên kết đến sản phẩm, bộ sưu tập, trang và chính sách, rồi gắn menu vào đầu trang hoặc chân trang của cửa hàng trong trình thiết kế.
Tôi có thể thêm mã tùy chỉnh, script hoặc thẻ meta vào cửa hàng không (HTML, CSS, JavaScript, phần head)? Nơi bạn có thể thêm HTML, CSS và JavaScript của riêng mình trong trình thiết kế (mục Mã tùy chỉnh, CSS tùy chỉnh, JavaScript tùy chỉnh), vì sao không thể dán mã vào phần head, và nên dùng ứng dụng nào để xác minh Google Search Console, Google Tag Manager và pixel.
Làm sao để thêm CSS tùy chỉnh cho toàn bộ cửa hàng hoặc cho một mục? Thêm CSS của riêng bạn trong trình thiết kế: tab cài đặt CSS tùy chỉnh cho toàn bộ cửa hàng, và tab CSS tùy chỉnh của một mục chỉ tạo kiểu cho mục đó. Cách CSS của mục được giới hạn phạm vi, bộ chọn &, media query và mẹo khi CSS không hoạt động.
Làm sao để thêm JavaScript tùy chỉnh cho toàn bộ cửa hàng? Thêm JavaScript của riêng bạn vào mọi trang của cửa hàng bằng tab JavaScript tùy chỉnh của trình thiết kế. Khi nào mã chạy, vì sao nó không chạy lại ở mỗi trang, lỗi, và vì sao thẻ theo dõi và mã xác minh nên dùng ứng dụng thay thế.