会员专享

人人商城会员中心头部模板显隐会员积分等项

人人商城会员中心模板属于通用型的,我们想要修改一下贴合项目的风格,先从新增头部模板开始。

先看看默认的界面

一、模板及JS文件

会员中心前端模板,一个是默认的显示模板,另一个是后台店铺装修使用的模板。

//默认会员中心前端模板
/addons/ewei_shop/template/mobile/default/member/index.html

//diy自定义会员中心前端模板
/addons/ewei_shop/plugin/diypage/template/mobile/default/template/tpl_member.html

//diy模板操作项
/addons/ewei_shop/plugin/diypage/template/web_v3/_template_edit.html

后端店铺装修的DIY JS文件位置在:

/addons/ewei_shopv/plugin/diypage/static/js/diy.min.js

接着上一张店铺装修界面的修改情况截图

二、会员积分显隐

隐藏内容 VIP会员登录可见
以下VIP会员组可阅读此处隐藏内容
初级会员 正式会员 [非卖]小伙伴

请先登录并开通会员

三、会员等级显隐

隐藏内容 VIP会员登录可见
以下VIP会员组可阅读此处隐藏内容
初级会员 正式会员 [非卖]小伙伴

请先登录并开通会员

下图是隐藏相关项后的样子:

四、除了显隐,我们还可以修改整个模板

这里来个大拓展,修改整个头部模板,比如我们新增一个样式三,如图2。

1、打开 /addons/ewei_shop/plugin/diypage/template/web_v3/_template_edit.html 文件,查找如下代码:

<script type="text/html" id="tpl_edit_member">

在“样式选择”的子项中,添加如下代码,增加样式三的选项

<label class="radio-inline"><input type="radio" name="style" value="default3" class="diy-bind" data-bind-child="params" data-bind="style" data-bind-init="true" <%if params.style=='default3'%>checked="checked"<%/if%> > Y-样式三</label>

2、接着打开 /addons/ewei_shopv2/plugin/diypage/template/mobile/default/template/tpl_member.html 文件,将最后一个 {/if} 替换成如下代码段:

{elseif $diyitem['params']['style']=='default3'}
	<div class="headinfo style-3" style="background:{$diyitem['style']['background']}; {if !empty($diyitem['style']['background'])}border:none;{/if}">
		………这里是样式三的模板代码,自由发挥吧………
	</div>
{/if}

也就是添加选项三的模板代码,记得添加样式对应的CSS代码即可,这里老杨就不写了,各取所需。

参与评论

  • 394******@qq.com

    第四点修改整个模板,您是不是漏了php部分没有写上去

    3年前 (2019-11-04)
    回复
  • YangJunwei

    如果仅是前端排版类的处理,无需PHP部分;如果有新增数据展示,可参考membercard的处理。

    3年前 (2019-11-13)
    回复
    回复YangJunwei
  • 394******@qq.com

    博主,请问您有使用过全民社区这个功能吗,我发现全民社区里普通用户无法删除自己发的东西,只有版主跟管理员可以删除,想问问可不可以让普通用户也可以删除自己发的帖子

    3年前 (2019-11-14)
    回复
  • YangJunwei

    数据删除需求要看运营向,可以开发!如需可加Q

    3年前 (2019-11-14)
    回复
    回复YangJunwei
  • 394******@qq.com

    是的,谢谢博主。

    3年前 (2019-11-14)
    回复
  • 104*******@qq.com

    漏了啥 能不能帮忙补充一下!

    3年前 (2019-11-13)
    回复
  • 394******@qq.com

    排版上是只需要改html,只是如果要传入新数据要修改php代码

    3年前 (2019-11-14)
    回复
  • 104*******@qq.com

    请问下$diyitem里面的数据是使用哪个php文件获取的?

    3年前 (2019-11-14)
    回复
  • YangJunwei

    现在不方便看,我没记错应该是在 diypage/core/mobile/index.php 中,你试试

    3年前 (2019-11-14)
    回复
    回复YangJunwei
  • 394******

    你好,我的理解是/plugin/diypage/default/mobile/diypage/template/tpl_member.tpl.php这个文件修改的,但至于$diyitem我也还在寻找中,不知道是不是全局变量,如果我回答错了,请你修正下,因为我也在学习中

    3年前 (2019-11-14)
    回复
    回复394******