如何在wocommerce add_action中添加脚本标记编码?

时间:2017-07-15 10:15:29

标签: javascript html wordpress woocommerce whatsapp

add_action( 'woocommerce_single_product_summary', 'whatsappdirect1', 35 );

function whatsappdirect1() {
    echo '[anchor-tag a class="btn btn-social-icon btn-whatsapp" href="javascript:window.location=waCurrentPage();">[img tag border="0" alt="W3Schools" src="http://sareechoice.com/wp-content/uploads/2017/07/whatsappicon.png" width="290" height="200"][anchor-tag-closed]';
}

[script]
waCurrentPage = function() {
  return encodeURI("whatsapp://send?phone=+9199999999&text=please let me know the price of the product in the link : " + 'http://' + window.location.hostname + window.location.pathname);
}
[/script]

我制作了以下代码,允许移动用户通过我的whatsapp与我的网站上的支持团队以及该页面的链接联系。在上面的add_action代码中,我输入了代码,这些代码将显示我的按钮,必须在woocommerce产品页面上点击。

但现在的问题是,脚本代码执行打开我的whatsapp号码与prefault链接的实际工作,允许用户将其发送到我的号码。

那么如何插入该脚本代码以及插入的位置呢?有没有办法,我可以将两个代码保存在wooocommerce的add_action函数中?

1 个答案:

答案 0 :(得分:0)

尝试以下功能

@foreach(var category in Categories)
   {
      @Html.LabelFor(category.CategoryName)
      @foreach(var product in category.Products)
      {
         <div class="dropdown">
            <div class="dropdown-content">
             <button class="dropbtn">@Html.ActionLink(product.ProductName, "ActionName", "ControllerName", new { id = Product.CategoryID, title = Product.ProductName }, null)</button>
            </div>
         </div>
      }
   }