Title: DMD Infinite Scroll Author: deadmustdie Published: 2016 年 7 月 4 日 Last modified: 2017 年 4 月 17 日 --- 搜尋外掛 ![](https://ps.w.org/dmd-infinite-scroll/assets/banner-772x250.png?rev=1448689) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://s.w.org/plugins/geopattern-icon/dmd-infinite-scroll_d3d3d3.svg) # DMD Infinite Scroll 由 [deadmustdie](https://profiles.wordpress.org/deadmustdie/) 開發 [下載](https://downloads.wordpress.org/plugin/dmd-infinite-scroll.zip) * [詳細資料](https://tw.wordpress.org/plugins/dmd-infinite-scroll/#description) * [使用者評論](https://tw.wordpress.org/plugins/dmd-infinite-scroll/#reviews) * [開發資訊](https://tw.wordpress.org/plugins/dmd-infinite-scroll/#developers) [技術支援](https://wordpress.org/support/plugin/dmd-infinite-scroll/) ## 外掛說明 Plugin provide AJAX loading for WooCommerce products and can be used for any other posts. Paginate up to 10 sets of posts in the same template. Can be compatible with any other AJAX plugins, that has option to call custom JavaScript code. * Infinite Scroll – Automatically load new products(posts) when the user scroll down and reaches the bottom of the products(posts). * Load More Button – Click to load new products(posts). * Pagination – Normal pagination but load the next page with AJAX. Use one plugin for different pages and post types. Work great with WordPress and WooCommerce #### Features * Infinite scroll, load more buttons or AJAX pagination for posts and products. * Multiple sets of settings. * Infinite scroll and load more button for next page and previous page. * Only the required number of pages is displayed at the same time. * Page can be scrolled to the top, when products is replaced. * Custom threshold for infinite scroll * Custom load image can be loaded. * Easy stylization for next page button and previous page button. * Custom JavaScript code can be execute before or after posts(products) load * HTML5 PushState #### Setup * Once the plugin is installed navigate in admin area to “DMD Infinite Scroll”(“ DMD Plugins” -> “DMD Infinite Scroll” ). * Select theme from drop down list “Presets”. If your theme isn’t listed then add the correct selectors. * You can use special tool to setup selectors(work only for “Setting set 1”) 1. Your site with posts(products) must contain at least 3(three) pages. 2. Open second page. 3. Add to the page link “?dmd_is=selectors” or “&dmd_is=selectors” if link already has “?” symbol. 4. Click on element and move to the previous element with “Parent” button on right and bottom. 5. Red border show element, that selected. 6. Click next if this is correct element. * This is experimental tool. It may not work with some themes. It is also sometimes necessary to edit the result of yourself. * If this tool isn’t work for you, then use your browser developer tools. * “Posts Selector” The selector that wraps all of the posts/products. * “Post Selector” The selector of an individual post/product. * “Pagination Selector” The selector of the post/product pagination. * “Next Selector” The selector of the pagination next link. * “Previous Selector” The selector of the pagination next link. * “Pages Selector” The selector of the other pagination links. * Choose settings, that you want. * Click “Save Changes”. #### Multiple sets of settings * Select in “Sets count” option how many sets you need. * Click “Save and reload” button. * You can navigate between settings sets with help of “Current set” drop down list. #### Styling * You can style buttons in admin area. * Navigate to “DMD Infinite Scroll”( “DMD Plugins” -> “DMD Infinite Scroll” ) * Open “Styles” tab. * Click on “Edit styles” button. * Click option(Margin, Border, Padding, Content) to edit it. * Also you can style any button with help of CSS code. 1. “div.dmd_next_page” – wraper for next page button. “div.dmd_next_page a.button”– next page button. 2. “div.dmd_previous_page” – wraper for previous page button. “div.dmd_previous_page a.button” – previous page button. 3. “div.dmd_ajax_product_load” – wraper for loading image. “div.dmd_ajax_product_load img” – loading image. ## 螢幕擷圖 * [[ * /assets/screenshot-1.png ## 常見問題集 Installation Instructions #### Upload in the WordPress Dashboard 1. Click “Upload Plugin” in the plugins dashboard. 2. Choose “dmd-infinite-scroll.zip” from your computer. 3. Click “Install Now”. 4. Activate the plugin in the plugins dashboard. #### Upload With FTP 1. Upload the “dmd-infinite-scroll” folder to the “/wp-content/plugins/” directory. 2. Activate the plugin in the plugins dashboard. Why infinite scroll doesn’t work on my site?(doesn’t load products? doesn’t remove pagination?) 1. Please check, that you have correct selectors. 2. Check, that front end page with post(products) doesn’t have JavaScript errors. How can I get feature, that plugin doesn’t have? 1. Create topic on support with feature request. 2. Wait for answer is it possible to add this feature and is it planned to add this feature. 3. If this is possible to add it, but you don’t want to wait or it is not planned to add it, then you can send donation to provide stimulus to add this feature. ## 使用者評論 ![](https://secure.gravatar.com/avatar/3cfcb589a1b8c8ac14f789f9a50e3484de0e084055f056272ffac10ae97e0b0c? s=60&d=retro&r=g) ### 󠀁[Best out there!](https://wordpress.org/support/topic/best-out-there-26/)󠁿 [kpark](https://profiles.wordpress.org/kpark/) 2018 年 4 月 27 日 Works great and far easier to set-up than other plugins that do far less! ![](https://secure.gravatar.com/avatar/a48cc4cb94795f44c44a64e7f698caa54e2cb94015b9e7c771cd04cb0fe68555? s=60&d=retro&r=g) ### 󠀁[Tried Them All | Best of Any Found to Date](https://wordpress.org/support/topic/tried-them-all-best-of-any-found-to-data/)󠁿 [ingenuitor](https://profiles.wordpress.org/ingenuitor/) 2017 年 7 月 18 日 This is by far the best Infinite Scroll plugin that works right out of the box, that I could find. Even other like plugins that I paid for do not work as well and I tried anything on the market as of 7/18/17. So that to me says allot IMHO about this plugin 🙂 ![](https://secure.gravatar.com/avatar/82eae85107944d27c4a075c1792bdaaadd89ec0c626fb19eca8958bbc1872a26? s=60&d=retro&r=g) ### 󠀁[The Best Infinite Scroll Plugin](https://wordpress.org/support/topic/the-best-infinite-scroll-plugin/)󠁿 [giuseppecuttone](https://profiles.wordpress.org/giuseppecuttone/) 2017 年 7 月 2 日 I was looking for an infinite scroll compatible with GeoDirectory plugin (it run with google map). I contacted with all the developer of infinite scroll in wordpress repository and also in third parties platforms. Nobody was able to help me except DMD (the developer of this plugin). He resolved compatibility in a few days and he also is working in resolve compatibility with others plugin that working with google map. Resuming: very professional and competent developer; very functional and efective plugin, supported plugin. What are you looking for? We can not ask any more… 1000 thanks for your great work. ![](https://secure.gravatar.com/avatar/f3bdb20ea4f09466db2c075448fe90f96bd738b718d163546e2e480e4b4fbc99? s=60&d=retro&r=g) ### 󠀁[simple the best](https://wordpress.org/support/topic/simple-the-best-7/)󠁿 [basket13](https://profiles.wordpress.org/basket13/) 2016 年 9 月 3 日 dmd infinite scroll is simple the best of all plugins infinite scroll wordpress. ![](https://secure.gravatar.com/avatar/09e14dca21d63cb30f2d4b84153e555933fa3977c3f018e3b21ef5e86290198f? s=60&d=retro&r=g) ### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-10346/)󠁿 [bunzaw](https://profiles.wordpress.org/bunzaw/) 2016 年 9 月 3 日 It has long been looking for a plug-in. All sorts of settings in which you need to understand. But then you can configure it for themselves. [ 閱讀全部 4 則使用者評論 ](https://wordpress.org/support/plugin/dmd-infinite-scroll/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈DMD Infinite Scroll〉的開發相關工作。 參與者 * [ deadmustdie ](https://profiles.wordpress.org/deadmustdie/) [將〈DMD Infinite Scroll〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/dmd-infinite-scroll) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/dmd-infinite-scroll/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/dmd-infinite-scroll/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/dmd-infinite-scroll/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/dmd-infinite-scroll/)。 ## 變更記錄 #### 0.9.1 * Fixes: Some files was missed #### 0.9.0 * Features: Lazy Load for images * Features: Animation for post/product with Lazy Load * Features: Preset for Twenty Seventeen theme * Features: More presets for WooCommerce * Fixes: border styles doesn’t work with some themes * Fixes: WooCommerce products count fix * Fixes: Settings page style #### 0.8.0 * First beta version(use it on live site on your own risk). ## 中繼資料 * 版本 **0.9.1** * 最後更新 **9 年前** * 啟用安裝數 **60+** * WordPress 版本需求 ** 4.2 或更新版本 ** * 已測試相容的 WordPress 版本 **4.7.33** * 語言 * [English (US)](https://wordpress.org/plugins/dmd-infinite-scroll/) * 標籤: * [ajax pagination](https://tw.wordpress.org/plugins/tags/ajax-pagination/)[infinite scroll](https://tw.wordpress.org/plugins/tags/infinite-scroll/) [woocommerce infinite scroll](https://tw.wordpress.org/plugins/tags/woocommerce-infinite-scroll/) * [進階檢視](https://tw.wordpress.org/plugins/dmd-infinite-scroll/advanced/) ## 評分 5 星，滿分為 5 星 * [ 5 個 5 星使用者評論 ](https://wordpress.org/support/plugin/dmd-infinite-scroll/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/dmd-infinite-scroll/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/dmd-infinite-scroll/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/dmd-infinite-scroll/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/dmd-infinite-scroll/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/dmd-infinite-scroll/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/dmd-infinite-scroll/reviews/) ## 參與者 * [ deadmustdie ](https://profiles.wordpress.org/deadmustdie/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/dmd-infinite-scroll/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=4E5PGYEVW4EAS)