hedge

Website-elements which are collapsable help avoiding visual noise these days and give control to the user, what they want to see. Dagon Design developed a WordPress-Plugin called “<a href="http://www.dagondesign.com/articles/expanding-text-plugin-for-wordpress" rel="nofollow ugc">Expanding Text</a>” which enables a blogger to make any part of a post collapsable. I wasn’t entirely convinced with it, so I forked my own plugin.
<h4>
 Improvements compared to Expanding Text 
 </h4>
<ul>
<li>
 You can freely choose a text to be shown in front of the expand-link (default is a double-arrow), which indicates whether the part is collapsed or expanded next
 </li>
<li>
 the expand-part will expand via a jQuery-animation. This looks a lot better, than having the text just appear all of the sudden.
 </li>
<li>
 You can add expanding text directly with a media-button in the article editor
 </li>
</ul>

Text Expander

Allows you to define areas of text that expand/collapse when clicked.

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.

Text Expander vs Mimo Carousel