$7.49 .com domain with free InstantPage Website Builder$1.99 Web Hosting   捷飞网络官方淘宝店   Godaddy 优惠码
返回列表 发帖
分享到:




[开发经验技巧分享] Zen cart 常用二次开发教程及模块收集整理(不定期更新)

本帖最后由 jfx 于 2012-11-1 01:22 编辑
8 p6 Q! ^1 T: W3 C3 }* U- o6 R) T
: [9 R. h- P- ~8 v8 ]$ S3 C首页轮换广告flash+xml实现的方法
, Q' O' z  H8 z* e
3 |& G: g' a% i" ^1 g终于找到比较合适,又简单的的方法来实现,我用的是Bcastr 4.0测试版
3 U8 ]7 t# H: `, K希望对大家有帮助 不多说了,开始/ O1 v; u# P6 T* A: {$ J2 Z

  }$ V# S; e1 o* l, I6 v- y) l: {, Q6 D首先下载源代码文件. H" x9 {" E# w% h8 d2 @$ L
http://www.girlmerry.com/tt/example.zip" i6 v3 O5 ^) O, P) h

: K  ~( f' G1 g1 R( a将bcastr4.swf 和bcastr.xml上传到网站的跟目录 可以将images里面的文件可以上传做测试用9 Z. J" _% u9 p) Y2 F8 P
( G$ l0 v+ c; Z( ^# }* n  o" B. D; M# G
然后在后台工具>广告管理>选择你要修改的广告地方' z! S4 G/ h+ h

$ e$ L0 {; y3 R在HTML文本处添加如下代码8 Q) z- E) R6 w; e) `0 M: P
代码: 全选<object id="bcastr4" data="bcastr4.swf?xml=bcastr.xml" type="application/x-shockwave-flash" width="716" height="274">: y0 Z0 T2 `, M  i/ E% ^  f6 G$ A
        <param name="movie" value="bcastr4.swf?xml=bcastr.xml" />
( A7 w0 M" C( r( ^</object>0 M0 p( y( R( K2 s

2 l" _4 S& k9 Z. ~) Z# W9 H+ ~, i6 Y/ u
: [' J, B" O* B" W! n. S' w% U
高度、宽度自己设置
) a) R( c  @, S8 X8 [
+ f+ @) t1 w+ n* [更改图片描述等相关信息在bcastr.xml里面更改
+ |  E: t( \- Q6 F* v# V. p% L) B' Q! x* Q( ^
以下用”.”描述xml树结构并说明参数作用$ R' m& b" P2 `

( ?7 A3 p3 J4 ?2 |3 }, E8 F影片信息' v7 _9 @: w9 t6 T  R1 C. v4 X) q+ v

1 C! G8 p3 ~7 cchannel.item
4 d# I1 k/ m% W图片信息,可以设置多张图片  e  X, h- _- ]2 v
* H, _0 D2 d8 ]: ~/ ?% D
channel.itme.image5 I8 k3 P% g, I
图片地址参数,此参数是唯一必须要有的参数,其他参数都有默认参数
/ s# u* q5 g3 X, E# d, w% b
! @5 G2 L/ p2 z: k+ Xchannel.itme.link
5 L* j& {( V" _" j8 c1 t$ H* H3 d对应图片的连接
( h( M' D- e+ k' c$ J  x) {+ l2 g  O1 n: y- v
channel.itme.tilte
3 ~- D+ x  P. H6 g) N对应图片的标题2 e7 ~2 `* s8 L. p
8 [2 h, _9 r; K. D  S" D' z( O
设置; v6 z6 n( u3 N+ x
( r) F: u6 e) ~6 Z$ @$ N
config.roundCorner
9 ]2 n1 X- J; f+ @1 E3 R图片的圆角
3 P, \& f8 z0 F4 J, R2 n5 r, z# ^, I% r8 U" d8 w! X' n
config.autoPlayTime
7 ^  C3 ]- s2 `: Z" [6 e# Y图片切换时间,默认值是8,单位秒
+ A4 E$ O' B9 _, A+ Z, I
1 ]2 L& H& i" T1 ?7 @config.isHeightQuality5 N) p5 {$ [, h/ t& x
图片缩小是否采用高质量的方法,默认值false9 `# I2 m1 O7 R* ]: K$ R3 _
  c! E4 V& D) c% |7 v- Z
config.normal7 ^2 M# t: h9 b7 L
图片的混合模式
/ Y6 e% \( k( W! I- z
1 C; l. [% D& i) B$ y; |' y* Nconfig.transDuration
9 O5 ?5 Z7 d; U' f图片在切换过程中的时间,默认值1,单位秒7 G  J- M1 a- c: q* ~. ]" T3 m. i4 F: N
7 G8 _) b" u$ q  B3 p2 j
config.windowOpen
9 e) v3 Z; i* |/ }- h图片连接的打开方式,默认值”_blank”,在新窗口打开,也可以使用”_self”,使用本窗口打开; ^# X0 r( |+ ]) m' ^4 ]$ g$ L

4 ~# |' R, J7 g8 }config.btnSetMargin, j# Y8 E: p3 B
按钮的位置,文字的位置,用了css的margin概念,默认值”auto 5 5 auto”,四个数值代表 上 右 下 左 相对于播放器的距离,四个数值用空格分开,不需具体数值用”auto”填写 ,比如左上对齐并都有10像素的距离可以写 “10 auto auto 10″, 右下角对齐是”auto 10 10 auto”  M  v' f" ^" ^% F* d
6 Q: z7 Y6 x  C1 s+ I( I
config.btnDistance  }7 S1 x+ E! n2 I$ r
每个按钮的距离,默认值20  j) g, o9 M( Y- q: V; L

9 D- o% \  g1 c8 s. A# ]$ F+ z8 [config.titleBgColor
7 w: z6 s4 [6 T! H2 O" g! N标题背景的颜色,默认0xff6600
/ J& \% t/ ?3 G. P: A& S  X. U' F% _
config.titleTextColor
9 k; W# k( K( i3 E; N1 d标题文字的颜色,默认0xffffff
" x# M, a9 q$ {0 }
! K$ E4 n3 ^! T8 U4 c5 |; Uconfig.titleBgAlpha
8 a: S; L( Y" s- ]( c& O标题背景的透明度,默认0.756 Z4 D$ C4 ?0 M8 k

+ }6 X: ?$ z0 y& b0 P2 jconfig.titleFont# A4 o+ ^8 U( d. Q* Q9 s
标题文字的字体,默认值”微软雅黑”
( a& {7 R! X7 O. q) Q  B; e) |" z0 f, l7 Y+ i" |: L
config.titleMoveDuration
* w! f% u2 Y2 I& x' @! `标题背景动画的时间,默认值1,单位秒& o& ?; D' n6 b7 c/ K  r" ^1 s

1 i+ w' }# n& G; Oconfig.btnAlpha/ y( V" J9 b- P1 c
按钮的透明度,默认值0.7
, b6 C: i9 g0 E2 X3 ]) o% w6 P8 o- n) q; m
config.btnTextColor# e6 Y, c; o0 V5 T" e, x: v
按钮文字的颜色,默认值0xffffff9 e. d. G! V9 \8 j% y  d8 O

- L/ p; F$ N# X' A* mconfig.btnDefaultColor/ U/ D0 C* {4 `  X1 U
按钮的默认颜色,默认值0x1B3433
' u) w+ z5 @( `# N) c
' K* F0 l! S, [' {8 Xconfig.btnHoverColor, p3 p$ v/ c' z5 s8 H% H
按钮的默认颜色,默认值0xff9900* Q0 Y6 J. \- t1 M7 H& O2 T
6 }2 E0 D9 n3 ]5 D+ B$ _
config.btnFocusColor
4 z! d5 T8 T) D" c! V# Z: L# K9 Z' K1 v按钮当前颜色,默认值0xff6600
2 B( I( z6 x" J, g/ U
: Z+ N. \4 n7 u8 l3 fconfig.changImageMode$ `. d$ c* [, b1 ^" ^, m
切换图片的方法,默认值”click”,点击切换图片,还可以使用”hover”,鼠标悬停就切换图片! ?1 J& G) f5 L

" \" H; l: S, Z6 F4 f, r- `- ?& F+ Econfig.isShowBtn6 [+ D  `, {, V2 j2 B+ E; E6 I
是否显示按钮,默认值”true”3 }, z( [: O* G! t# I1 P
1 h. w3 S2 u8 x! \
config.isShowTitle. ^3 U, F& l0 ^) f* N" }* C
是否显示标题,默认值”true”. i; N8 D6 V3 b: X; ^/ R
2 R- Z, K( W7 S: \
config.scaleMode
5 ^* R  [5 L) s7 M& a( [图片放缩模式: 默认值是”noBorder”
1 S- o6 R  \* A“showAll”: 可以看到全部图片,保持比例,可能上下或者左右
! b( ]/ W6 S# P$ H; s3 D“exactFil”: 放缩图片到舞台的尺寸,可能比例失调; h4 W& z# D8 F
“noScale”: 图片的原始尺寸,无放缩
0 {' V) \/ ^4 v. e) p“noBorder”: 图片充满播放器,保持比例,可能会被裁剪
' ^; N' p. o( j' V3 p" p0 t+ F, W1 D& H% }
config.transform. L; Q  }& q% l% _  N" a: O3 F
图片放缩模式: 默认值是”alpha”& ?+ C/ e! M9 ^
“alpha”: 透明度淡入淡出. L6 u4 T: z7 e' x+ S! l9 h
“blur”: 模糊淡入淡出! Y" P& Z% `" h. E9 [& q
“left”: 左方图片滚动
8 R3 ]9 L- K, d/ h9 L: [“right”: 右方图片滚动6 d2 |: S- H* A. o. m6 b" r* Q* U
“top”: 上方图片滚动2 Q2 i. l! @7 z
“bottom”: 下方图片滚动9 x9 C1 _, d5 ~$ [3 j& `
“breathe”: 有一点点地放缩的淡入淡出
6 c& a, @/ x' O5 V0 U+ r( e+ K“breatheBlur”: 有一点点地放缩的模糊淡入淡出,本页的例子就是这个
* M( d, m" t4 [4 \1 ^4 L/ ~$ ~- z+ T& P6 o" t2 ~* M* F0 d
config.isShowAbout
9 B. k' i& v# K+ L6 ?是否显示关于信息,默认值”true”


Wishlist Manager ; @* W1 H' D$ z" Z# J* x
9 {' S, P9 M0 }
http://eazyecommerce.com/platforms/zen-cart/modules/wishlist-manager& l9 d% C0 n0 {5 Z! |, s+ J4 x( }& r

7 `( u8 W8 T# y+ W6 U要钱买..: L& D  r4 t" y- n) R% p& v  U

! K/ ?4 _: q+ A; U* j/ w


TOP





Ajax Onepage Checkout

Ajax Onepage Checkout% n" J( J* h. U# K- i* L
1 U- [8 d7 e  {0 F$ z
http://eazyecommerce.com/platforms/zen-cart/modules/ajax-onepage-checkout/ [+ M# s8 Y* d$ I5 N/ M
3 z9 X* m8 v* u2 k" K
要钱买...# z, t+ v& ^1 F/ R/ N' [4 i

TOP

模块插件专栏

本帖最后由 jfx 于 2012-11-1 01:34 编辑
3 [, R$ U9 @; P; q5 T  a  y5 H7 d1 g- j
Jquery Lightbox
% W$ Z+ W  v/ w. J8 g; j! o9 v; U- k+ ^) z& r8 i+ S4 Q
http://www.zen-cart.com/showthread.php?117656-Jquery-Lightbox-Support-thread/page2&highlight=jquery+lightbox8 S* A9 D/ m( E4 s8 N) C
ZJ Silver
- c& O6 ~; n6 I8 \9 R# @" N; J; q7 z, a' q/ Q
http://www.zen-cart.com/downloads.php?do=file&id=7213 U/ i% y5 {! Y( k% M! O4 |
简介:6 ~  i$ I; g6 Z( \+ S/ a
ZenCart jQuery Silver is a jQuery magic version of ZenCart.9 s  N8 {' x" x' p
It contains collapsible and removable sideboxes, stored in a cookie so states are remembered on page load.: M7 q2 A( I' ~2 R# o% J
Additional product images are displayed in a carousel and all product images are also displayed in a lightbox effect.
. m, U4 j/ Q7 t; NAlso, some pages such as the shipping estimator and pop up help pages have been replaced with the lightbox effect.
. V2 d* u' D9 W' VThis is the first release, is well tested but needs credits for the jQuery stuff added. ' u! t. A$ u/ O" D
JQLightBox+JQZoom_For_ZenCart 修改版
' l+ _+ d* X  u" J( `7 e6 \
/ M" |" W% C* O: W* F) A! I( f& vhttp://www.zen-cart.cn/forum/topic136304.html6 z( @! A: G8 q3 Q4 q% w2 E: L& N
简介:: B5 n; y  A- f( N! T. P" d
JQLightBox 和 JQZoom 是 Zen Cart 较常用的两个图片展示效果增强模块
! R( D, s( t% d$ Y$ ~原来在安装 JQLightBox 和 JQZoom 这两个模块时 还需要先安装 css_javascript_loader 模块才能正常加载
7 R8 e6 Y4 D( y+ V! P5 }0 a& y4 ]即便如此 亦有很多童鞋 尚不能正常安装使用这两个模块2 }1 M& F: S' X  M& M7 I0 x7 [
这里 稍加作了点修改 省去了 再安装 css_javascript_loader模块这一步 简化的安装过程和出错机率
& P$ v. }) I2 C7 S# C直接上传 模块文件下的 imgaes 文件夹 和 includes 文件夹到你的Zen Cart程序目录下 覆盖即可0 b; i0 f: g! k; x2 E4 |
对默认的程序 可以直接覆盖 如果 自行修改了对应的文件或安装了 涉及到修改相同文件的模块  S" u- ], f. m% I
请参照各 文件夹下的 文件 备份对应的文件后 再覆盖或修改操作
, S1 P2 I+ c8 l1 Q. |- y# C2 h5 ]: s
9 r4 l. ~# [9 ~  L6 n5 Y" c上传模块文件时 注意 先将 本文件夹下的 "你的当前模板目录名" 更改为 与 你当前使用的模板文件夹名称相同的文件名 切记 !!!; B" n. Y" Q- f# j5 K: N
: V& T9 d2 {5 V: R4 y! O: {
需要对应修改的地方有两处 ! O! I8 L  Y7 P% q9 o9 V
分别位于 includes/templates/ 下 和 includes/modules/ 下% A3 `+ \: G$ g+ ^

' H- s4 ?" D/ ~( ~如果当前模板或网站使用了共用jquery库的话
2 x; }/ w4 A" M5 R/ x建立 参照下面帖子 后面 的建议 去掉 这两模块所加载的 jquery库文件; O" s1 M" i" D1 i2 r
http://www.zen-cart.cn/forum/topic86244.html+ h% _) P5 B( }& v' M
! n, c) ]! Q- i6 p# _
文件夹 安装卸载 下的 文件 为 模块数据库 安装 和 卸载脚本 8 X1 a1 q# r7 i
: u. _% V/ \9 M& O; g/ }! s, Q
RSS Feed2 p* Q3 `- }$ Y' D' G% t
http://www.zen-cart.com/downloads.php?do=file&id=511$ T0 ?5 `9 K% `. K; v0 h
简介:4 I% J; R  W# S
Generate RSS Feed for:; q3 X( {0 _$ C* q2 m0 L/ g% x
Categories;7 o, a2 P$ M! F+ Y" ~
Subcategories in category;
7 O/ K# j, i7 R# l$ K; J; s( cAll Products;
3 ^: D1 P5 Z- ]3 `Products in category;
& ?* [4 ^. z/ d0 J$ XProduct by ID;
8 i2 |# [/ r$ D1 z# K9 K9 `Product by MODEL;
# j; g' [$ s; _7 y; RNew products;. O4 R1 K6 e& ]% J
New products in category;
$ n6 D: Q! b& N/ @6 D1 F/ oNew products random;
& n0 H- k$ H% a6 S- a$ J' `1 LNew products random in category;
. }) `7 v8 T' Q) RBest sellers;* j4 ?# D% E6 r9 |" C
Best sellers in category;
" _& G2 d  D  Y3 S( J, X. BBest sellers random;  o: b" S( ?. l
Best sellers random in category;* w5 W: }% `6 t2 _: j* n  e0 [
Specials;
% X( }7 z+ f) h( n6 l: PSpecials random;8 U; Z. G& P, V  t
Featured;
/ b+ O1 h( h' _; Q( b6 _1 f5 e, MFeatured random;
% R" Y2 v! r8 s# z& p4 QUpcoming;4 D" f' ^$ x( Q: D/ X4 @3 G& t$ ?
Upcoming in category;: h" F4 W7 q" q8 o4 K; L
Upcoming random;
% A: v3 n3 Y- m& EUpcoming random in category;
0 w! G& n. K7 J: j$ l1 r  |News from News & Articles contribution (http://www.zen-cart.com/forum/showthread.php?t=35342).
/ \- U) o3 X4 R  ?5 q: C0 w( }! h
( |( |6 C# `$ O9 C# ~, e2 }- [; |5 ?Parameter "limit" support for all feeds except "random".
) M! w6 f5 y. c
9 s. s3 ^# U7 A. b, ^) m0 bSupport additional Google Base tags.0 N  H) ^3 y1 K" s, i
. X1 u7 d" _5 O) A& f7 v% l
Add product image and BuyNow button to product description.3 D" |) i) l: s. v
( d' [' w: i0 W4 @: s) H
RSS is a powerful marketing tool! ( g, H! q! t1 G8 Z) e3 E- {; g
. S+ L% t. I2 P6 h0 J; H! H
News and Article Manager & Optional Sideboxes) k# p; u) E% G
http://www.zen-cart.com/downloads.php?do=file&id=791: i3 [/ N- m. X# x+ a' \
简介:7 L6 u9 o7 B" F7 P. {
The News & Article Manager offers a comprehensive range of functions for adding and managing news, articles and even blog entries, integrated with Zen Cart and with provision for eaily linking to the products in your cart.4 p: a9 p8 Z; t$ T0 Z+ w( w5 [

- H) G2 O* [: H! ]/ J% l$ rIt was developed for the Zen Cart 1.2.x series and has not been updated since, but the core functions work fine in Zen Cart 1.3.x.  S$ W5 p1 i' N2 [& N* T5 j. w' O+ t
# N( l; ~1 O4 z% r% z0 i9 e1 O
There are three optional sideboxes. These would need some updating for use in a 1.3.x cart.
; v, Q$ P  `$ X! D+ ?% }, h/ m( s& a+ B8 `: |9 Z
Historically the core package and optional sideboxes were available from www.dream-scape.com - the online home of its author Joshua Dechant. However, this URL is no longer available and so the whole package has been bundled together and made available here.
# [: n! S; W; d! p0 P6 i
; i7 P0 l7 _( BUnfortunately, the installation instructions and screenshots were hosted at dream-scape.com and appear to have been lost. However, there is an extensive support thread at http://www.zen-cart.com/forum/showthread.php?t=353428 E6 C9 R1 B6 K3 I& l# Q
Easy Populate with Group Price Per Item' j- d! k2 [8 N" r& J
http://www.zen-cart.com/downloads.php?do=file&id=986" b9 R1 v# N2 [; L; v; C0 l. b
简介:
* d' e: B) r: }( {+ Z! o
% R; d5 w* Q! \/ eThis version of Easy Populate has been modified to work with Group Price Per Item version 1.3.2 : u( s5 ~% s) T- m* u% A
3 y  K( Y1 `' y, _
Attribute image replaces main product image on sel8 |) p' x" `* F* _
http://www.zen-cart.com/downloads.php?do=file&id=6990 ^' i/ m4 \' S" E
简介:
0 H3 B, _- t+ sThis module provides the functionality to get the attribute image in place of main product image when user selects the particular attribute.& Q% j% P1 v5 j
This functionality has a full control through admin. It can made on and off using admin.
7 _: n, ^9 }6 m5 |1 S6 rIt is very easy to integrate with zen cart.
8 ?1 q5 O( G* d7 e5 V
( _1 a4 [. _  t; \4 |, I: o) cTo use this functionality ,
* ]% k2 ?( m# l0 v% K. fcopy this module and run the sql query using admin sql patches. . B: Y7 P  Q/ O% ]! R9 |2 M- U
To ON this functionality select the option name in option name manager and put the value 6 in Attribute Style for Radio Buttons/Checkbox:text box.4 q! Z" T; p# k) }
It also works for check box and has additional option type Link.( m! _+ M/ c" C: [) q3 C, w
It can be made off by putting value 7 .3 P4 j5 X  t% A& p; N7 E
Thanks.1 z; K9 |) T! K& q; M$ d. U
Will appreciate responce.
$ u# S5 k1 u4 E4 k% m' QZen Lightbox
7 u3 A* n: r9 m! W0 K8 ]  ?# ahttp://www.zen-cart.com/downloads.php?do=file&id=170( P" G- I3 p  M- ~( `
https://github.com/yellow1912/zencart-jqlightbox/
. Q1 o8 g! ]5 |& i+ o2 W2 A简介:' M* a( W" r9 c5 ^& K3 {
This contribution adds lightbox support to Zen Cart. All large product images will be displayed within a lightbox. This eliminates the need for popup windows and makes your website much more user friendly. Additional product images are displayed within a simple gallery interface.
7 q" f6 V* y  X" y# Y. M
$ ~- a( l$ C" ]$ F* h, fAs of v1.5, support for the lightbox effect on any page (including EZ-Pages) and keyboard navigation have been added. In addition to this, the source code has been optimised and the size of the JavaScript code has been reduced by 52.23%.
4 a" E- {+ ~  i4 m! b- u3 F5 p& L3 k
" f- v  X/ O! T; Y7 qCredit is due to Christophe Beyls for creating Lightbox JS v2, Chris Boylan for his work on the Image Handler 2 support and the Zen Cart Team for creating the best open source ecommerce package available! 9 h. n0 B$ F( L7 v+ G
Product Info Display (Justified)
. ]+ f; j1 _% J/ S* ^4 Q9 Z& W, @# r( [4 n5 j
http://www.zen-cart.com/downloads.php?do=file&id=944
- [/ q! Y& R5 y& P5 }简介:
$ d0 |+ o8 t( F; M
0 r5 Z2 V# u2 S8 t+ ?2 R& NThis mod creates fixed column widths for your main product image and description. The product description is justified in the right column. The add to cart button has been moved to just below the price. The price has been given a larger font. Your additional images are centered below both columns.8 @- @* q  s" p! l  ?

4 P; @6 m: @! B' m5 d7 XA screenshot is included in the zip file. 5 y6 B" @# M4 a, ?0 K  g9 n8 h& A
1 i; H; R( r3 j0 i  A4 m" B
Additional images relocated with CSS
9 n/ o- S$ v$ t( C) n6 O: w简介:4 ?. L! X; J  L% V
http://www.zen-cart.com/downloads.php?do=file&id=458
; S5 |' G3 V! p8 p! K* y- K& u9 a* v- l. s! b2 t
This contribution relocates additional images below the product main image using CSS, the latest version of Zen Cart files and is XHTML-compliant., g4 O4 ]" Z* w; Z2 G8 M' u: `% e7 s8 p
Explanations make it very easy to customize the look of the product page.
' F: k* t3 e9 {% X9 n5 r
. Z: m- |' r" rhttp://www.zen-cart.com/forum/showthread.php?t=69672
8 V* H; A( v( {& q' ^2 `Image Handler 2 for v1.3.x
$ y- C# D# d, a/ f' R$ W; m/ Y: I( E/ l/ {
http://www.zen-cart.com/downloads.php?do=file&id=40
, U7 `9 O( \% g  X6 w简介:/ i3 h8 T' ]% j4 F( F9 c2 Q1 ~/ C
This contribution uses GD libraries or ImageMagick (if installed on your server) to generate and resize small, medium and large images on the fly on page request. You can simply upload just one image or you can have different sources for medium and large images. This upgrade further enables you to watermark your images (overlay a second specific translucent image) and have medium images pop up when you move your mouse over a small image (fancy hover).- R! F( L$ \! M  }( Z) h
9 N1 b3 [$ \' X" I4 A
This contribution includes a powerful admin interface to browse your products just like you would with the Attribute Manager and upload / delete / add additional images without having to do this manually via FTP. Image Handler 2 works fine with mass update utilities like EzPopulate.3 u. P% `; s& [- w# O

# }! S$ g! S. p为zencart安装jqzoom、jqlightbox、tabbed_products插# T- b% Z* n, @& e2 x
http://blog.sina.com.cn/s/blog_571296860100fwke.html

TOP

返回列表
Namecheap
Namecheap.com - Cheap domain name registration, renewal and transfers - Free SSL Certificates - Web Hosting
互联网安全