coffee4dev

<ul>
<li>
Create Zoom In, Zoom Out button on category page.
</li>
<li>
Zoom In/Zoom out to change the column of list products.
</li>
<li>
Shortcode [c4dwcgz]
</li>
</ul>
This plugin is used in C4D Vision – Responsive WooCommerce Theme
You can view here http://coffee4dev.com/responsive-woocommerce-theme-c4d-vision/
<h3>Arbitrary section 1</h3>

C4D Woo Category Grid Zoom

shazdeh

The shortcode requires the widget ID, but no need to guess, the plugin generates the code for you. To override the widget title for a widget you can use the “title” parameter: 
 [widget id=”text-1″ title=”New title”] 
You can also hide the widget title entirely if desired: 
 [widget id=”text-1″ title=”0″]
Additional Parameters:
<ul>
<li>container_tag: the HTML tag to use for the widget container, default: <code>div</code></li>
<li>container_class: CSS classname added to the widget container, default: <code>widget %2$s</code> (Note: uses sprintf for variable substitution)</li>
<li>container_id: HTML ID attribute for the widget container, default: <code>%1$s</code> (Note: uses sprintf for variable substitution)</li>
<li>title_tag: HTML tag to use for the widget title wrapper, default: <code>h2</code></li>
<li>title_class: CSS classname for the widget title wrapper, default: <code>widgettitle</code></li>
</ul>

Widget Shortcode

I had tried another plugin to use a widget in the gutenberg block editor on a page, however that plugin had some issues so was not ideal.

Widget shortcode enabled me to add my widget by copying the generated shortcode to the shortcode block in the block editor, resulting in the widget being displayed perfectly on the page. 

Works perfectly with the block editor

Adds [widget] shortcode which enables you to output widgets anywhere you like.

C4D Woo Category Grid Zoom vs Widget Shortcode