Thẻ: woocommerce
-
Phóng to hình ảnh sản phẩm khi hover nhưng không thay đổi kích thước
Bạn muốn tạo hiệu ứng khi hover vào sản phẩm thì hình đại diện phóng to nhưng không thay đổi kích thước? Hãy sử dụng đoạn code CSS dưới đây: /* Zoom when hover product*/ .woocommerce ul.products li.product a { display: inline-block; overflow: hidden; } .woocommerce ul.products li.product a img { display: block; transition: .3s…
-
Hiển thị giá Sale trước giá thường Regular
Thông thường, Woocommerce hiển thị giá thường trước giá sale. Nếu bạn muốn hoán đổi lại, hiển thị giá sale trước giá thường Regular thì dùng đoạn code dưới đây: add_filter( ‘woocommerce_format_sale_price’, ‘invert_formatted_sale_price’, 10, 3 ); function invert_formatted_sale_price( $price, $regular_price, $sale_price ) { return ‘<ins>’ . ( is_numeric( $sale_price ) ? wc_price( $sale_price ) :…
-
Hiển thị phần trăm giảm giá trong WordPress và Woocommerce
Để hiển thị phần trăm giảm giá sản phẩm trong WordPress và Woocommerce, bạn sử dụng đoạn code sau: function woocommerce_custom_sale_savings() { global $product; if ( ! $product->is_on_sale() ) return; if ( $product->is_type( ‘simple’ ) ) { $max_percentage = ( ( $product->get_regular_price() – $product->get_sale_price() ) / $product->get_regular_price() ) * 100; } elseif ( $product->is_type( ‘variable’…