Ở lần tải trang đầu tiên của trang /product (đối chiếu với local storage sẵn có của 1 trang product nhất định) thì chọn hiển thị một số ngẫu nhiên X trong khoảng từ A đến B.
Sau một khoảng thời gian Y ngẫu nhiên trong khoảng thời gian tính bằng giây từ C đến D thì chuyển sang hiển thị một số ngẫu nhiên X' khác, và số X' này thỏa mãn 2 điều kiện sau:
Điều kiện 1: vẫn nằm trong khoảng từ A đến B.
Điều kiện 2: không được lớn hơn hay nhỏ hơn 20% so với số đã hiển thị liền kề trước đó.
Với các lần tải lại trang tiếp theo, vẫn dựa theo lịch sử hiển thị trong local storage của trang product ấy để đáp ứng 2 điều kiện trên.
Vị trí hiển thị: trang /product, ở góc trên bên trái của hình sản phẩm. Canh lề trên bằng với logo của thương hiệu (tự động co giãn khi có nhiều số đếm. (hình minh họa 1). Link sản phẩm ví dụ: https://ula.vn/products/gu4863
Trường hợp sản phẩm có element hiển thị lên ở góc trên bên trái, thì vị trí hiển thị phải tự động xê dịch qua đúng tỷ lệ chừa lề như trên. (hình minh hoạ 2). Link sản phẩm ví dụ tình huống này: https://ula.vn/products/1110518-tchl
Menu xổ xuống giảm bớt 1/3 chiều cao tổng, và cho phép cuộn các tùy chọn khi vượt quá tổng chiều cao hiển thị.
Cụ thể như sau: Hiện tại menu Thương hiệu có 30 mục con, tuy nhiên chỉ hiển thị được 16 mục thì hết chỗ, nên mình cần thanh cuộn cho drop-down menu này để hiển thị được đầy đủ tất cả mục con.
1. Các set menu có khoảng cách như bên dưới (inspect CSS để lấy thông số)
2. Màu sắc, font, ... CSS menu như bên dưới (inspect CSS để lấu thông số)
3. Có nút Đăng ký, Đăng nhập, và Thoát
4. Mỗi dòng menu sẽ có 1 thiết kế icon riêng để minh họa cho nội dung của dòng menu ấy. Các file icon định dang .SVG được upload trực tiếp lên thư mục asset của theme.