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!