添加"更多信息" - 按钮到woocommerce产品

时间:2017-03-27 16:54:13

标签: php wordpress woocommerce

在商店产品页面上的标准Woocommerce中有一个很好的" add-to-cart" -button。我想以相同的风格添加一个"更多信息" - 按钮。

使用this page中的代码我设法通过将此代码放在我的functions.php中来添加一个按钮:



add_action('woocommerce_after_shop_loop_item_title','more_information');
	
function more_information() {
	global $product;
	$link = $product->get_permalink();
	echo do_shortcode('<br>[button class="meer-informatie" link="' . esc_attr($link) . '"]meer informatie[/button]');
}
&#13;
&#13;
&#13;

至关重要的是,我要为要添加的按钮添加一个类,以便我可以设置它的样式。点是我添加了按钮(请参阅image),但链接不起作用。它需要链接到productdetail页面。那么,哪里出错了?我似乎无法弄清楚(但话又说回来:我只会说一点PHP)。

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

仍然不知道我在问题中发布的代码有什么问题,但我发现了一些实际可行的代码。有一天可能会有人在寻找或遇到同样的问题,所以我将发布这个作为我自己问题的答案。在寻求各方面的帮助后,我想出了以下代码:

function more_information() {
global $product;
if ($product){
$url = esc_url($product->get_permalink() );
echo '<a rel="nofollow" href="' .$url .'" class="meer-informatie">meer informatie</a>';
}
}
add_action('woocommerce_after_shop_loop_item_title','more_information');

它就像一个魅力!

答案 1 :(得分:0)

如果您需要本地化Wordpress guide之后的字符串:

 <script type="text/javascript">
        $(document).ready(function() {
            $('#datatables').DataTable({
                "pagingType": "full_numbers",
                "lengthMenu": [
                    [10, 25, 50, -1],
                    [10, 25, 50, "All"]
                ],
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'excel',
                        text: 'Excele Aktar',
                        className: 'btn btn-default',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5]
                        }
                    }
                ],
                responsive: true,
                language: {
                    search: "_INPUT_",
                    searchPlaceholder: "Kayıt ara",
                    zeroRecords: "Kayıt bulunamadı",
                },


            });


            var table = $('#datatables').DataTable();

            // Edit record
            table.on('click', '.edit', function() {
                $tr = $(this).closest('tr');

                var data = table.row($tr).data();
                alert('You press on Row: ' + data[0] + ' ' + data[1] + ' ' + data[2] + '\'s row.');
            });

            // Delete a record
            table.on('click', '.remove', function(e) {
                $tr = $(this).closest('tr');
                table.row($tr).remove().draw();
                e.preventDefault();
            });

            //Like record
            table.on('click', '.like', function() {
                alert('You clicked on Like button');
            });

            $('.card .material-datatables label').addClass('form-group');
        });
    </script>

我用WPML测试了它,效果很好。