[更新]ZenCart首页随机产品横向滚动效果
来源:互联网 发布:java 跨域请求 编辑:程序博客网 时间:2024/06/04 18:20
效果图
安装方法
1.将文件夹YOUR_TEMPLATE改为你模板的名称
2.将includes\templates\YOUR_TEMPLATE\templates\tpl_random_default.php中文件末尾
1
<script type=
"text/javascript"
src=
"includes/templates/YOUR_TEMPLATE/jscript/random.js"
></script>
中YOUR_TEMPLATE改为你模板的名称
3.上传文件即可
使用方法
在需要调用的地方增加
1
<?php
2
require
(
$template
->get_template_dir(
'/tpl_random_default.php'
,DIR_WS_TEMPLATE,
$current_page_base
,
'templates'
).
'/tpl_random_default.php'
); ?>
小技巧
1.修改随机产品个数
修改includes\templates\YOUR_TEMPLATE\templates\tpl_random_default.php
1
$num
=10;
//随机产品数量
2.删除产品名称或价格,在includes\templates\YOUR_TEMPLATE\templates\tpl_random_default.php将注释名称和价格的下的代码注释
3.更改自动移动速度,在includes\templates\YOUR_TEMPLATE\jscript\random.js
1
AutoPlayObj = setInterval(
'ISL_GoDown();ISL_StopDown();'
,3000);
//间隔时间
下载
– – – – – – – – – – – – – – – – – – – – – – – – – -2012-7-13更新 – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
有朋友说js效果不滚动等原因,但是我自己在默认模板 IE Firefox google chrome测试时都是正常的,今天看到一款jq的图片滚动效果不错,索性就将换来的js换掉,直接套到这个插件里
演示
DEMO:demo
安装方法
1.将文件夹YOUR_TEMPLATE改为你模板的名称
2.将includes\templates\YOUR_TEMPLATE\common\html_header.php中
1
<?php
if
(isset(
$canonicalLink
) &&
$canonicalLink
!=
''
) { ?>
2
<link rel=
"canonical"
href=
"<?php echo $canonicalLink; ?>"
/>
3
<?php } ?>
下面引入google的jq库
1
<script src=
"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
type=
"text/javascript"
></script>
如果模板中已经引入jq库,则可以省略
3.上传文件即可
效果控制
在includes\templates\YOUR_TEMPLATE\jscript\jscript_random.js末尾
1
$(document).ready(
function
(){
2
$(
"#slideUl"
).slide({
3
li_size:1,
//每次滚动li个数,默认一屏
4
speed:1000,
//速度:数值越大,速度越慢(毫秒)默认500
5
timer:4000,
//不需要自动滚动删掉该参数
6
li_w:143,
//每个li的宽度(包括border,margin,padding,都要算进去)
7
left:
"sildeLeft"
,
8
right:
"sildeRight"
9
});
10
});
调用
在在需要调用的地方增加,如在includes\templates\YOUR_TEMPLATE\common\tpl_header.php中增加
1
<?php
2
if
(
$this_is_home_page
) {
3
require
(
$template
->get_template_dir(
'/tpl_random_default.php'
,DIR_WS_TEMPLATE,
$current_page_base
,
'templates'
).
'/tpl_random_default.php'
);
4
}
5
?>
- [更新]ZenCart首页随机产品横向滚动效果
- 改变zencart 首页随机显示产品
- zencart新进产品滚动
- 【js与jquery】产品列表横向滚动效果
- 文字横向滚动效果
- 文字横向滚动效果
- JS横向无缝滚动效果
- android 图片横向滚动效果
- android 图片横向滚动效果
- android 图片横向滚动效果
- RecyclerView 实现横向滚动效果
- RecyclerView 实现横向滚动效果
- unity之led滚动效果 横向滚动
- js产品滚动效果
- 首页自动滚动显示效果
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- django rest framework 入门3——Class Based Views
- 画笔的异或模式
- Unity3d 应尽量避免使用foreach
- Linux的shell编程(二) (转)
- phpcms常用标签
- [更新]ZenCart首页随机产品横向滚动效果
- ASMCMD命令
- IOS开发之TableView以及TableViewCell背景设置
- Android 上层界面到内核代码的完整的流程分析,以alarm为例子
- java中堆和堆栈的区别
- django rest framework 入门4——Authentication & Permissions
- IOS解析JSON的两种方法
- 上转型对象
- asp .NET弹出窗口 汇总