WooCommerce Grid / List view

时间:2012-11-08 作者:Dime

有没有使用Woocommerce网格/列表视图插件的经验,我设置为自动启动列表视图,但问题是,当页面加载时,最初会打开一个网格视图并立即更改为列表视图,这需要1秒,但看起来很混乱。有没有办法解决这个问题?

我从下面获取了代码link

jQuery(document).ready(function(){
    jQuery(\'ul.products\').addClass(\'list\');
});

1 个回复
最合适的回答,由SO网友:TheDeadMedic 整理而成

撤消对文件所做的任何更改,然后添加此at the top:

if ( jQuery.cookie( "gridcookie" ) != "grid" ) {
    jQuery.cookie( "gridcookie", "list", { path: "/" } );
} 
Update: 听起来像是FOUC. 让我们采取另一种方法—删除上面添加的代码(&M);尝试将以下内容添加到主题functions.php:

add_action( \'woocommerce_after_shop_loop\', \'wpse_71885_shop_loop_list_init\' );

function wpse_71885_shop_loop_list_init() {
    ?>

<script type="text/javascript">
    jQuery( "ul.products" ).addClass( jQuery.cookie( "gridcookie" ) || "list" );
</script>

<?php
}
这将在进入文档后立即将网格/列表类添加到产品列表中(而不是等待文档就绪)。

结束

相关推荐

通过wp_list_ages的自定义导航栏因博客滚动而中断

这个问题很简单。我通过“阅读”将网站上的“博客”设置为mysite上的“博客”页面。com/blog。/blog 是分级的,因为它有子级。我有一个自定义侧栏,通过中的函数包含functions.php 这包括(即:function get_right_sidebar() { include(\'sidebar_right.php) }; ). 我通过一个简单的函数列出所有页面和子页面:function get_post_top_ancestor_id(){ global $post;&#x