[Học Woocommerce] Thay đổi kích thước ảnh sản phẩm

[Học Woocommerce] Thay đổi kích thước ảnh sản phẩm
4.2 (6 votes)

Thay đổi kích thước ảnh sản phẩm trong Woocommerce là bạn có thể tùy ý chỉnh ảnh sản phẩm của mình to hơn hoặc nhỏ hơn bởi kích thước ảnh mặc định của Woocommerce có thể không như ý bạn muốn.

Để thay đổi kích thước ảnh sản phẩm trong Woocommerce, bạn truy cập vào Woocommerce -> Cài đặt -> Sản phẩm -> Hiển thị và tìm đến mục Hình sản phẩm.

Thay đổi kích thước ảnh sản phẩm trong Woocommerce

Ảnh Catalog

Đây là nơi thiết lập kích thước hình ảnh sẽ hiển thị tại trang chi tiết sản phẩm. Kích thước mặc định là 300 x 300

Thay đổi kích thước ảnh sản phẩm trong Woocommerce

Ảnh sản phẩm đơn lẻ

Khi bạn click vào một sản phẩm, ảnh sản phẩm đơn lẻ sẽ hiển thị bên trái và lớn hơn.

Thay đổi kích thước ảnh sản phẩm trong Woocommerce

Hình thu nhỏ sản phẩm

Nếu bạn thiết lập thư viện ảnh sản phẩm thì hình ảnh trong thư viện sẽ hiển thị theo hình thu nhỏ nằm phía dưới ảnh sản phẩm đơn lẻ.

Thay đổi kích thước ảnh sản phẩm trong Woocommerce

Bây giờ tôi sẽ thay đổi kích thước ảnh để xem nó hiển thị thế nào nhé.

Thay đổi kích thước ảnh sản phẩm trong Woocommerce

Sau khi bạn thay đổi một vài giá trị kích thước ảnh, có thể ảnh sản phẩm hiển thị không được đẹp, không được nét hoặc là chưa có sự thay đổi. Để khắc phục vấn đề này bạn cần tái tạo lại kích thước hình ảnh tức là để WordPress tạo lại kích thước ảnh theo kích thước bạn vừa thiết lập.

Để tái tạo lại kích thước ảnh, bạn cài plugin Regenerate Thumbnails và truy cập vào Công cụ -> Regen. Thumbnails và nhấn Regenerate All Thumbnails để bắt đầu tái tạo kích thước ảnh.

Thay đổi kích thước ảnh sản phẩm trong Woocommerce

Sau khi nó chạy xong thì bạn ra website để xem kết quả nhé.

Trong bài viết này tôi đã hướng dẫn cách thay đổi kích thước ảnh sản phẩm trong Woocommerce.

About the Author Hưng Lê

VIP MEMBER Xin chào các bạn. Tôi là Hưng, tôi có niềm đam mê cháy bỏng với công việc kiếm tiền online và thế giới internet. Tôi khao khát học hỏi những kiến thức mỗi ngày và sẵn lòng chia sẻ những gì mà tôi biết. Xem thêm bài viết Theo dõi Hưng

Đăng ký nhận hướng dẫn về MMO chất nhất và sớm nhất từ acuong.com không nên bỏ qua!

Leave a Comment:

5 comments
Add Your Reply
Chia sẻ bài viết

Thích là nhích! Share luôn!

Facebook
Google+0