It’s been 3 years since this plugin was updated. Since that time, wordpress has updated jquery to the latest version. Does anyone know if this plugin uses jquery, and are those functions still working?

Hello,

I Received An Email From Wordfence That ( * The Plugin “WooCommerce Grid / List toggle” appears to be abandoned (updated May 11, 2018, tested to WP 4.9.17). As Of Now I Have Some Plugins Disabled but, Plan To Re Enable One by One. I Was checking Something else.

What Is the Best Way To Fix Alert Issue About WooCommerce Grid / List toggle?

Thanks So Much
Keyomi-Sook

Hello,
Is it possible for this plugin to be updated? I rely on this plugin and can not find a way to replace it. I would be willing to pay for a premium plugin.
thanks
L F Clark

• This topic was modified 3 years, 7 months ago by ucarman2002.

I dont have catalog option in wooco setting
https://prnt.sc/z8o58y

My site has some PHP code on simple product page that renders some HTML with ACF data on the specific product (Advanced Custom Fields).

Is it possible to customize the plugin to run the same PHP code on the list view per each product (line?)?

If so, can please please advise how?

Thanks.

I am trying to make the toggle buttons look a bit more professional. Mainly I want the buttons to:

• Align right, like most other websites
• Have different, more modern icons
• Have a color other than gray (matching my theme)

Any help is appreciated.

As it defaults to Grid view how to set the default to List view on storefront loading.

Thank You.

Google just announced that Web Vitals such as Cumulative Layout Shift (CLS) will soon become ranking signal. This plugin seems to be causing poor CLS on my shop pages. Even with ‘list view’ selected in the customizer, the shop pages start in grid view and then jump into list view.

This plugin needs to be updated to address the issue or we’re going to have to abandon it.

The plugin looks useful but before I install it I’d like to confirm the plugin is still maintained. There is a warning on the WordPress repository that it hasn’t been updated in over 2 years. Thanks

awideman (@awideman) was on this list asking about how to accomplish this. Others too but no answer was given.
Change your option in Customiser to ‘List’ and then add the following to functions.php:

add_action( 'woocommerce_after_shop_loop', 'kvf_shop_loop_list_init' );

function kvf_shop_loop_list_init() {
	if ( wp_is_mobile () ) {
    ?>
	
<script type="text/javascript">
    jQuery( "ul.products" ).addClass( jQuery.cookie( "gridcookie" ) || "grid" );
</script>

<?php
	}
}

Hope this helps.

Updating the Storefront theme to version 2.5.6 prevents the Grid/List Toggle from working.

Any idea how I can restore compatibility?

FYI: I tested this in a local environment. So I can’t give the URL. And I’m still using woocommerce 4.0.1

This plugin hasn’t been tested with the latest 3 major releases of WordPress. Has it been abandoned?

There are still a number of links to it, even from WooCommerce itself.

I would like to use it, but not if it’s no longer supported/updated and could be vulnerable to security issues.

TIA!

Hi,

Is it possible to remove Category Description in the Grid View only? Everywhere else its working as I expect.

The main reason I want to remove Category Description (from Grid View) is because due to their of length of words, the layout becomes very untidy.

Thanks.

Hi,

Very clean plugin and works all fine except that it loads

add_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_single_excerpt’, 5);

both on grid view and list view. Of course, through style sheet one can make it disappear, but it still loads on the grid view and it looks not so neat on each load.

So how could one have it load only on list view?

Thanks.

The use of simple grid and list CSS classes may (and do) cause conflict with themes. I suggest prefixing with some characters unique to your plugin e.g. xyz-grid, xyz-list. I know the themes are not blameless either, but there is only one theme and there can be many plugins, so it’s more important for plugins not to pollute the namespace.

I modified the class-storefront-woocommerce.php file to change the images to 125px wide.
This works in grid view however in list view they are around 241px wide.
When can I modify this plugin to match 125px wide in list view.

Hello Support,

i am install wordpress in multisite on each site not visible grid default option in backend custmize option and not showing list and grid option in frontend . please help me

Regards

The data that should be displayed below the images are being hidden.

Can you please check.

Hello! Sorry for my English!
Please tell me, where and what to add, that would not load the description of the product when loading the page, with the active “Grid Viev”, that the description would be loaded only at the moment of activation of “List Viev”.
Thanks a lot!

Are you aware of any layout issues with storefront theme?

Really struggling to get this working with storefront and would love to have the option to display both grid and list view on our site. We dont want product descriptions showing on grid view (and can hide then via CSS), but want them appearing under list view.

Within the buttons.css file there are a few !important tags. For example:
.gridlist-toggle {
display: block;
clear: both;
margin: 0 !important;
padding: 1em 0 !important;
line-height: 1em !important;
}

These are causing us an issue as they cannot be overridden within our theme. Our frontend layout requires that we manipulate the margin and padding of the gridlist-toggle item.

Why have you set the !important tags on these items?

Can these please be removed?

Thanks, George

Hi,

I would like to set it so that products display in list view on desktop and grid view on mobile. Where would I put the code below so that the grid/list layout is set based on the screen size just before the page loads?

<script>

const mq = window.matchMedia( "(min-width: 768px)" );

if (mq.matches) {
jQuery(document).ready(function(){
    jQuery('ul.products').addClass('list');
});
} else {
jQuery(document).ready(function(){
    jQuery('ul.products').addClass('grid');
});
}

</script>

I’ve tried the following:
https://wordpress.stackexchange.com/questions/71885/woocommerce-grid-list-view
And adding it to the file: jquery.gridlistview.min.js

But the format snaps back to the setting in the Customizer just before the category page finishes loading.

Is there somewhere in woocommerce-grid-list-toggle.php that would work?

I’ve added this code to the After Update section on the Javascript tab of the AJAX Products Filter plugin and it works – after a filter is modified, the format changes appropriately when a filter is updated.

Thanks,

Alex

This plugin displays a bit of code in the bottom left of all pages where it’s used:

string(4) “grid”

Disabling the plugin removes the code snippet. Please fix or tell me how to fix on my end.

On line 142 you use var_dump( $default );
Please remove that line.

Hi Welcome back,

hope all good at your end.

how can i remove short description on list view..

Hello, Does your WooCommerce Grid / List toggle works in MultiSite Network?
I think it must, if WooCommerce official page recommeds your plugin for Grid / List i think you must keep up to date your plugin, and make it work in WP MultiSite.

Thanks

the plug in does not work in WordPress multisite network.

the issue with the short description on the catalogue page.

expecting your valuable solution

Hello,

Is it possible to hide the products pictures or show a smaller picture to display more products on the screen without scrolling ?

Thank you.

im just wondering if the cookie name: gridcookie is set by this plugin? if so what is the uses of this cookie for this plugin?

i need this info to comply with EU cookie laws.