Thêm ảnh sản phẩm tại trang thanh toán woocommerce

Thêm ảnh sản phẩm tại trang thanh toán woocommerce, mặc định trang thanh toán woocommerce wordpress chỉ có tên sản phẩm và số lượng sản phẩm, bây giờ mình thêm ảnh để khách dễ nhìn hơn nhé.

Ảnh chưa thêm

Ảnh sau khi thêm Code.

Bây giờ là hướng dẫn thêm ảnh vào trang thanh toán:

Bước 1: Vào function.php của theme đang sử dụng ( Giao diện -> chỉnh sửa -> function.php )

add_filter( 'woocommerce_cart_item_name', 'chowordpress_add_image_in_order_review', 10, 3 ); function chowordpress_add_image_in_order_review( $name, $cart_item, $cart_item_key ) { if ( ! is_checkout() ) return $name; $data = $cart_item['data']; $thumbnail = $data->get_image( array( '50', '50' ), array( 'class' => 'chowordpress-image-product-checkout' ) ); return $thumbnail . $name; }

Tiếp theo thêm đoạn css này vào style.css hoặc vào Giao diện -> tùy biến -> custom css

img.chowordpress-image-product-checkout { margin-right: 8px; }

Vậy là xong rồi nhé.

Bạn có thể quan tâm:

Hướng dẫn tăng các thông số PHP trong hosting CPanel

Hướng dẫn tăng các thông số PHP trong hosting với trình quản lý Cpanel. WordPress thường có upload theme và plugin bị quá thời gian phản hồi không thể upload, các plugin như elementor load lâu nên bị treo hay lỗi, hoặc các plugin hoặc khi cài dem..

(Khoảng 1 tháng trước)0

Sửa lỗi Gói lưu trữ không tương thích (Incompatible Archive)

Chào tất cả mọi người, ở phiên bản WordPress 6.4.3 nếu ae gặp lỗi khi upload theme hoặc plugin: Gói lưu trữ không tương thích (Incompatible Archive). Thì hãy giải nén ra rồi Zip lại file bên trong nhé là được nhé. Window thì zip bình thường bằng..

(Khoảng 1 năm trước)0

Xóa đường dẫn /product và /product-category Woocommerce

Mặc định khi cài WordPress và Woocommerce ngôn ngữ tiếng anh sẽ hiện đường dẫn product hoặc product-category, nhưng đường dẫn quá dài và bạn muốn bỏ hết danh mục đó đi chỉ để lại đường dẫn sản phẩm hoặc đường dẫn danh mục cho gọn. Để&nbsp..

(Khoảng 1 năm trước)0

Xóa bỏ đường dẫn /san-pham/ Trong Url Sản Phẩm Woocommerce

Đường dẫn hay còn gọi là Permalink trong WooCommerce sẽ mặc định thêm product-category (danh mục sản phẩm) và product (sản phẩm) – để phân biệt đường dẫn giữa danh mục sản phẩm và sản phẩm. Mặc định khi cài WooCommerce xong nếu là t..

(Khoảng 1 năm trước)0