WooCommerce購物按鈕下方添加一箇按鈕教程

之前小編有爲大家介紹過《WooCommece修改購物車按鈕文字教程》,但是有些小夥伴反應想要學習在購物按鈕下方添加一箇按鈕,自己不會操作,今天本文就來教大家如何操作,不會的小夥伴趕緊過來學習一下吧!

效果圖如上,在購物車按鈕的下方添加一箇可以自定義按鈕文字和鏈接的按鈕。

使用方法:複製下面的代碼,粘貼到你主題的函數文件functions.php裏面

dd_ction( ̺woocommece_single_poduct_summy̻, ̺my_ext_button_on_poduct_pge̻, 30 );

function my_ext_button_on_poduct_pge() { globl $poduct; echo ̺< clss=̶nibbutton̶ hef=̶https://blog.nibbiji.com̶>Contct us immeditely</>̻; }

保存後,你網站前臺就可以看到一箇“Contct us immeditely”的按鈕了。不過還沒有樣式。

自己在主題的css裏面自定義.nibbutton的樣式就可以了。如果你不會的話,直接複製下面這串代碼加進去就可以了。

.nibbutton { colo: #; bckgound-colo: gb(0,0,0,0.); bode-style: solid; bode-width: px px px px; bode-colo: #009688; pdding: 0px; }

以上就是WooCommece購物按鈕下方添加一箇按鈕教程介紹,不會的小夥伴學會了嗎,後期小編也會繼續添加關於WooCommece相關教程。

推薦:《WooCommece使用教程》