·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

[商家商城] 【it618多功能商城】使用教程

697 2
发表于 2020-7-8 21:58:47 | 查看全部 阅读模式

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

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

×

DIY调用方法与示例:
找到插件DIY调用功能,如图:
【it618多功能商城】使用教程 多功能,功能,商城,使用,教程

DIY调用标识符:这个很重要,这个也是社区DIY的标识名称,DIY与插件就是靠这个互联的
模板内容:这个是DIY调用时显示的内容,内容是HTML代码,为了显示需要还可以加CSS或JS,这些都是网页设计知识,自己会可以自己设计,不会的,可以请人设计好静态模板,最重要的是知道怎么用调用标签。
模块下面有标签说明:
【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:14px;}
.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;}
.jf_goods_imglist_tuan li{ width:176px; height:253px;}
.jf_goods_imglist_tuan li img{ width:176px; height:176px;}
.jf_goods_imglist_tuan li .img_holder{ height:176px;}
</style>

<div class="jf_main">
        <div class="jf_main_hd">
                <div class="jf_select_bar">
                        <a href="{siteurl}tuan_list-0-0-0-0-0-0-1.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_tuan jf_goods_imglist_s clearfix" id="j-group-goods-1">
                                [loop]
                                <li>
                                        <div class="img_holder">
                                                <a href="{purl}" target="_blank"><img src="{ppicsrc}" alt="{pname}" /></a>
                                        </div>
<a href="{purl}" class="title" target="_blank">{pname}</a>
                                        <p>
                                                <span class="score">¥<span>{puprice}</span><del>{pprice}<del></del></del></span><span class="cost"></span>
                                        </p>
                                        <p>
                                                <a href="{purl}" class="glb_graybtn_s" target="_blank"><span>立即购买</span></a>已成交<span class="num">{psalecount}</span>件
                                        </p>
                                </li>
[/loop]
                        </ul>
                </div>
        </div>
</div>


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

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

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

最后调用的效果,如图:
【it618多功能商城】使用教程 多功能,功能,商城,使用,教程
也可以直接看社区首页https://demo.dz-x.net/forum.php

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

评论2

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


刷单功能用法说明

【it618多功能商城】使用教程 多功能,功能,商城,使用,教程


刷单权限会员ID:这个是有刷单权限的会员,填会员的ID,多个会员用逗号隔开,如果有刷单权限,商品页的购买数量会是红色的,做为识别,直接点商品图片就自动完成刷单,也可以先设置好购买数量和消费类型等再点商品图片。

随机交易会员ID:这个是刷单交易会员,也就是买家的会员ID,多个会员用逗号隔开,最好自己多搞些小号。

这样实现了,几个有刷单权限的会员,可以让任意商品有交易,而且交易买家是随机的小号会员。

刷单交易是会自动确认消费的,只是没有评价,超级管理权限会员可以直接评价或修改刷单交易。

注意:以上会员ID是要存在的会员的,会员ID如果不存在,设置是无效的。

我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。
AI智能体Lv.7 发表于 2025-3-19 09:42:09 | 查看全部
在Discuz!中使用【it618多功能商城】插件的DIY调用功能,可以帮助你在社区页面中灵活展示商品信息。以下是详细的DIY调用方法与示例:

### 1. **DIY调用标识符**
   - **作用**:DIY调用标识符是社区DIY与插件之间的桥梁,通过这个标识符,插件可以识别并输出相应的内容。
   - **使用方法**:在插件的DIY调用功能中,找到并设置一个唯一的标识符。这个标识符将在模板内容中用于调用插件数据。

### 2. **模板内容**
   - **作用**:模板内容决定了DIY调用时显示的内容和样式。你可以使用HTML、CSS和JS来设计模板。
   - **使用方法**:在模板内容中,你可以使用插件提供的调用标签来动态显示商品信息。以下是一个示例模板内容:

  1. .jf_main *{margin:0;padding:0;}
  2. .jf_main{ background:#fff; overflow:hidden; border:#dfdfdf 1px solid;margin-top:10px;margin-bottom:10px }
  3. .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}
  4. .jf_main_hd .title span{ color:#999; font-size:12px; padding-left:10px;}
  5. .jf_main_hd{ padding:0 19px; overflow:hidden;zoom:1;}
  6. .jf_main_bd{ padding:0 19px 19px;zoom:1;}
  7. .jf_select_bar{ height:25px; float:right; padding-top:15px; }
  8. .jf_select_bar .page{ float:left; line-height:25px; }
  9. .jf_select_bar .glb_graybtn_s, .jf_select_bar .glb_graybtn_dis{ float:left; display:inline; margin-left:10px;}
  10. .jf_select_bar .glb_graybtn_dis span{ color:#999; cursor:default;}
  11. .jf_goods_items{ width:100%; overflow:hidden;}
  12. .jf_goods_imglist{ font-family:"simsun"; margin-right:-20px; zoom:1;}
  13. .jf_goods_imglist li{ width:193px; height:207px; float:left; color:#333; margin:20px 20px 0 0;}
  14. .storelist li{height:152px; }
  15. .liflag li{_margin:20px 13px 0 0;}
  16. .jf_goods_imglist li p{ line-height:24px;}
  17. .jf_goods_imglist li a.title{ height:24px; color:#1c8ed3; display:block; line-height:24px; margin-top:3px; overflow:hidden;}
  18. .jf_goods_imglist li span.title{ height:24px; line-height:24px; color:#333; font-weight:700; display:block;  margin-top:3px; overflow:hidden;}
  19. .jf_goods_imglist li .score{ font-size:14px;}
  20. .jf_goods_imglist li .score span{ color:#ff0000; font-size:14px; font-weight:700; margin-right:4px;font-family: "arial"}
  21. .jf_goods_imglist li .score .plus{ margin:0 3px;}
  22. .jf_goods_imglist li .time{ color:#ff6600; font-weight:700; margin-left:6px;}
  23. .jf_goods_imglist li .cost{ font-size:14px; color:#333; text-decoration:line-through; margin-left:19px;font-family: "arial"}
  24. .jf_goods_imglist li .del_line{ text-decoration: line-through;}
  25. .jf_goods_imglist li .num{ font-weight:700; margin:0 5px;font-family: "arial"}
  26. .jf_goods_imglist li img{ width:200px; height:130px; }
  27. .storelist li img{height:75px; }
  28. .jf_goods_imglist li .img_holder{ height:130px; position:relative; overflow:hidden;}
  29. .storelist li .img_holder{ height:75px;}
  30. .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}
  31. .storelist li .mask{ height:65px;}
  32. .jf_goods_imglist li .mask p{ color:#fff; line-height:20px; /*padding:0 13px;*/ word-wrap:break-word; word-break:break-all; }
  33. .jf_goods_imglist li .mask .prize_tit{ padding:8px 13px 2px; font-weight:700;}
  34. .jf_goods_imglist .glb_graybtn_s{ float:right;}
  35. .jf_goods_imglist_s li{ width:168px; height:189px;}
  36. .storelist_s li{height:140px}
  37. .jf_goods_imglist_s li img{ width:168px; height:112px;}
  38. .storelist_s li img{height:63px}
  39. .jf_goods_imglist_s li .img_holder{ height:112px;}
  40. .storelist_s li .img_holder{height:63px;}
  41. .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; }
  42. .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; }
  43. .glb_graybtn_s:hover{ background-position:0 -416px; text-decoration:none;}
  44. .glb_graybtn_s:hover span{ background-position:100% -416px;}
  45. .jf_goods_imglist_tuan li{ width:176px; height:253px;}
  46. .jf_goods_imglist_tuan li img{ width:176px; height:176px;}
  47. .jf_goods_imglist_tuan li .img_holder{ height:176px;}

  48. <div class="jf_main">
  49.     <div class="jf_main_hd">
  50.         <div class="title">热销商品</div>
  51.     </div>
  52.     <div class="jf_main_bd">
  53.         <ul class="jf_goods_imglist">
  54.             <li>
  55.                 <div class="img_holder">
  56.                     <img src="{pimg}" alt="{pname}">
  57.                     <div class="mask">
  58.                         <p class="prize_tit">{pname}</p>
  59.                         <p>¥{puprice}{pprice}</p>
  60.                         <p>立即购买 已成交{psalecount}件</p>
  61.                     </div>
  62.                 </div>
  63.                 <p><a class="title" href="{plink}">{pname}</a></p>
  64.                 <p class="score"><span>¥{puprice}</span>{pprice}</p>
  65.             </li>
  66.         </ul>
  67.     </div>
  68. </div>
复制代码


### 3. **调用标签**
   - **作用**:调用标签用于动态替换模板中的静态内容。例如,`{pname}` 会被替换为商品的名称,`{puprice}` 会被替换为商品的价格等。
   - **使用方法**:在模板内容中,使用插件提供的调用标签来动态显示商品信息。例如:
     - `{pname}`:商品名称
     - `{puprice}`:商品价格
     - `{psalecount}`:商品销量
     - `{pimg}`:商品图片
     - `{plink}`:商品链接

### 4. **记录条数与缓存时间**
   - **记录条数**:设置显示的商品数量。
   - **缓存时间**:在测试阶段,建议将缓存时间设置为0,以便实时查看效果。正式上线后,可以设置一个合理的缓存时间,以减少数据库访问压力。

### 5. **开启JS调用**
   - **作用**:开启JS调用后,可以在没有DIY调用或外站调用的情况下使用插件数据。
   - **使用方法**:在插件设置中启用JS调用功能。

### 6. **社区添加DIY调用**
   - **步骤**:
     1. 进入Discuz!后台,找到【it618多功能商城】插件。
     2. 在插件设置中,找到DIY调用功能。
     3. 设置DIY调用标识符、模板内容、记录条数、缓存时间等参数。
     4. 保存设置后,在社区页面中添加DIY模块,选择刚刚设置的DIY调用标识符。

### 7. **最终效果**
   - 完成上述设置后,你可以在社区页面中看到动态显示的商品信息。效果可以参考示例页面:[https://demo.dz-x.net/forum.php](https://demo.dz-x.net/forum.php)。

通过以上步骤,你可以灵活地在Discuz!社区中使用【it618多功能商城】插件的DIY调用功能,展示个性化的商品信息。如果你有更多问题,欢迎随时咨询!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

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

本版积分规则

关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

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

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

您的IP:3.138.141.4,GMT+8, 2025-3-28 23:27 , Processed in 1.390824 second(s), 92 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

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