Select Page
解決 WooCommerce PDF Invoices & Packing Slips 的中文字型錯誤的問題

解決 WooCommerce PDF Invoices & Packing Slips 的中文字型錯誤的問題

by | 11 月 12, 2021 | woocommerce, wordpress

WooCommerce PDF Invoices & Packing Slips

解決 WooCommerce PDF Invoices & Packing Slips 無法顯示中文字

其實這套免費的 PDF 發票、撿貨單，超多人使用，但可惜的一點是沒法顯示亞洲的字型，但其實她們也都知道有這些問題，早就都留有解決方案，解決的步驟如下

1.原廠的解決方案

先看原廠的寫的中文支援解決方案文章，

2.建立template

將 Plugin 中的 wp-content/plugins/woocommerce-pdf-invoices-packing-slips/templates/Simple/ 下面的資料全部複製一份到 wp-content/themes/my-(child)theme-folder/woocommerce/pdf/my-template/

3.下載中文字型(ttf)

可以用原廠推薦中文字型，可以採用 adobe 或是 google 的開放字型，但要注意的是目前只支援 ttf 檔案格式的字型，下載完畢後要解壓縮並且放到 wp-content/themes/my-(child)theme-folder/woocommerce/pdf/my-template/fonts 中

4.修改 my-template 中的 style.css

找到 template 下的 style.css 並且多加入下面的程式碼

/* Load font */
@font-face {
    font-family: 'MyFont';
    font-style: normal;
    font-weight: normal;
    src: local('MyFont'), local('MyFont'), url(<?php echo $this->get_template_path(); ?>/fonts/myfont.ttf) format('truetype');
}
@font-face {
    font-family: 'MyFont';
    font-style: normal;
    font-weight: bold;
    src: local('MyFont Bold'), local('MyFont-Bold'), url(<?php echo $this->get_template_path(); ?>/fonts/myfont-bold.ttf) format('truetype');
}
@font-face {
    font-family: 'MyFont';
    font-style: italic;
    font-weight: normal;
    src: local('MyFont Italic'), local('MyFont-Italic'), url(<?php echo $this->get_template_path(); ?>/fonts/myfont-italic.ttf) format('truetype');
}
@font-face {
    font-family: 'MyFont';
    font-style: italic;
    font-weight: bold;
    src: local('MyFont Bold Italic'), local('MyFont-BoldItalic'), url(<?php echo $this->get_template_path(); ?>/fonts/myfont-bolditalic.ttf) format('truetype');
}

並且找到 style.css 中的 body 區段，並且將字型指向 MyFont

body {
	background: #fff;
	color: #000;
	margin: 0cm;
	font-family: 'MyFont';
	/*font-family: 'Open Sans', sans-serif;*/
	/* want to use custom fonts? http://docs.wpovernight.com/woocommerce-pdf-invoices-packing-slips/using-custom-fonts/ */
	font-size: 9pt;
	line-height: 100%; /* fixes inherit dompdf bug */
}

5.啟用新的 template

要回到進入外掛後台，並且在 template 中選剛剛建好的模板，並且啟用 Enable font subsetting，可以降低 PDF 文件大小

參考資料

Using custom fonts
解決 WooCommerce PDF Invoices 中文缺字問題

相關文章

WooCommerce 要如何實現關店?如果你想要一天開店八小時，或是一個月開店25天

WooCommerce 要如何實現關店?如果你想要一天開店八小時，或是一個月開店25天

by | 11 月 12, 2021 | PHP, woocommerce, wordpress

雖然說網路上開店最棒的優勢就是可以 24 x 7 的不間斷賺錢，但是如果是線下升級成線上的店家們，會需要配合公司政策，一天開店八小時，假日不開店或是配合結帳時間，月底不收單等

WooCommerce 實現關店的想法

  • 建立關店時間表
  • 依照時間表判斷是否要開店
  • 關店的狀態是要把 WooCommerce 的訂單按鈕都關閉以及隱藏起來
  • 顯示訊息告知使用者現在關店中

WordPress Plug or Themes PHP 撰寫

以下示範每個月25號到月底作帳時間內，不讓客戶下單的寫法

// 啟動商店的假日檔
add_action ('init', 'qqqtips_woocommerce_holiday_mode'); 
 
// Disable Cart, Checkout, Add Cart 
// 將下單相關的按鈕都關閉
function qqqtips_woocommerce_holiday_mode() {
   //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 );
   //remove_action( 'woocommerce_proceed_to_checkout', 'woocommerce_button_proceed_to_checkout', 20 );
   //remove_action( 'woocommerce_checkout_order_review', 'woocommerce_checkout_payment', 20 );
	add_filter( 'woocommerce_is_purchasable', '__return_false'); // 
   add_action( 'woocommerce_before_main_content', 'qqqtips_wc_shop_disabled', 5 );
   add_action( 'woocommerce_before_cart', 'qqqtips_wc_shop_disabled', 5 );
   add_action( 'woocommerce_before_checkout_form', 'qqqtips_wc_shop_disabled', 5 );
}
 
 
// Show Holiday Notice 
// 每月25號關帳，次月1號打開
function qqqtips_wc_shop_disabled() {
	$qqq_today = number_format(date('d'));
	if( $qqq_today >= 25 && $qqq_today <= 31) {
		wc_print_notice( '店家已經關帳，請下個月再來!', 'error');
	}
}

參考資料

WooCommerce: Holiday/Pause/Closed Mode

Open Close Store Hours for WooCommerce

相關文章

讓 WooCommerce 支援列印出貨訂單明細 Print Invoice & Delivery Notes