人人商城小程序三级分类样式修改

人人商城小程序样式为固定的左侧+右侧展示方式，但对于有些需求，可能并不完美，故开发成顶部+下左+下右的排版方式来展示三级分类

人人商城V3小程序分类页展示，模版一（下右单分类）：

人人商城V3小程序分类页展示，模版二（下右分类+商品）：

在使用时，还要修改后台代码，因为人人商城默认顶级分类不能使用图片，故还需将后台分类页模版ewei_shopv2/template/web_v3/goods/category/post.html 的分类图片的判断{if !empty($parentid)} {/if}移除。

人人商城的后台分类列表页展示（可选）修改ewei_shopv2/template/web_v3/goods/category/index.html

<img src="{php echo tomedia($row['thumb']);}" width='30' height="30" onerror="$(this).remove()" style='padding:1px;border: 1px solid #ccc;float:left;' />

最后如果要使用模版二的话还需修改小程序接口，返回商品列表（有需要的话可以自行修改成点击二级分类后再请求接口，返回商品列表，这里为了方便，就附加在商品分类中返回）ewei_shopv2/plugin/app/core/mobile/shop.php

if (!empty($t['id'])) {
	$goodsLists = pdo_fetchall('SELECT id,title,thumb FROM ' . tablename('ewei_shop_goods') . " WHERE uniacid =:uniacid and FIND_IN_SET({$t['id']}, cates) ORDER BY displayorder DESC, id DESC", array(':uniacid' => $_W['uniacid']));
	foreach ($goodsLists as &$goods){
		$goods['thumb'] = tomedia($goods['thumb']);
	}
	$child['goodsTotal'] += count($goodsLists);
	$child['child'][] = array('id' => $t['id'], 'name' => $t['name'], 'thumb' => $t['thumb'], 'advurl' => $t['advurl'], 'advimg' => $t['advimg'], 'goodsLists' => $goodsLists);
}

相关小程序前端资源，评论后刷新下载。下载后将caregory文件夹覆盖到/pages/shop/

有什么问题或BUG请第一时间联系QQ:505097558【承接PHP定制开发】

抱歉，只有对本文发表过评论才能阅读隐藏内容。

打赏赞

垃圾堆中的精品

人人商城小程序三级分类样式修改

评论回复