给 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>