帮助中心 > 设计 > 商品列表 > 商品列表设计

商品列表设计

 

eshopland 网店平台的布局设计工具,可以让商家自主设计商品列表的显示风格及样式,以配合不同的主题风格。
eshopland
赋予商家极大的设计灵活性,让您能够轻松设计出理想的网店模样

 

1.    商品列表

 

进入控制台 > 设计 > 页面,然后点击「商品」列表

 

 

2.    商品列表设计

 

点击以进入商品列表设计的操作页面。

 

 

3.    设计功能

 

您可以自主设计商品列表的风格。

预览式设计,让您可实时看到设计效果

当您更新并储存设计风格,所有商品列表所有分类及商品分類商品列表区塊亦会自动应用更新

 

点击「还原预设值」可以还原所有商品列表风格为系统设定。

 

 

页面:

背景颜色

整个商品列表页的背景颜色。

 

列表底色

颜色将套用到商品列表上。

 

文字颜色

颜色将套用到商品列表顶部的筛选器。

 

 

商品展示:

每行最多商品

在桌面版显示时,可在每行展示的商品数量。

可设定每行展示 2 – 6 件商品。

 

商品之间的间距,以像素(px为单位。

当您更改间距时,商品方块的大小亦会自动调整

 

背景顏色

商品方块的背景颜色。

您可以使用调色板或颜色代码color code来设置顏色。

 

 

商品图片:

鼠标效果:放大

-         鼠标移到图片上时,图片会放大显示。

 

鼠标效果:转换

-         鼠标移到图片上时,会转换至第二幅图片。

(您必须为商品加入最少两幅图片,方可展现图片转换的效果。)

 

鼠标效果:自动转换

-         全部商品列表上的图片,会按照设定时间自动转换。

-         自动转换只限首两幅商品图片。

-         设定时间以秒(s – second)为单位。

 

 

商品名

大小

行高

文字颜色

(中文及英文)

文字

文字对齐

 

 

价格风格设置

大小

行高

文字颜色

文字

文字对齐

 

会员价

 

 

标签风格设置

背景颜色

文字颜色

(中文及英文)

文字

大小

 

预购标签

优惠标签

售罄标签

限时购买标签

会员价标签

 

 

分页:

文字颜色

背景颜色

 

 

完成后必须保存 https://support.eshopland.com/webcontent/shop_data/shop_1/images/article/129/zh-Hans/image008.png 变更。

 

eshopland - NGO Offer
eshopland - 立即免费试用
eshopland 14 天免费试用
无需提供信用卡资料
eshopland 網店平台-如何提升生意額-必學實用專業功能
eshopland 網店平台-快速結帳連結
eshopland 網店平台-社交媒體店主也應該開網店
eshopland 網店平台-簡單易用,自動建店,DIY 都無難度
eshopland 網店平台-開網店的好處及重要性
eshopland 網店平台範本-Delta
eshopland 網店平台範本-Epsilon
eshopland 網店平台範本-Nu

延伸阅读

新增页面

指定计划用户可以在 eshopland 网店平台為您的网店增添页面,进行自主页面设计,并可连结到网店的导览到网店的导览列(navigation bar)、页尾(footer)或其他页面。新增页面功能只

服务计划升级

eshopland 网店平台深明商家都有不同的预算和需求,为赋予商家更大的经营灵活性,商家在购买 eshopland 的月费或年费服务计划后,可以随时升级至更高级别的服务计划,以便应付日渐增长的营运需

导览及页尾选单

在 eshopland 的布局设计工具,您可以设定导览菜单(Navigation Menu Bar)及页尾菜单(Footer Menu Bar),以配合网店的整体设计效果。《在导览列加入分类》的设

快速结帐连结

eshopland 的指定服务计划用户,可以利用「快速结帐连结」功能,预先将特定商品加入购物车,并自动生成结帐连结,以便分享到社交媒体(如 Facebook、IG、WhatsApp等),或其他推广渠道

推介文章