Làm cách nào để xóa hình ảnh sản phẩm khỏi WooC Commerce?

WooC Commerce cho phép bạn thêm cả hình ảnh nổi bật [hình ảnh sản phẩm đơn lẻ] và hình thu nhỏ của sản phẩm [hình ảnh thư viện] được hiển thị bên dưới hình ảnh sản phẩm chính trên trang chi tiết sản phẩm của bạn

Nếu bạn đã thêm hình ảnh, bạn chỉ cần xóa chúng theo cách thủ công hoặc sử dụng mã PHP

Nếu bạn có nhiều trang sản phẩm và/hoặc hình thu nhỏ, bạn có thể tiết kiệm thời gian bằng cách sử dụng mã để xóa chúng thay vì thực hiện công việc theo cách thủ công

Có 2 cách sử dụng mã PHP để xóa hình ảnh khỏi trang chi tiết sản phẩm của bạn

1. Bạn có thể thêm một dòng mã vào chức năng chủ đề con của mình. php để xóa tất cả hình ảnh trên tất cả các trang
2. Hoặc bạn có thể thêm chức năng tùy chỉnh vào chức năng chủ đề con của mình. php để kiểm soát những trang mà hình ảnh bị xóa khỏi

1. Xóa tất cả hình ảnh trên tất cả các trang sản phẩm đơn lẻ

Thêm mã này vào chức năng chủ đề con của bạn. tập tin php

remove_action[ 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 ];

2. Xóa có điều kiện hình ảnh nổi bật của sản phẩm

Chỉ cần sao chép tất cả mã này từ liên kết xem thô và dán mã vào cuối các chức năng chủ đề con của bạn. tập tin php

Để kiểm soát những trang mà hình ảnh của bạn bị xóa, chỉ cần sửa đổi thẻ điều kiện Woo Commerce trong mã ở trên

1. Xóa tất cả hình ảnh thu nhỏ trên tất cả các trang sản phẩm đơn lẻ

Thêm mã này vào chức năng chủ đề con của bạn. tập tin php

remove_action[ 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 ];

2. Xóa có điều kiện Hình ảnh thư viện hình thu nhỏ của sản phẩm

Chỉ cần sao chép tất cả mã này từ liên kết xem thô và dán mã vào cuối các chức năng chủ đề con của bạn. tập tin php

Xóa hình ảnh sản phẩm chính và hiển thị hình thu nhỏ

Thao tác này sẽ xóa cả hình ảnh nổi bật chính trên tất cả các trang sản phẩm và chỉ hiển thị hình thu nhỏ

remove_action[ 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 ];

add_action[ 'woocommerce_before_single_product_summary', 'woocommerce_show_product_thumbnails', 20 ];

Bạn cũng có thể cần thay đổi kích thước hình thu nhỏ, vị trí, v.v. để lấp đầy khoảng trống

CSS-Remove Product Thumbnail Gallery Chỉ hình ảnh

Bạn cũng có thể thêm mã CSS vào phong cách chủ đề con của mình. css để chỉ xóa hình thu nhỏ và giữ cho hình ảnh chính được hiển thị

.single-product .thumbnails {
display: none;
}

CSS-Remove Sản phẩm Chỉ Hình ảnh Nổi bật Chính

Hoặc xóa hình ảnh sản phẩm chính

.single-product .woocommerce-main-image {
display: none;
}

Nếu bạn thấy biểu định kiểu plugin ghi đè lên mã CSS chủ đề của chúng tôi, bạn có thể phải thêm. quan trọng đối với tuyên bố

Ghi chú. Bạn có thể thấy tiêu đề sản phẩm và mô tả ngắn di chuyển sau khi xóa hình ảnh bằng mã PHP mà bạn có thể khắc phục bằng CSS

Plugin này sẽ tự động xóa hình ảnh được liên kết khi bạn xóa sản phẩm thương mại điện tử khỏi phần phụ trợ

Cài đặt

Cài đặt và kích hoạt

Câu hỏi thường gặp

Câu hỏi. Có ảnh hưởng gì đến các hình ảnh khác không?
Trả lời. Điều này sẽ chỉ làm cho hình ảnh liên kết sản phẩm trong thương mại điện tử.

Nhận xét

Cộng tác viên & Nhà phát triển

“Woocommerce Delete Product Images” là phần mềm mã nguồn mở. Những người sau đây đã đóng góp cho plugin này