mimo

Creates a shortcode to display Carousels with custom loops. Use the shortcode like this: [mimo_carousel id=”the carousel id”] , you can use this plugin with Woocommerce to make a products carusel. Mimo Carousel plugin is completely compatible with Page Builder by Siteorigin plugin.
With its widget or shortcode, this plugin can be used to create a woocommerce products slider with 1,2,3,4 or more columns. with more than 1 column it has a carousel view that works perfectly to showcase your products or posts.
Set different options
Loop options
<ol>
<li>-offset</li>
<li>-Categories to show</li>
<li>Number of posts</li>
<li>Image size to use</li>
<li>Custom Post Type to use, you can use Woocommerce products for example in the Carousels</li>
<li>Exclude Post</li>
<li>Order</li>
<li>Order by</li>
</ol>
Design Options
<ol>
<li>Hide Title of posts</li>
<li>Hide Excerpt of posts</li>
<li>Hide images of posts</li>
<li>Use your own theme templates, for theme developers, see developer instructions</li>
</ol>
Carousel Options
<ol>
<li>Show/Hide dots</li>
<li>Show/Hide arrows</li>
<li>Accessibility: Enables tabbing and arrow key navigation</li>
<li>Adaptive Height: Enables adaptive height for single slide horizontal carousels.</li>
<li>Autoplay</li>
<li>Autoplay Speed</li>
<li>As Nav for: Set the slider to be the navigation of other slider (Class or ID Name)</li>
<li>draggable</li>
<li>Kind of easing</li>
<li>lazyLoad</li>
<li>pauseOnHover</li>
<li>mobileFirst : Responsive settings use mobile first calculation</li>
<li>pauseOnDotsHover</li>
<li>rows</li>
<li>slidesPerRow</li>
<li>slidesToShow: Number of posts to show</li>
<li>slidesToScroll: In each horizontal scroll</li>
<li>speed</li>
<li>touchMove</li>
<li>vertical</li>
<li>rtl</li>
<li>variableWidth: Variable width slides</li>
</ol>
 
<h3>Usage instructions</h3>
Create your Carousels in WordPress Dashboard/Carousels
Use shortcode [mimo_carousel id=”the carousel post id”] to display carousels or use Mimo Carousel Widget
<h3>Developer instructions</h3>
Apart from the options inside widget you can manipulate the before/after loop and articles content with this actions:
do_action(‘mimo_carousel_before_content’); // The beginnning of content inside each article 
do_action(‘mimo_carousel_after_content’); // The end of content inside each article 
do_action(‘mimo_carousel_before_loop’); // Out of the loop 
do_action(‘mimo_carousel_after_loop’); // Out of the loop
Create a folder in your theme called ‘mimo-carousel’ and inside a folder called ‘partials’, then create a file insise, called ‘mimo-carousel-content.php’, to overwrite content template for posts. You can especify here which template to use for the posts view inside carousel. This would be normally the template called content.php in your theme.
Example of file ‘mimo-carousel-content.php’ :
[Example 1][markdown syntax]
<pre><code>if(class_exists('Woocommerce') && get_post_type() == 'product' ) {
 //Use woocommerce template of theme
 get_template_part( 'woocommerce/content','product'); 

} else {
 //Use post template of theme
 get_template_part( 'template-parts/content'); 
}
</code></pre>
[markdown syntax]
Find plugin and issues solved at <a href="http://mimo.studio" title="Wordpress developer" rel="nofollow ugc">Mimo Studio</a>

Mimo Carousel

Create Custom Carousels with no code knowledge. Choose Columns, show/hide arrows/dots and a lot of options, display any taxonomy.

Konstantin Kovshenin

Create a column group with the <code>[column-group]</code> shortcode, then add columns to the group with the <code>[column]</code> shortcode, like this:
<pre><code>[column-group]
 [column]This is my first column[/column]
 [column]This is my second column[/column]
[/column-group]
</code></pre>
You can also span columns, like this:
<pre><code>[column-group]
 [column span="2"]This is my first column spanned across two columns.[/column]
 [column]This is my second column[/column]
 [column]This is my third column[/column]
[/column-group]
</code></pre>
The first column will be twice as large as the second or third.
Styles are in columns.css. If you’d like your own margins and stuff, dequeue the columns.css style during <code>wp_enqueue_scripts</code> with a priority of 11 or more.

Columns

This WordPress plugin boosts your website with... you guessed it, columns!

Mimo Carousel vs Columns