WooCommerce Product Slider – Set Number of Columns to 1?

Ich habe die obige Lösung mit dem Produkt raster ebenfalls gemacht, und es funktioniert. Wie kann ich das ins Enfold Child Template speichern?

Can I make a request for this change to be rolled into the base as it can’t be put in a child theme?

Thanks,

Ian

Thanks, done.

I have this same question. Is there any workaround?

I’d like to hook into this very old thread:

I also want to show the product grid with 1 column only. While I can manage this via CSS, it is painful to do for all responsive sizes.

This code (provided by Woocommerce) should actually take care of it, however, as soon as I add it to functions.php, the websites crashes with HTTP ERROR 500:

// Change number or products per row to 1
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 1; // 1 products per row
	}

Is this because the way how Enfold deals with Woocommerce? Is there a way to change this code to make it “Enfold-compatible”?

At the moment I use the solution as described above, but it is of course not optimal…

Thanks!
Klaus

Thanks a lot Ismael! Embarrassing to oversee a brace, but I copied this 1:1 from Github, where it is also missing. Well… ;)

Strange is, that at 767px width suddenly 2 columns are shown again, at 479px back to one column, although I added this filter now, AND the Enfold solution described above.

But I do not want to bother you with this. I need the descriptions on the right instead of below, anyhow, so I need to do via CSS. Looks already pretty ok anyway, only for very small smartphone screens I need to try to get the view centered, instead of left aligned. But this is my part to do…

Best regards,
Klaus

I have try to set the number of columns to 1 on the WooCommerce Product Slide with >

"subtype" => array(	__('1 Columns', 'avia_framework' )=>'1',
					__('2 Columns', 'avia_framework' )=>'2',
					__('3 Columns', 'avia_framework' )=>'3',
					__('4 Columns', 'avia_framework' )=>'4',
					__('5 Columns', 'avia_framework' )=>'5',
					)),

but that breaks my website!

I need to set the number of columns to 1 or show the smaller product like the Otto.de site.(on mobile)

Victoria,

Not sure if the above fix works. Can you confirm the correct approach to configuring only 1 column in a Product Slider? I simply need the “All Access” product to occupy the whole 1/2 section. Link below

That woked perfectly. The product now occupies the whole 1/2 column. Thank you.

Team,

I spoke too soon. This only works on an Edge browser. .It does not work on Internet Explorer, Firefox, and Chrome.

I cleared cache yesterday and tried on 2 other computers/networks.

This only works on an Edge browser. .It does not work on Internet Explorer, Firefox, and Chrome.

I disabled WP Content Protect. It is now ready for inspect element.

How can I center the 1 column so that 1 product shows in the middle of the page on desktop?