Hướng dẫn ecommerce gallery bootstrap - thư viện thương mại điện tử bootstrap
Bootstrap 5 Plugin Gallery Gallery GalleryBộ sưu tập thương mại điện tử đáp ứng được xây dựng với Bootstrap mới nhất 5. Tùy chỉnh với hiệu ứng thu phóng, băng chuyền, các vị trí khác nhau, và nhiều hơn nữa.Lưu ý: Đọc tab API để tìm tất cả các tùy chọn có sẵn và tùy chỉnh nâng cao Read the API tab to find all available options and advanced customization Show
Ví dụ cơ bảnMột ví dụ cơ bản về một bộ sưu tập với trường hợp sử dụng phổ biến nhất với lưới bootstrap và kích hoạt trên di chuột. Để đảm bảo hiệu suất đúng của trang, nên bao gồm hình thu nhỏ của hình ảnh trong thuộc tính SRC. Sau đó, trong thuộc tính Kích hoạt trên chuột Kích hoạt trên chuột có thể được bật bằng cách thêm thuộc tính Hiệu ứng thu phóng Đặt Ví dụ băng chuyềnHình thu nhỏ cũng có thể được hiển thị dưới dạng nhiều băng chuyền. Yêu cầu thêm plugin băng chuyền nhiều mục cho các ví dụ sau để hoạt động. Băng chuyền thẳng đứng Bằng cách thêm lớp Vị trí khác nhauHình thu nhỏ ở trên cùngDễ dàng thêm một băng chuyền trước hình ảnh chính để xem hình thu nhỏ phía trên nó. Thumnails bên phảiThêm băng chuyền trong cột thứ hai để hiển thị hình thu nhỏ ở bên phải. Số hình thu nhỏ khác nhau2 hình thu nhỏĐặt 4 hình thu nhỏĐặt Kích thước hình ảnh khác nhauBăng chuyền ngangKích thước hình ảnh được tự động điều chỉnh theo chế độ xem. Băng chuyền thẳng đứng Bằng cách thêm lớp Vị trí khác nhauHình thu nhỏ ở trên cùng Dễ dàng thêm một băng chuyền trước hình ảnh chính để xem hình thu nhỏ phía trên nó.Thumnails bên phải Thêm băng chuyền trong cột thứ hai để hiển thị hình thu nhỏ ở bên phải. Read the API tab to find all available options and advanced customization Số hình thu nhỏ khác nhau2 hình thu nhỏ Đặt 4 hình thu nhỏ Đặt Hiệu ứng thu phóng Thêm thuộc tính Ví dụ băng chuyềnHình thu nhỏ cũng có thể được hiển thị dưới dạng nhiều băng chuyền. Yêu cầu thêm plugin băng chuyền nhiều mục và chuyển cho Băng chuyền thẳng đứng Bằng cách thêm thuộc tính Vị trí khác nhauThumnails ở trên cùngDễ dàng thêm một băng chuyền trước hình ảnh chính để xem hình thu nhỏ phía trên nó. Thumnails bên phảiThêm băng chuyền trong cột thứ hai để hiển thị hình thu nhỏ ở bên phải. Số hình thu nhỏ khác nhau2 hình thu nhỏ Đặt 4 hình thu nhỏĐặt Kích thước hình ảnh khác nhauBăng chuyền ngangKích thước hình ảnh được tự động điều chỉnh theo chế độ xem. Băng chuyền thẳng đứngTrong một băng chuyền thẳng đứng, nó cũng hoạt động. Kích thước hình ảnh bằng nhau Một ví dụ cơ bản về một bộ sưu tập với hình ảnh có kích thước bằng nhau trong đó thuộc tính |