Bài Phản Hồi Mới Tiêu Đề Mới Tiêu Đề Được Phản Hồi Nhiều Tiêu Đề Top

Share Những đoạn code tùy biến hay 2020 Wordpress

Congvt6

Top Bền Vững
Thành viên BQT
Quản Trị Cấp Cao
Thành Viên Kiểm Duyệt
Hỗ Trợ
Bài viết
305
Reaction score
181
Điểm
43
Giá trị
$9,073
Woocommerce Plugin ra đời ngay sau khi WordPress bắt đầu càn quét thế giới Thiết kế web. Wooplugin hỗ trợ web bán hàng online hiệu quả nhất hiện nay, theo số liệu mới nhất 4/2019 thì hiện có trên 4 triệu website sử dụng Woocommerce – Một con số khổng lồ thể hiện vị thế gần như tuyệt đối của Woo.

Woocommerce miễn phí và đơn giản nhất cho ai cũng có thể sử dụng, do vậy nó sẽ có rất nhiều tính năng thừa cũng như những thiết kế không vừa ý nhiều người. Để tùy biến Woo theo mong muốn bạn cần biết code! nhưng đôi khi, bạn chỉ cần copypaste cũng có thể tùy biến được một số tùy chỉnh sau:

Cách tùy chỉnh function.php WordPress
Tùy chỉnh function.php trong WordPress khá đơn giản, bạn chỉ việc tìm file function.php của theme đang sử dụng và thêm code vào đó. Khuyến cáo: Nên sử dụng Child theme để tinh chỉnh nhé.

Bạn vào WP Admin -> Giao diện -> Sửa (giao diện) và tìm file function.php. Tùy WP theme sẽ có các vị trí file function khác nhau. Thêm code tùy chỉnh vào sau thẻ <?php, nên để dưới cuối cùng của file.

Những đoạn code tùy biến hay 2020 Wordpress


Những đoạn code tùy biến cho Woo
Để tùy biến Woocommerce cần thêm code vào file function.php như hướng dẫn trên. Những đoạn code dưới mình đã và đang dùng 100% hoạt động ổn định, đa số lượm nhặt từ nhiều nguồn, có đoạn tự chém.

Trước khi tùy biến, xin lưu ý: “backup web hoặc làm demo trên local host, ít nhất cũng lưu lại file function.php nguyên bản đã nhé. Đừng dại mà ném toẹt code ngay vào web chính!”

Khuyến cáo: Nên sử dụng Child theme
---------------------------------------------------------------------------------
“Miễn phí” 0đ thành “Giá liên hệ”

Mặc định Woo khi sản phẩm không điền giá (0đ) sẽ hiển thị: Miễn Phí, để thay chữ Miễn Phí thành Giá liên hệ thì theme code sau vào function.php

Mã:
* WooCommerce Replace “Free!” by a custom string
**/
function custom_call_for_price() {
return ‘Giá liên hệ’;
}
 
add_filter(‘woocommerce_empty_price_html’, ‘custom_call_for_price’);
---------------------------------------------------------------------------------------
“Quick View” thành “Xem nhanh”
Tính năng Quick View của Woo rất hữu ích nhưng đa số theme lại bỏ qua việc dịch chữ này thành các ngôn ngữ, trong đó có tiếng Việt. Dịch chữ Quick view thành Xem nhanh hay gì gì tùy bạn (Hoạt động tốt với Flatsome theme)
Mã:
// Change Quick View text to Xem nhanh
function my_custom_translations( $strings ) {
$text = array(
'Quick View' => 'Xem nhanh'
);
$strings = str_ireplace( array_keys( $text ), $text, $strings );
return $strings;
}
add_filter( 'gettext', 'my_custom_translations', 20 );
-----------------------------------------------------------------------------------------
SKU thành Mã sản phẩm
Mã sản phẩm là tính năng không thể thiếu với web bán hàng, nhất là các web có tính năng Live Search thì Mã sản phẩm tối quan trọng, giúp khách hàng và người bán tìm kiếm dễ hơn. Ngặt nỗi, ít theme quan tâm dịch từ này, mặc định Woo để là SKU dịch thành Mã sản phẩm:
Mã:
// Change SKU text
function translate_woocommerce($translation, $text, $domain) {
if ($domain == 'woocommerce') {
switch ($text) {
case 'SKU':
$translation = 'Mã sản phẩm:';
break;
case 'SKU:':
$translation = 'Mã sản phẩm:';
break;
}
}
return $translation;
}

add_filter('gettext', 'translate_woocommerce', 10, 3);
Hoặc (dùng 1 trong 2 đoạn code này đều dịch được chữ SKU)
Mã:
/**
* Add custom SKU text for shop
**/
add_action( 'woocommerce_before_shop_loop_item_title', 'shop_sku' );
function shop_sku(){
global $product;
echo '<div class="sku">Mã SP: ' . $product->sku . '</div>';
}
Ẩn mã SKU đi cũng đơn giản, bạn thêm code sau

Mã:
// Hide SKU products
add_filter( 'wc_product_sku_enabled', '__return_false' );
-------------------------------------------------------------------------------
Hiển thị SKU ra ngoài trang Danh mục

Hiển thị Mã sản phẩm SKU ra ngoài page Danh mục sản phẩm, ngay bên dưới ảnh thumb sản phẩm giúp khách hàng thấy mã ngay khi view.
Mã:
/**
 * Add custom SKU for shop
 **/
add_action( 'woocommerce_before_shop_loop_item_title', 'shop_sku' );
function shop_sku(){
global $product;
echo '<div class="sku">Mã SP: ' . $product->sku . '</div>';
}
Có thể thay chữ Mã SP trên bằng bất kỳ từ gì bạn muốn.
----------------------------------------------------------------------------------
Dịch Breadcrumb trong Giỏ hàng
Đây là phần thủ tục thôi, nó là đường dẫn Breadcrumb của trang Giỏ hàng:
SHOPPING CART -> CHECKOUT DETAILS -> ORDER COMPLETE
Đến như theme Flatsome phổ biến đến vậy mà cũng không thèm dịch phần này – thua! Code tùy biến dịch text đây:
Mã:
// Translate Shopping Cart Breadcrumb
add_filter( 'gettext', function ( $strings ) {

$text = array(
'SHOPPING CART' => 'Giỏ hàng',
'CHECKOUT DETAILS' => 'Thanh toán',
'ORDER COMPLETE' => 'Hoàn tất',
);
$strings = str_ireplace( array_keys( $text ), $text, $strings );
return $strings;
}, 20 );
-----------------------------------------------------------------------------------
Bỏ chữ SALE – Giảm giá
Với sản phẩm giảm giá, Woo treo trên đầu chữ SALE khá to. Tùy CSS mỗi theme nhưng đa phần khi dịch ra tiếng Việt thì chữ Giảm giá này khiến web xấu tệ! Trong trường hợp bạn muốn xóa chữ SALE này đi:
Mã:
//Remove Sale Label on Products
remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10 );
-----------------------------------------------------------------------------------
Hiện giá nhỏ nhất nhiều biến thể
Với sản phẩm có nhiều biến thể thì Woo để Giá nhìn rất khó chịu. VD như giá từ: 2.500.00đ – 3.990.000đ ?? Nếu bạn chỉ muốn hiển thị giá của biến thể có giá nhỏ nhất là 2.500.000đ thì code đây
Mã:
// Show min price for Woo products
function custom_variation_price( $price, $product ) {
     $price = '';
     $price .= wc_price($product->get_price());
     return $price;
}

add_filter('woocommerce_variable_price_html', 'custom_variation_price', 10, 2);
------------------------------------------------------------------------------------------------
Xóa Extensions trả phí Woo 3.6
Từ WooCommerce 3.6 thì có thêm các Extensions (addon gợi ý) có tính phí rất khó chịu. Đây là điều nhiều người không mong muốn – trong đó có mình. Có lẽ WordPress không còn trong sáng và Miễn phí như trước nữa!!!
Những đoạn code tùy biến hay 2020 Wordpress


Cách xóa bỏ Extensions trong WooCommerce 3.6 như sau:
Mã:
// Remove turn off Woo 3.6 Extensions
add_filter( ‘woocommerce_allow_marketplace_suggestions’, ‘__return_false’ );
-----------------------------------------------------------------------------------------------------
Thay “Add to cart” thành “Thêm vào giỏ”
Add to cart là nút không thể thiếu trong Woo nhưng có những theme họ không hỗ trợ tiếng Việt, hoặc đơn giản, bạn muốn đổi chữ Thêm vào giỏ thành Mua ngay hay gì gì đó. Hãy thêm đoạn code này vào

Mã:
/**
 * Change the add to cart text on single product page
 */
function woo_custom_cart_button_text()
{
     return __('Thêm vào giỏ', 'woocommerce');
}
 
add_filter('single_add_to_cart_text', 'woo_custom_cart_button_text');
 
/**
 * Change the add to cart text on product archives
 */
function woo_archive_custom_cart_button_text()
{
     return __( 'Thêm vào giỏ', 'woocommerce' );
}
 
add_filter( 'add_to_cart_text', 'woo_archive_custom_cart_button_text' );
------------------------------------------------------------------------------------------------------
Đổi chữ Đặt hàng thành Đặt Tour
Với một số web giới thiệu sản phẩm, bạn không muốn hiển thị nút Add to cart (Thêm vào giỏ)? bạn có thể loại bỏ nút này mà không ảnh hưởng tới gian hàng và các thao tác khác
Mã:
// Remove Add to cart button
function remove_loop_button(){
   remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
   remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
}
add_action('init','remove_loop_button');
----------------------------------------------------------------------------------------------------------
Thay đổi số Sản phẩm trong Danh mục
Với những theme cũ hoặc các theme do Việt Nam làm với Visual Composer, việc thay đổi Số lượng sản phẩm trong trang Danh mục sản phẩm là rất phức tạp, họ không cho tùy chỉnh nhiều phần này.
Mã:
// Show 24 products per page
add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 24;' ), 20 );
Muốn hiển thị bao nhiêu sản phẩm trong 1 trang Danh mục, thay số 24 trên bằng số bất kỳ bạn muốn. Nếu muốn hiển thị toàn bộ sản phẩm trên 1 page thì ta thay 24 thành -1
Mã:
// Show all products per page
add_filter( 'loop_shop_per_page', create_function( '$cols', 'return -1;' ), 20 );
------------------------------------------------------------------------------------------------------------
Thêm text dưới Tiêu đề sản phẩm
Nếu bạn muốn thêm một đoạn text tùy chỉnh luôn xuất hiện bên dưới tiêu đề mọi sản phẩm, một câu Slogan hoặc Khuyến mại, tốt nhất,.. gì gì đó thì làm thế nào? code đây
Mã:
// Add text behind Title product detail

function magik_custom_text( $post_excerpt )
{
      $content = 'Text tùy chỉnh ở đây';
       return $content.'<br>'.$post_excerpt;
}
add_filter('woocommerce_short_description', 'magik_custom_text', 10, 1);
-----------------------------------------------------------------------------------------------------------
Xóa chữ “Mô tả sản phẩm” trong mô tả
Trong phần Mô tả chi tiết của mỗi Sản phẩm, có dòng đầu tiên to đùng: Mô tả sản phẩm nhìn rất ngứa mắt. Bạn muốn xóa dòng này?
Mã:
// Remove text Product Description in product detail
add_action( 'woocommerce_cart_collaterals', 'action_woocommerce_cart_collaterals', 10, 1 );

add_filter( 'woocommerce_product_description_heading', 'remove_product_description_heading' );
function remove_product_description_heading() {
return '';
}
--------------------------------------------------------------------------------------------------------------
Xóa tab Đánh giá trong chi tiết sản phẩm
Tab đánh giá trong Chi tiết sản phẩm khá thú vị, nó hơi dài dòng nhưng thêm Dữ liệu có cấu trúc Schema cho mỗi Sản phẩm. Khi có đánh giá, bạn sẽ có sao và vote được Google hiển thị. Nếu thấy phần đánh giá này dài dòng, xóa nó đi cũng được:
Mã:
// Remove vote tab in product detail page
add_filter( 'woocommerce_product_tabs', 'wcs_woo_remove_reviews_tab', 98 );

function wcs_woo_remove_reviews_tab( $tabs ) {
    unset( $tabs['reviews'] ); // Remove the reviews tab

    return $tabs;
}
--------------------------------------------------------------------------------------------------------------
Xóa /product/ và /product-category/
Việc rút ngắn URL đường dẫn tĩnh giúp web bạn chuẩn SEO hơn và URL nhìn ngắn gọn dễ nhìn, dễ nhớ. Nếu web bạn đã lâu năm và đang top, tốt nhất không nên chỉnh sửa URL làm gì, có sao kệ nó.

Tất cả trong 01 Plugin để rút ngắn URL: Premmerce WooCommerce Permalink Manager Pro.

Khuyến cáo: Không nên can thiệp Đường dẫn tĩnh nếu bạn không am hiểu về nó trong SEO.

--------------------------------------------------------------------------------------------------------------
Sửa ký hiệu tiền tệ Đ sang VND
Woo hỗ trợ tiếng Việt khá tốt nhưng đơn vị tiền tệ thì không hiểu ông dịch thế nào hay để là đ, kiểu 200.000đ giờ muốn đổi thành 200.000VND thì làm thế nào?
Mã:
// Change currency symbols
add_filter( 'woocommerce_currencies', 'add_my_currency' );
 
function add_my_currency( $currencies )
{
     $currencies['VND'] = __( 'Vietnam Dong', 'woocommerce' );
     return $currencies;
}
 
add_filter('woocommerce_currency_symbol', 'add_my_currency_symbol', 10, 2);
 
function add_my_currency_symbol( $currency_symbol, $currency ) {
     switch( $currency ) {
          case 'VND': $currency_symbol = '
Bạn có thể thay chữ VND trên bằng bất kỳ ký hiệu tiền tệ nào bạn muốn.

Và thêm những thủ thuật khác
 

Khang

Thành Viên Mới
Thành Viên Mới
Bài viết
2
Reaction score
1
Điểm
1
Giá trị
$4,944
Em không muốn xoá mà muốn chữ "Mô tả sản phẩm" đổi thành "Chi tiết sản phẩm" thì viết như thế nào ạ?
Em cám ơn.

Xóa chữ “Mô tả sản phẩm” trong mô tả
Trong phần Mô tả chi tiết của mỗi Sản phẩm, có dòng đầu tiên to đùng: Mô tả sản phẩm nhìn rất ngứa mắt. Bạn muốn xóa dòng này?
Mã:
// Remove text Product Description in product detail
add_action( 'woocommerce_cart_collaterals', 'action_woocommerce_cart_collaterals', 10, 1 );

add_filter( 'woocommerce_product_description_heading', 'remove_product_description_heading' );
function remove_product_description_heading() {
return '';
}
 

Congvt6

Top Bền Vững
Thành viên BQT
Quản Trị Cấp Cao
Thành Viên Kiểm Duyệt
Hỗ Trợ
Bài viết
305
Reaction score
181
Điểm
43
Giá trị
$9,073
Khang nói:
Em không muốn xoá mà muốn chữ "Mô tả sản phẩm" đổi thành "Chi tiết sản phẩm" thì viết như thế nào ạ?
Em cám ơn.

Xóa chữ “Mô tả sản phẩm” trong mô tả
Trong phần Mô tả chi tiết của mỗi Sản phẩm, có dòng đầu tiên to đùng: Mô tả sản phẩm nhìn rất ngứa mắt. Bạn muốn xóa dòng này?
Mã:
// Remove text Product Description in product detail
add_action( 'woocommerce_cart_collaterals', 'action_woocommerce_cart_collaterals', 10, 1 );

add_filter( 'woocommerce_product_description_heading', 'remove_product_description_heading' );
function remove_product_description_heading() {
return '';
}
Phần này bạn có thể xem qua 2 cách:
1 là dùng dịch thuật của loco translate để fix lại vì bản chất nó dịch từ tiếng anh qua
2 là bạn dùng theme nào để biết xử lý cho dễ
 

Congvt6

Top Bền Vững
Thành viên BQT
Quản Trị Cấp Cao
Thành Viên Kiểm Duyệt
Hỗ Trợ
Bài viết
305
Reaction score
181
Điểm
43
Giá trị
$9,073
Bạn có thể xem gợi ý sau nhé:

Đổi tên tabs
Sử dụng đoạn mã sau để đổi tên các tab. Renaming product tabs

01
02
03
04
05
06
07
08
09
10
11
// Rename product data tabs
add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {

$tabs['description']['title'] = __( 'More Information' ); // Rename the description tab
$tabs['reviews']['title'] = __( 'Ratings' ); // Rename the reviews tab
$tabs['additional_information']['title'] = __( 'Product Data' ); // Rename the additional information tab

return $tabs;

}
Sắp xếp lại các tabs
Sử dụng đoạn mã sau để thay đổi thứ tự tab. Re-ordering product tabs

01
02
03
04
05
06
07
08
09
10
// Reorder product data tabs
add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {

$tabs['reviews']['priority'] = 5; // Reviews first
$tabs['description']['priority'] = 10; // Description second
$tabs['additional_information']['priority'] = 15; // Additional information third

return $tabs;
}
 

Khang

Thành Viên Mới
Thành Viên Mới
Bài viết
2
Reaction score
1
Điểm
1
Giá trị
$4,944
Em cám ơn! Em sẽ tham khảo chỉnh sửa lại