Sửa lỗi kích thước Album hình ảnh sản phẩm không bằng nhau

Cách 1: Sử dụng các hình ảnh có cùng tỷ lệ khung hình

Thông qua các phần mềm chỉnh sửa kích thước hình ảnh như: Adobe Photoshop…

Cách 2: Sử dụng CSS

Thêm đoạn CSS sau vào CSS bổ sung trên website của bạn:

.product-gallery-slider a {
	height: 460px;
	display: inline-block;
	overflow: hidden;
}

Hoặc:

.product-gallery-slider img {
	max-height: 460px;
	width: auto;
	margin: auto;
	display: block;
}

Ngoài ra, nếu bị lỗi hiển thị kích thước ảnh đại diện sản phẩm trên trang danh mục sản phẩm hoặc trang cửa hàng (shop), bạn có thể dùng thêm đoạn CSS sau:

.product-small.box .box-image img {
	max-height: 180px;
	width: auto;
	display: block;
}

Chúc các bạn thành công!

Chia sẻ:

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on email
Email
Vu Hoan dot Net

Bạn muốn xây dựng website theo cách bài bản & đạt được tỉ lệ chuyển đổi cao?

Xem cách tôi xây dựng website tại khóa học bên dưới. Ngay bây giờ nó hoàn toàn miễn phí!

5 thành phần cấu thành một website bán hàng

Hiểu rõ hơn về cấu trúc website bán hàng

BẠN ĐANG QUAN TÂM TỚI CHỦ ĐỀ NÀO?

BẠN ĐANG GẶP KHÚC MẮC VẤN ĐỀ NÀO?

BẠN MUỐN TÔI GỬI CÂU TRẢ LỜI TỚI ĐÂU?

Vu Hoan dot Net