infinitescroll php,php – Strategery – InfiniteScroll不工作
If you copy the ‘infinitescroll’ folder on your webroot, the files
will end up under the default theme. This should be ok in most
installations because Magento falls back to the default theme when it
can find files in the custom themes. The rest of this article covers
the scenario where the plugin isn’t loaded correctly from the default
package/theme.
The first thing you should do is move them to the package/theme you’re
using, just to be sure they’ll be loaded.
Browse the repository to see where the files are located. Those that are inside the ‘app/design/frontend/default/default’ should be
moved to your package/theme: ‘app/design/frontend/package/theme’.
Visit the following url: 07001 and make sure there’s
some Javascript being printed. If you get a 404 then the module is not
loaded properly. If its blank or you get an exception then the module
probably has trouble finding the layout or template files.
Once the URL above returns javascript, visit a page in your catalog and view its source. Make sure you can find the following
string within the source: “infinitescroll/js” – it should exist as
part of the URL for a SCRIPT tag. If you can’t find it then you have a
compatibility problem with the layout file (which in the repository is
located at
app/design/frontend/default/default/layout/strategery-infinitescroll.xml).
If the string exists however then the plugin is loaded and configured properly.
Finally, once you know the plugin is being loaded, you will have to adjust the options under System -> Configuration -> Catalog ->
Infinite Scroll in order to configure InfiniteScroll options properly.
You will find two types of selectors. The first one is the container, by default called “category-products”, which “contains” all
the items. category-products
Then you will find another selector called “products-grid” which is
the item selector. item
This two selectors are the ones you must enter in the Infinite Scroll
configuration under Content and Items.category-products
Next: next
You can get the code by doing a second click on the screen and picking
“Inspect element” in any modern browser.
For this extension to work with any theme, the theme must have a
container div, like category-products and also a item div like
products-grid.
Also the theme must have the pager active, otherwise the extension
wont work because of the lack of some selectors.
For more information on how to configure the options follow this link:
07002
OR
If problem not solved then
After the installation
Add the following in layout.xml:
strategery/infinitescroll/init.phtml
Copy from app/design/frontend/base/default/template/strategery path to the same path in your theme
Copy from skin/frontend/base/default/js/infinitescroll path to the same path in your skin-theme
Make sure that the /js/jquery/infinitescroll path exist and have four *.js files inside
Configure plugin:
always set Yes on Include jQuery field
always view that your product-list div class is same as in Content field. In default theme is “.category-products” class (with the dot is
a first sign in class name)
always set No on Hide Toolbar field
Of cource you should flash all possible cache
infinitescroll php,php – Strategery – InfiniteScroll不工作相关推荐
- 无限分页infinite-scroll整合SpringMVC
阅读本文可能会解决的问题: ① infinite-scroll.js和html页面的整合 ② infinite-scroll.js的配置 ③ 翻页时的传参问题 ④ 前台及后台分页配置 ⑤ 数据加载格式 ...
- 瀑布流插件|jquery.masonry|使用demo
Maonsry+Infinite-Scroll实现滚动式分页,网上有很多,这里只说: 瀑布流插件的一个基本使用,附上基本功能的demo <html> <head> <me ...
- 响应式瀑布流加载更多
演示https://infinite-scroll.com/demo/masonry/ <!doctype html> <html lang="en" class ...
- Select2(4.0.6)城市搜索
实现了城市列表的前端搜索,输入汉字.拼音首字母均可搜索,前端搜索 效果图 select2.js需要做改动我从本站下的,需要修改matcher方法,现在贴出代码 /*!* Select2 4.0.6-r ...
- infinitescroll php,WordPress: 增加无限分页(Infinite Scroll)功能
Infinite Scroll是一种动态加载内容的方式,当网页滚动到底部时,自动载入本需要翻页才能看到的内容,在社交应用中很常见,例如新浪微博. WordPress.com已经支持了这个功能,但自己h ...
- 翻翻git之---实现下拉到底刷新RecycleView InfiniteScroll
转载请注明出处:王亟亟的大牛之路 因为今天还有点工作上的事没做完,所以就不吹B了,介绍完库写完解释就吃饭去了,下午还要干活呢 InfiniteScroll 在传统的ListView李有PullToFr ...
- 使用infinite-scroll实现Ghost博文列表的滚动加载
Ghost博客系统默认提供的博文列表为传统的翻页方式(通过点击上一页.下一页等按钮来切换),随着移动客户端的发展,瀑布流式的滚动加载方式得到广泛应用,有效地提高了用户浏览信息的流畅度.下面详述如何通过 ...
- vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法...
(vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法"问题疑问,本网通过在网上对" (v ...
- 解决Element的 InfiniteScroll 无限滚动组件报错
问题: 使用Element的 InfiniteScroll 无限滚动组件,代码正常,但是控制台还是会有报错: vue.esm.js?efeb:628 [Vue warn]: Error in dire ...
最新文章
- 【c语言】查找200以内既是3的倍数又是5的倍数的数
- 华为鸿蒙不再孤单mmes,华为Watch GT2新色图赏 简约时尚设计新增100种运动模式
- 阮一峰react demo代码研究的学习笔记 - Chrome extension - react tool
- java表数据去重_java8实现列表去重,java8的stream 和lambda的使用实例
- LeetCode 1060. 有序数组中的缺失元素(二分查找)
- 【力扣】合并两个有序链表
- ESP8266 - 首次使用点灯科技
- 计算机本地磁盘设密码,电脑硬盘,教您电脑硬盘怎么设置密码
- Mybatis-Plus 基础知识点
- 一个汽车软件测试工程师的三年工作总结
- 寻路机器人单片机程序示例_单片机典型案例开发(四)
- ISTQB-TM-大纲
- ubuntu系统shell 中source: not found错误
- java 打印机编程_JAVA实现连接本地打印机并打印文件的实现代码
- linux查看文件的特殊权限,linux文件的特殊权限及隐藏权限
- 取消阅读器小手向下箭头
- android 像素宽度转换成cm,android-将像素转换为sp
- 欧尼酱讲JVM(09)——虚拟机栈-变量槽slot
- 核心库aud$过大清理
- MVCC 水略深,但是弄懂了真的好爽