Question

我正在建立一个带有woocommerce的网上商店。我希望能够在列表和网格视图之间切换。我知道有一个插件：https://wordpress.org/plugins/woocommerce-grid-list-toggle/

问题是：我想控制视图中的HTML。列表视图必须具有与网格视图不同的标记。有没有办法实现这个？

谢谢！

Answer 1

由于您尚未提供代码。我正在为这个问题发布一个通用的解决方案。

<强> HTML：

<div id="container">
<!-- Here, your gird or list view will come... -->
</div>

create one trigger button with id `change_view`

<强> JQUERY：

<script>
$('#change_view').on('click',function(){
var which_view = $(this).val();
$.ajax({
    type: 'post',
    url: 'get_view.php',
    data: {which_view : which_view},
    success: function(res){
        $("#container").html(null);
        $("#container").html(res); // res = your new view...
    }
});
</script>

使用php在不同视图（HTML标记）之间切换

1 个答案: