給 WooCommerce 添加產品演示按鈕,自動生成產品 Live demo 演示鏈接。

正在查看 2 個帖子:1-2 (共 2 個帖子)
  • 作者
    帖子
  • 詩語
    管理員
    • 文章數量: 5,932
    @feibisi
    樓主

    這也是一直想要的功能,畢竟我們是賣的軟件產品,所以還是需要給用户一些比較直觀的體驗。

    數字商城用的是 WooCommerce 為核心系統,也是在一直不斷的調整及優化。 添加演示鏈接算是一個比較小而實用的功能。

    此功能添加一個按鈕以鏈接到您的數字產品的現場演示。使用 WooCommerce 插件時,該鏈接將插入單個產品頁面。如果您將演示放在以下位置,則可以開始工作:

    如果您在其他地方舉行演示,請修改第 $demourl 行。 (有關其他演示網址的示例,請參閲以下注釋。)

    /**
    * add live demo button to single product page
    */
     
    function isa_before_add_to_cart_form() {
     
        global $post;
     
        $demoslug = $post->post_name;
     
        $demourl = get_bloginfo('url').'/'.$demoslug.'/';
     
            $demotitle = esc_attr($post->post_title);
     
        echo '<a href="'.$demourl.'" title="'.$demotitle.'" id="livedemo" class="button" target="_blank"> 演示地址</a>';
     
    }
    add_action('woocommerce_before_add_to_cart_form','isa_before_add_to_cart_form');

    顯示效果如下:

    當然小圖標和樣式是需要另外自行調整 css 的,我只是在前面加了個小圖標,比較直觀些。

    詩語
    管理員
    • 文章數量: 5,932
    @feibisi
    樓主
    此回覆已被標記為私有,🔒 僅樓主及管理員可見。
正在查看 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/26706/#post-26722" title=" 回覆至:給 WooCommerce 添加產品演示按鈕,自動生成產品 Live demo 演示鏈接。">6 年、 9 月前</a>