Select Page

如何移除 WooCommerce 預設勾選配送到不同的地址

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

Views: 54

WooCommerce 預設安裝好會在結帳畫面中，出現「配送道不同的地址」的選項，並且預設是勾選起來的，常常有客戶需要把這個選項關閉，或是隱藏他，做法很多種，我這邊是以複製該 template 到自己的子佈景主題中，然後修改 PHP 的程式碼為主

  1. 先複製 wp-content/plugins/woocommerce/templates/checkout/form-shipping.php 到 wp-content/themes/[themes-child]/woocommerce/checkout/form-shipping.php
sudo cp /var/www/html/wp-content/plugins/woocommerce/templates/checkout/form-shipping.php /var/www/html/wp-content/themes/themes-child/woocommerce/checkout/form-shipping.php

2. 修改 form-shipping.php 的內容，將預設選項移除，以及將整個欄位隱藏

原先的程式碼如下

	<h3 id="ship-to-different-address">
			<label class="woocommerce-form__label woocommerce-form__label-for-checkbox checkbox">
				<input id="ship-to-different-address-checkbox" class="woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" <?php checked( apply_filters( 'woocommerce_ship_to_different_address_checked', 'shipping' === get_option( 'woocommerce_ship_to_destination' ) ? 1 : 0 ), 1 ); ?> type="checkbox" name="ship_to_different_address" value="1" /> <span><?php esc_html_e( 'Ship to a different address?', 'woocommerce' ); ?></span>
			</label>
		</h3>

修改後的程式碼如下

	<h3 id="ship-to-different-address" style="display:none" >
			<label class="woocommerce-form__label woocommerce-form__label-for-checkbox checkbox">
				<input id="ship-to-different-address-checkbox" class="woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" <?php checked( apply_filters( 'woocommerce_ship_to_different_address_checked', 'shipping' === get_option( 'woocommerce_ship_to_destination' ) ? 1 : 0 ), 0 ); ?> type="checkbox" name="ship_to_different_address" value="0" /> <span><?php esc_html_e( 'Ship to a different address?', 'woocommerce' ); ?></span>
			</label>
		</h3>

其中在 <h3> tag 中，加入 style=”display:none” ，在 ‘shipping’ === get_option 中，把傳回的數值調整成0，代表預設不會勾選，這樣就可以隱藏運送到不同的地址的選項了

參考資料

WooCommerce 取消預設勾選配送到不同的地址
如何在 Ubuntu 20.04 上用 VSCODE 對掛在 Nginx 的 PHP 8.0 除錯
如何在 Ubuntu 20.04 上用 VSCODE 對掛在 Nginx 的 PHP 8.0 除錯

如何在 Ubuntu 20.04 上用 VSCODE 對掛在 Nginx 的 PHP 8.0 除錯

by | 11 月 18, 2021 | Nginx, PHP, Ubuntu, VSCODE

Views: 22

假設你已經在 Ubuntu 上安裝好了 Nginx 、 Php8.0、 VSCODE，那麼我們就可以專注在如何讓你的 VSCODE 可以對 PHP 除錯

  1. 先安裝 php-xdebug 套件
sudo apt install php-xdebug

對應 Php8.0 的環境下，會安裝對應不同 php 版本的 mods ，我的環境下安裝的是 PHP 8.1 版本，路徑是 /etc/php/8.1/mods-available/

2. 更改 xdebug.ini 的設定

sudo /etc/php/8.1/mods-available/xdebug.ini

3. 將 xdebug.ini 內容改成

zend_extension = xdebug.so
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
xdebug.remote_handler = dbgp
xdebug.remote_host = 172.17.0.1     ;指定vscode所在的IP
xdebug.remote_connect_back = 1      ;如果為1，則會忽略remote_host
xdebug.remote_port = 9000

xdebug.remote_log = "/var/log/xdebug.log"

4. 重新啟動服務

sudo systemctl start php8.0-fpm
sudo systemctl start nginx

5. 要讓 VSCODE 支援 PHP Debug ，要先安裝 php debug

6. 安裝完畢後，在 PHP 的專案目錄下要建立 launch.json 讓除錯器知道要連線到那裏

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Listen for XDebug",
      "type": "php",
      "request": "launch",
      "port": 9000
    }
  ]
}

到這裡，就可以用你的 VSCODE 去除錯你的 PHP CODE 了