web-dev-qa-db-ja.com

WooCommerceグリッド/リストビュー

Woocommerce Grid/List viewプラグインの使用経験はありますか？リストビューを自動的に開始するように設定しましたが、最初はページの読み込み中にグリッドビューが開き、すぐにリストビューに切り替わるのに1秒かかりますが混乱しますどのように解決できるのでしょうか。

以下の リンクからコードを取得しました

jQuery(document).ready(function(){
    jQuery('ul.products').addClass('list');
});
listpluginsviews
1
Dime

ファイルに加えた変更を元に戻してから、先頭にこのを追加します。

if ( jQuery.cookie( "gridcookie" ) != "grid" ) {
    jQuery.cookie( "gridcookie", "list", { path: "/" } );
}

更新：FOUC のように聞こえます。別の方法を取りましょう。上で追加したコードを削除し、テーマの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
}

これは、ドキュメントが入力された後に（ドキュメントの準備が完了するのを待つのではなく）グリッド/リストクラスを商品リストnowに追加します。

1
TheDeadMedic