給 WooCommerce 產品頁面添加自定義代碼或者 html 內容,純代碼實現。

標籤: 

正在查看 2 個帖子:1-2 (共 2 個帖子)
  • 作者
    帖子
  • 詩語
    管理員
    • 文章數量: 5,925
    @feibisi
    樓主
    // WooCommerce 添加到購物車按鈕後的自定義內容
    
    add_action( 'woocommerce_after_add_to_cart_button', 'content_after_addtocart_button' );
     
    function content_after_addtocart_button() {
    echo '<div class="content-section"><a href="https://www.amazon.com/" target="_blank" rel="noopener"><img class="aligncenter" src="https://landkissing.dev/wp-content/uploads/2017/08/buyonamazon-1.jpg" /></a></div>';
    }
    詩語
    管理員
    • 文章數量: 5,925
    @feibisi
    樓主

    另外如果是需要添加一個空白區域的話也可以用下面的代碼

    比如添加一個亞馬遜的購買按鈕:

    // 按鈕後的自定義內容
    add_action( 'woocommerce_after_add_to_cart_button', 'content_after_addtocart_button' );
     
    function content_after_addtocart_button() {
    echo ' 輸入 HTML 或者文字內容';
    }
正在查看 2 個帖子:1-2 (共 2 個帖子)
  • 哎呀,回覆話題必需登錄。

話題信息

  • 當前位於:WooCommerce
  • 1 條回覆
  • 1 個參與人
  • 最後回覆:<a href="https://bbs.weixiaoduo.com/users/feibisi/" title=" 查看詩語的個人資料" class="bbp-author-link"><span class="bbp-author-name"> 詩語</span></a>
  • 上次活動:<a href="https://bbs.weixiaoduo.com/topic/22219/#post-22220" title=" 回覆至:給 WooCommerce 產品頁面添加自定義代碼或者 html 內容,純代碼實現。">7 年、 7 月前</a>