珠宝是典型的「靠图说话」的品类,但光有大图不够——客户还想知道这条项链戴在身上是什么效果、有没有别的材质、附近哪家店能试戴。这套珠宝首饰商城 HTML 网站模板把这三件事都做了页面。Look Book 给了两种版式,其中一种支持在造型图上打热点标注,鼠标移到模特身上的耳环就弹出商品卡并可直接加购,这是普通商城模板少见的做法。商品页则准备了变体选择,同一款吊坠可按黄金、铂金、钛钢切换价格与图片,尺寸与链长也能做成规格项。除此之外还有大图画廊型商品页和信息吸顶型商品页,长图详情滚动时购买区不会消失。门店页、品牌历程页、客户页把线下与品牌资产补齐,作品集三种排版可以放定制案例。首屏带订阅弹窗与迷你购物车,配深金与米白基调,质感是够的。同样的结构也适配其他高客单价、重视觉、有规格差异的品类:腕表、眼镜、香水、高端服饰箱包、工艺美术品、家居饰品,凡是需要「看着好看、还得选对型号」的生意都合用。
核心功能
热点标注 Look Book:造型图上直接标注单品并支持加购,从穿搭直通下单
材质变体选购:同款可切换黄金、铂金、钛钢等材质,价格与图片联动
三种商品详情形态:标准页、大图画廊页、信息吸顶页,长详情不丢购买入口
四种商城列表排版:主商城、标准列表、带筛选列表、通栏四列网格
门店与品牌页:门店位置、品牌历程、合作客户三页支撑高客单价的信任建设
作品集三种排版:加详情页,可放高定与私人订制案例
完整会员中心:购物车、结算、我的账户、订单、下载、心愿单、账号与地址编辑
首屏订阅弹窗与迷你购物车:弹窗可关闭并记忆,购物车悬浮预览不打断浏览
页面与技术规格
共 41 个 HTML 页面,资源包约 31.0 MB / 356 个文件,图片素材量在本批里靠前
基于
Bootstrap 5.3.3,商城筛选下拉使用Select2动效
GSAP+WOW.js,商品图灯箱走Magnific Popup博客给到九种形态,含引言型、视频型与左右侧栏、通栏版式
团队页两种版式,可用于展示设计师与工艺师