Сетка WooCommerce / представление списка

Есть ли какой-либо опыт с плагином просмотра Woocommerce Grid / List, я решил автоматически запустить представление списка, но проблема в том, что при загрузке страницы изначально открывается сетка и мгновенно меняет вид списка, она занимает 1 секунду, но кажется запутанной . Есть ли идеи, как это можно решить?

Я взял код из следующей ссылки

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

Solutions Collecting From Web of "Сетка WooCommerce / представление списка"

Отмените все изменения, внесенные вами в файл, затем добавьте это вверху :

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

Обновление: Звучит как FOUC . Давайте возьмем другой подход – удалите добавленный выше код и попробуйте добавить следующее к functions.php вашей темы.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 } 

Это добавит класс сетки / списка в список продуктов сразу после его ввода в документ (в отличие от ожидания готовности документа).