內容簡介
建立一個短碼來展示訂製循環的輪播器。使用短碼方式如下： [mimo_carousel id=”輪播器 ID ”]，您可以與 Woocommerce 配合使用此外掛程式，以製作商品輪播。Mimo Carousel 外掛程式完全兼容 Siteorigin 插件的構建器。
透過其元件或短碼，此外掛程式可以用於創建 1、2、3、4 或更多行的 Woocommerce 商品滑块。具有多於 1 行的滑块檢視器可完美地展示您的產品或文章。
設定不同選項
循環選項
- 偏移量
- 要顯示的類別
- 文章數量
- 要使用的圖片尺寸
- 要使用的自訂文章類型，例如您可以在輪播器中使用 Woocommerce 產品
- 排除文章
- 排序
- 依照排序
設計選項
隱藏標題
隱藏內容摘要
隱藏圖片
使用您自己的主題模板，針對主題開發人員，請參閱開發者指令
輪播器選項
顯示 / 隱藏點
顯示 / 隱藏箭頭
無障礙：啟用制表和箭頭鍵導航
自適應高度：啟用單個幻燈片水平輪播器的自適應高度。
自動播放
自動播放速度
作為相關輪播器的導航：設置滑動器為其他輪播器的導航（類或 ID 名稱）
可拖曳
緩和類型
延遲載入
滑鼠移入時暫停播放
mobileFirst：響應設置使用“ mobile first 計算”
在點擊點時暫停播放
行數
每行要顯示的幻燈片數量
要顯示的文章數量
每次水平滑動的文章數量
速度
滑動
直向
從右至左
可變幅度：可變幅度的幻燈片
使用指示
在 WordPress 儀表板 / 輪播器 中建立您的輪播
使用短碼 [mimo_carousel id=”輪播文章 ID ”] 以顯示輪播或使用 Mimo Carousel 元件
開發人員指示
除了元件內的選項之外，您可以透過以下操作來操控迴圈之前 / 之後和文章內容：
do_action(‘mimo_carousel_before_content’)； // 開始每篇文章內容
do_action(‘mimo_carousel_after_content’)； // 結束每篇文章內容
do_action(‘mimo_carousel_before_loop’)； // 在迴圈外
do_action(‘mimo_carousel_after_loop’)； // 在迴圈外
在您的主題中創建名為“ mimo-carousel”的文件夾，再在其中創建一個名為“偏置”的文件夾，然後在其中創建一個名為“ mimo-carousel-content.php”的檔案，以覆寫文章的內容範本。您可以在此處指定在輪播器中顯示文章視圖所使用的範本。通常這將是您當前主題中名為 content.php 的範本。
檔案“ mimo-carousel-content.php”示例：
如果（class_exists( 'Woocommerce' ) && get_post_type() == 'product'）{
// 使用主題的 woocommerce 模板
get_template_part（'woocommerce/content'，'product'）；
} else {
// 使用主題的文章範本
get_template_part（'template-parts/content'）；
}
尋找外掛和問題解決方案，請前往 Mimo Studio
外掛標籤
開發者團隊
原文外掛簡介
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
-offset
-Categories to show
Number of posts
Image size to use
Custom Post Type to use, you can use Woocommerce products for example in the Carousels
Exclude Post
Order
Order by
Design Options
Hide Title of posts
Hide Excerpt of posts
Hide images of posts
Use your own theme templates, for theme developers, see developer instructions
Carousel Options
Show/Hide dots
Show/Hide arrows
Accessibility: Enables tabbing and arrow key navigation
Adaptive Height: Enables adaptive height for single slide horizontal carousels.
Autoplay
Autoplay Speed
As Nav for: Set the slider to be the navigation of other slider (Class or ID Name)
draggable
Kind of easing
lazyLoad
pauseOnHover
mobileFirst : Responsive settings use mobile first calculation
pauseOnDotsHover
rows
slidesPerRow
slidesToShow: Number of posts to show
slidesToScroll: In each horizontal scroll
speed
touchMove
vertical
rtl
variableWidth: Variable width slides
Usage instructions
Create your Carousels in WordPress Dashboard/Carousels
Use shortcode [mimo_carousel id=”the carousel post id”] to display carousels or use Mimo Carousel Widget
Developer instructions
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]
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');
}
[markdown syntax]
Find plugin and issues solved at Mimo Studio
