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

Question

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

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

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

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

1

plugins list views

Author: Dime, 2012-11-08

Source

1 answers

score 1 · Accepted Answer

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

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
}

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