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.

Bill Erickson

Allows you to create a div by using the shortcodes [div] and [end-div]. To add an id of “foo” and class of “bar”, use [div id=”foo” class=”bar”].
<a href="https://github.com/billerickson/Div-Shortcode/issues" rel="nofollow ugc">Support Forum</a>

Div Shortcode

Allows you to create a div by using the shortcodes [div] and [end-div].

Mimo Carousel vs Div Shortcode