GG資源網

WordPress建站教程:給Woocommerce產品頁面添加詢盤按扭(編輯WordPress的functions.php 文件有哪些注意事項呢?)

WordPress建站教程:給Woocommerce產品頁面添加詢盤按扭

作者:悅然wordpress建站(悅然建站)

(此處已添加小程序,請到今日頭條客戶端查看)

繼續分享wordpress建站教程。最近做的wordpress建站項目用到了woocommerce插件,而woocommerce插件本身是做商城的,所以它的產品頁面默認是購買按扭。但是有些產品可能不適合直接在線銷售,或者是你想在購買按扭下面多加一下詢盤按扭,那麼可以參考下面的方法。


//代碼由悅然wordpress建站收集自網路
add_action( 'woocommerce_single_product_summary', 'my_extra_button_on_product_page', 30 );

function my_extra_button_on_product_page() {
global $product;
echo '<a class="zsxxfx" href="https://www.baidu.com">Inquiry</a>';
}

你只需要把上面代碼中的網址換成你需要指向的地址就可以了,比如可以換成客服工具的聊天鏈接,或者是換成你的QQ號諮詢鏈接,或者是換成你的第三方網店地址,後面的【Inquiry】則是按鈕的名字,你可以根據需要進行修改。代碼可以直接添加到當前wordpress建站主題的functions.php文件中,或者是使用Code Snippets插件,把代碼添加到插件中即可。

上面這種方法雖然可以添加一個詢盤按鈕鏈接,但是它原來的購買按鈕還在,如果你的產品全部都不準備在線銷售,那麼也可以把添加到購物車的按鈕隱藏掉,如上圖悅然建站就把購物車按鈕隱藏了,實現代碼如下:

https://Hide buy button
add_action( 'init', 'woocommerce_hide_buy_button' );
function woocommerce_hide_buy_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 );
}

同樣我們可以把上面的代碼添加到當前wordpress建站主題的functions.php文件中,或者是使用Code Snippets插件添加。

今天介紹的這種方法比較簡單,而且詢盤按鈕的樣式也比較原始,只能湊合用,後續你可以使用CSS來修飾。

編輯WordPress的functions.php 文件有哪些注意事項呢?

functions.php 文件中如何添加代碼是很多新手朋友都會遇到的問題,大家都害怕添加錯誤導致網站不能訪問了,那麼編輯WordPress的functions.php 文件有哪些注意事項呢?

Functions.php文件有什麼用呢?

functions.php是WordPress保留的函數文件,它專門用於添加各種自定義函數代碼。當今WordPress的主題越來越強大,通常是函數functions.php 文件(通常在主題根目錄中)。

php中的注釋

注釋,專門用於補充代碼,通常分為單行注釋和多行注釋,使用兩個斜杠 // 用於單行注釋,和/* */用於多行注釋。

編輯WordPress的functions.php 文件有哪些注意事項呢? (https://www.wpmee.com/) WordPress使用教程 第1張

php代碼應該添加到 <?php 和 ?> 之間

當您打開functions.php文件時,您會發現該文件通常以之間添加php代碼。

編輯WordPress的functions.php 文件有哪些注意事項呢? (https://www.wpmee.com/) WordPress使用教程 第2張

避免 <?php 和 ?> 多重嵌套

在 <?php 和 ?> 之間,不要添加 <?php 和 ?>;,因為下面的示例是錯誤的:

編輯WordPress的functions.php 文件有哪些注意事項呢? (https://www.wpmee.com/) WordPress使用教程 第3張

不要在 <?php 和 ?>之間直接添加其他語言的代碼。

正如您所看到的,第一個<;?PHP還沒有結束,而嵌套一個<?php ,這樣會導致php代碼失敗了,這會導致網站崩潰。

之間的代碼應該符合php語言規範,您不能在它們之間直接添加其他語言的代碼,例如以下錯誤類型:

編輯WordPress的functions.php 文件有哪些注意事項呢? (https://www.wpmee.com/) WordPress使用教程 第4張

有些朋友可能會問,為什麼我看到有人可以添加html代碼?例如,下面代碼的第5行:

請注意,字元轉義實際上是php和html的混合,HTML代碼並不直接添加在 之間。您可以看到,第4行結束了php語法,第6行重新啟動了php語法,這是合法的。

網路上的許多代碼可能會導致代碼中的某些字元轉義或其他錯誤,因為它不使用突出顯示插件的代碼。例如:

編輯WordPress的functions.php 文件有哪些注意事項呢? (https://www.wpmee.com/) WordPress使用教程 第5張

半形符號變成全形符號:引號、逗號、句號、冒號、括弧、分號等。

普通逃逸:變成<變成<,>變成>,&變成&等。

注意php文件的編碼

WordPress是一個以utf-8格式編碼的php程序,utf-8編碼分為兩種類型:BOM和無BOM。由於我們可能會在php文件中添加中文,所以建議保存 functions.php 等php文件為Utf-8 無 BOM格式。否則,可能會出現空白網站、布局錯亂、異常文本等問題。

使用專業代碼編輯工具

強烈建議您使用更專業的代碼編輯工具,如 Notepad++、Sublime Text、EditPlus、DreamWeaver等,這些工具的優點是:支持代碼突出顯示、代碼錯誤糾正提示、快速插入代碼片段、支持選擇編碼類型等。

由於網站搬家,部分鏈接失效,如無法下載,請聯繫站長!謝謝支持!
1. 帶 [親測] 說明源碼已經被站長親測過!
2. 下載後的源碼請在24小時內刪除,僅供學慣用途!
3. 分享目的僅供大家學習和交流,請不要用於商業用途!
4. 本站資源售價只是贊助,收取費用僅維持本站的日常運營所需!
5. 本站所有資源來源於站長上傳和網路,如有侵權請郵件聯繫站長!
6. 沒帶 [親測] 代表站長時間緊促,站長會保持每天更新 [親測] 源碼 !
7. 盜版ripro用戶購買ripro美化無擔保,若設置不成功/不生效我們不支持退款!
8. 本站提供的源碼、模板、插件等等其他資源,都不包含技術服務請大家諒解!
9. 如果你也有好源碼或者教程,可以到審核區發布,分享有金幣獎勵和額外收入!
10.如果您購買了某個產品,而我們還沒來得及更新,請聯繫站長或留言催更,謝謝理解 !
GG資源網 » WordPress建站教程:給Woocommerce產品頁面添加詢盤按扭(編輯WordPress的functions.php 文件有哪些注意事項呢?)

發表回復

CAPTCHAis initialing...