web-dev-qa-db-fra.com

WooCommerce Grid/Voir la liste

Existe-t-il une expérience du plug-in d'affichage de grille/liste de Woocommerce? J'ai configuré le démarrage automatique de la vue de liste, mais le problème est que, pendant le chargement initial de la page, une vue de grille est ouverte et qu'elle passe instantanément à la vue de liste. Y at-il une idée de la façon dont cela pourrait être résolu?

J'ai pris le code de ce qui suit link

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

Annulez toutes les modifications que vous avez apportées au fichier, puis ajoutez cecien haut:

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

Update:Cela ressemble à un FOUC . Adoptons une approche différente - supprimez le code que vous avez ajouté ci-dessus et essayez d'ajouter ce qui suit au functions.php de votre thème:

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
}

Cela ajoutera la classe grid/list à la liste de produits immédiatement après son entrée dans le document (au lieu d'attendre que le document soit prêt).

1
TheDeadMedic