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.

Bamboo Manchester

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts and allows for content to span multiple columns if required.
Usage
Insert the required shortcodes into your content as follows:
2 column layout:
<pre><code> [column-half-1]
 First column of content
 [/column-half-1]
 [column-half-2]
 Second column of content
 [/column-half-2]
</code></pre>
3 column layout:
<pre><code> [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2]
 Second column of content
 [/column-third-2]
 [column-third-3]
 Third column of content
 [/column-third-3]
</code></pre>
4 Column layout:
<pre><code> [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2]
 Second column of content
 [/column-quarter-2]
 [column-quarter-3]
 Third column of content
 [/column-quarter-3]
 [column-quarter-4]
 Fourth column of content
 [/column-quarter-4]
</code></pre>
If you want content to span multiple columns you can combine the shortcodes to create a column spans multiple spaces, for example:
<pre><code> 1 Third / 2 Thirds

 [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2-3]
 Second column of content that spans the second and third columns
 [/column-third-2-3]

 1 Quarter / 2 Quarters / 1 Quarter

 [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2-3]
 Second column of content that spans the second and third columns
 [/column-quarter-2-3]
 [column-quarter-4]
 Third column of content that occupies the fourth quarter column
 [/column-quarter-4]
</code></pre>
If you need to embed a set of columns within a column, you can do so by adding ‘inner-‘ to the shortcode as follows:
<pre><code> [column-half-1]
 Some Text
 [inner-column-half-1]
 Some more text
 [/inner-column-half-1]
 [inner-column-half-2]
 Even more text
 [/inner-column-half-2]
 [/column half 1]
 [column-half-2]
 The final text
 [/column-half-2]
</code></pre>
You can also change the background colour of a colour by adding an attribute to the shortcode as follows:
<pre><code> [column-half-1 background="e8e8e8"]
</code></pre>

Bamboo Columns

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts.

Mimo Carousel vs Bamboo Columns