·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹
返回列表 发布新帖

[插件教程] 【it618积分商城】使用教程

587 2
发表于 2020-7-8 22:03:29 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×


修改宽度样式说明(以宽度1200px为例):
.my_ftop{width:1200px;}
.jf_frame_left{ width:899px;}
.class_bd{width:855px;_width:805px;}
.it618_recruitment {width:860px;}
.it618_recruitment .it618_post {width:856px;}
.class_item,.class_item ul li{width:836px}
.jf_main_p{ width:968px;}
.jf_goods_imglist li,.jf_goods_imglist li img{ width:187px;}/*首页大图商品列表*/
.jf_goods_imglist_s li,.jf_goods_imglist_s li img{ width:165px;}/*首页小图商品列表*/
.jf_goods_imglist_list li,.jf_goods_imglist_list li img{width:203px;}/*商品列表页与商品页底部列表*/
.jf_goods_imglist_right li,.jf_goods_imglist_right li img{width:178px;}/*右侧商品列表*/
.jf_giftbag_info .giftbag_desc{width:550px}
.jf_giftbag_info .giftbag_desc h3{width:480px}
.xgtime{width:535px;}
.jf_my_main{width:968px;}
.jf_my_content{width:926px}
.win-form li {width:1178px}
.win-form li.pinfo{width:1040px;}
.win-form li.win-user {width:1168px;}
.jf_giftdetail img {
max-width:915px;
width:expression(document.body.clientWidth>915?"915px":"auto"); }
.ucul li.info{width:788px;}
.ulgwc{width:1172px}
.ulgwcp{width:1186px;}
.ulgwcp li.pinfo{width:1060px;}

如果是1200的宽度,插件设置的“首页轮播图版宽高”是899,399

除了红色代码部分,别的每行的宽度数值都可相对减少或增加,如果网站宽度是1100的,就是每行的宽度数值相对-100,紫色粗体数字是可以根据你想一行显示多少个商品调整的
【it618积分商城】使用教程 点微,it618,可可,西瓜
注意:如果网站宽度小于1190px,商品列表页与商品详情页就不要显示右侧商品,下图:
【it618积分商城】使用教程 点微,it618,可可,西瓜

如果大于1190时,商品列表页与商品详情页右侧商品数设置大于0就可以了

我要说一句 收起回复
最后回复时间:2020-07-08 22:04:54论坛官方发言人回复了此贴
  • admin admin 2020-07-08 22:04:54
  • admin admin 2020-07-08 22:03:55
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

评论2

admin楼主Lv.9 发表于 2020-7-8 22:03:55 | 查看全部


如果商品分类少,只想要一级分类或二级分类的方法

有三级商品分类,只是有的网站可能分类很少,不需要这么多级分类,有三种情况:

1、我要三级商品分类 这个很简单,只需要每级都添加分类就可以了,推荐三级分类

2、我要二级商品分类 一级商品分类添加一个就可以了,就不用再管一级了,只需要管理二级和三级,前台不会显示一级分类,一级分类名称任意

3、我要一级商品分类 一级商品分类与二级商品分类各添加一个就可以了,就不用再管一级和二级了,只需要管理三级,前台不会显示一级分类和二级分类,一级分类名称与二级分类名称任意


以上方法可以实现前台智能显示商品分类,只是在添加或编辑商品时,还是会显示三级商品分类下拉的


此功能有个最大的优势,就是以后商品分类多了,可以再添加一级或二级商品分类

我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。
admin楼主Lv.9 发表于 2020-7-8 22:04:54 | 查看全部

DIY调用方法与示例:
找到插件DIY调用功能,如图:
【it618积分商城】使用教程 点微,it618,可可,西瓜

DIY调用标识符:这个很重要,这个也是论坛DIY的标识名称,DIY与插件就是靠这个互联的
模板内容:这个是DIY调用时显示的内容,内容是HTML代码,为了显示需要还可以加CSS或JS,这些都是网页设计知识,自己会可以自己设计,不会的,可以请人设计好静态模板,最重要的是知道怎么用调用标签。
模块下面有标签说明:
【it618积分商城】使用教程 点微,it618,可可,西瓜

[loop]...[/loop]这个标签很重要,把设计好的静态模板的重复部分,用这个标签套起来。

模板内容示例:
<style>
.jf_main *{margin:0;padding:0;}
.jf_main{ background:#fff; overflow:hidden; border:#dfdfdf 1px solid;margin-top:10px;margin-bottom:10px }
.jf_main_hd .title{ font-size:16px; line-height:1; font-weight:500; font-family:"microsoft yahei"; padding-left:10px; margin-top:19px; border-left:#ff6600 3px solid; height:17px}
.jf_main_hd .title span{ color:#999; font-size:12px; padding-left:10px;}
.jf_main_hd{ padding:0 19px; overflow:hidden;zoom:1;}
.jf_main_bd{ padding:0 19px 19px;zoom:1;}
.jf_select_bar{ height:25px; float:right; padding-top:15px; }
.jf_select_bar .page{ float:left; line-height:25px; }
.jf_select_bar .glb_graybtn_s, .jf_select_bar .glb_graybtn_dis{ float:left; display:inline; margin-left:10px;}
.jf_select_bar .glb_graybtn_dis span{ color:#999; cursor:default;}
.jf_goods_items{ width:100%; overflow:hidden;}
.jf_goods_imglist{ font-family:"simsun"; margin-right:-20px; zoom:1;}
.jf_goods_imglist li{ width:193px; height:207px; float:left; color:#333; margin:20px 20px 0 0;}
.storelist li{height:152px; }
.liflag li{_margin:20px 13px 0 0;}
.jf_goods_imglist li p{ line-height:24px;}
.jf_goods_imglist li a.title{ height:24px; color:#1c8ed3; display:block; line-height:24px; margin-top:3px; overflow:hidden;}
.jf_goods_imglist li span.title{ height:24px; line-height:24px; color:#333; font-weight:700; display:block;  margin-top:3px; overflow:hidden;}
.jf_goods_imglist li .score{ font-size:13px;}
.jf_goods_imglist li .score span{ color:#ff0000; font-size:14px; font-weight:700; margin-right:4px;font-family: "arial"}
.jf_goods_imglist li .score .plus{ margin:0 3px;}
.jf_goods_imglist li .time{ color:#ff6600; font-weight:700; margin-left:6px;}
.jf_goods_imglist li .cost{ font-size:14px; color:#333; text-decoration:line-through; margin-left:19px;font-family: "arial"}
.jf_goods_imglist li .del_line{ text-decoration: line-through;}
.jf_goods_imglist li .num{ font-weight:700; margin:0 5px;font-family: "arial"}
.jf_goods_imglist li img{ width:200px; height:130px; }
.storelist li img{height:75px; }
.jf_goods_imglist li .img_holder{ height:130px; position:relative; overflow:hidden;}
.storelist li .img_holder{ height:75px;}
.jf_goods_imglist li .mask{ background:#ff9600; width:100%; height:100%; position:absolute; left:0; top:130px;  filter:alpha(opacity=95);opacity:0.95; cursor:pointer}
.storelist li .mask{ height:65px;}
.jf_goods_imglist li .mask p{ color:#fff; line-height:20px; /*padding:0 13px;*/ word-wrap:break-word; word-break:break-all; }
.jf_goods_imglist li .mask .prize_tit{ padding:8px 13px 2px; font-weight:700;}
.jf_goods_imglist .glb_graybtn_s{ float:right;}
.jf_goods_imglist_s li{ width:168px; height:189px;}
.storelist_s li{height:140px}
.jf_goods_imglist_s li img{ width:168px; height:112px;}
.storelist_s li img{height:63px}
.jf_goods_imglist_s li .img_holder{ height:112px;}
.storelist_s li .img_holder{height:63px;}
.glb_graybtn_s, .glb_graybtn_dis, .glb_orgbtn_s, .glb_disbtn_s{ background:url({siteurl}source/plugin/it618_scoremall/images/glb_btn.png) no-repeat 0 -391px; height:25px; line-height:25px; font-size:0; display:inline-block; padding-left:11px; vertical-align:middle; }
.glb_graybtn_s span, .glb_graybtn_dis span, .glb_orgbtn_s span, .glb_disbtn_s span{ background:url({siteurl}source/plugin/it618_scoremall/images/glb_btn.png) no-repeat 100% -391px; color:#555; line-height:24px; font-size:12px; padding-bottom:1px; display:inline-block; padding-right:11px; vertical-align:top; cursor:pointer; }
.glb_graybtn_s:hover{ background-position:0 -416px; text-decoration:none;}
.glb_graybtn_s:hover span{ background-position:100% -416px;}
</style>

<div class="jf_main">
        <div class="jf_main_hd">
                <div class="jf_select_bar">
                        <a href="{siteurl}scoremall.html" target="_blank">更多<span style="color:red;">it618积分商城</span>的商品>></a>
                </div>
                <h2 class="title">
                        热销商品
                </h2>
        </div>
        <div class="jf_main_bd">
                <div class="jf_goods_items">
                        <ul class="jf_goods_imglist jf_goods_imglist_s clearfix" id="j-group-goods-1">
                                [loop]
                                <li>
                                        <div class="img_holder">
                                                <a href="{url}" target="_blank"><img src="{src}" alt="{name}" /></a>
                                        </div>
<a href="{url}" class="title" target="_blank">{name}</a>
                                        <p>
                                                <span class="score">{price}</span><span class="cost"></span>
                                        </p>
                                        <p>
                                                <a href="{url}" class="glb_graybtn_s" target="_blank"><span>立即兑换</span></a>已兑<span class="num">{salecount}</span>件
                                        </p>
                                </li>
[/loop]
                        </ul>
                </div>
        </div>
</div>

以上红色代码部分就是调用标签,你设计好的静态模板可以先用实例表示,设计好后就用标签替换。

记录条数:显示商品的数量
缓存时间:设计测试时设置为0,方便直接看到效果,设计好了再设置一个数值,可以减少访问数据库
开启JS调用:可以在没有DIY调用或外站调用

论坛怎么添加DIY调用,可以看it618插件模块调用管理使用教程

最后调用的效果,如图:
【it618积分商城】使用教程 点微,it618,可可,西瓜

也可以直接看论坛首页https://demo.dz-x.net/forum.php

我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图

您的IP:3.236.143.154,GMT+8, 2024-6-24 15:55 , Processed in 0.208196 second(s), 84 queries , Gzip On, Redis On.

Based on Discuz! W1.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表