帮助中心 > 设计 > 商品列表 > 商品图片放大或转换

商品图片放大或转换

 

网店网页设计商品列表商品显示

 

商家可以利用 eshopland 网店平台的多功能网页设计工具,设定商品图片在商品列表的显示方式,例如当把鼠标移到商品列表上的图片时,图片会放大显示,或会转换甚至可以设定图片按时自动转换,以增强网页的视觉效果。

 

更多商品列表的设计方法,可参考《商品列表设计》的介紹。

 

1.    商品列表页

 

主控台 > 设计 > 页面

然后点选「商品」列表页面。

 

 

2.    商品列表设计

 

点击「商品列表设计」商品列表设计操作页面。

当您更新并储存商品列表的设计风格,「所有商品列表」「所有分类及商品」「分类商品列表」页面设计区块亦会自动套用更新

 

 

3.    设定「商品图片」

 

您可以自定义商品图片在「商品列表」上的显示方式。

 

 

鼠标效果:放大

当顾客利用鼠标(mouse)在商品列表上互动,把鼠标(cursor or mouse pointer)移到商品图片上时,该图片会稍微放大显示, 以增强互动时的视觉效果。

 

 

鼠标效果:转换

当顾客把鼠标移到商品图片上时,商品图片会转换为第二幅图片。

 

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

 

 

鼠标效果:自动转换

全部在「商品列表」上的商品图片,都会按照设定时间自动转换

商品图片自动轮播转换功能,只会套用于商品的首两幅图片。

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

自动转换的设定时间以秒(s – second)为单位。

 

例子:

自动转换时间设定为「5s」,即表示所有在「商品列表」的图片,会每 5 秒钟自动转换一次;而只有一幅图片的商品则不会有任何变更显示

 

 

4.    套用

 

保存 https://support.eshopland.com/webcontent/shop_data/shop_1/images/article/129/zh-Hant/image008.png 设置。

 

eshopland - NGO Offer
eshopland - 立即免费试用
eshopland 14 天免费试用
无需提供信用卡资料
eshopland 網店平台-免費任用 30+ 網店設計範本
eshopland 網店平台-完善雲端訂單管理系統
eshopland 網店平台-社交媒體店主也應該開網店
eshopland 網店平台-社交媒體店主善用網店賺更多
eshopland 網店平台-系統直出順豐單,無須插件
eshopland 網店平台-網店管理手機 App
eshopland 網店平台-網店管理手機 App,所有用戶均可免費任用
eshopland 網店平台-連每一個細節位,都可以任您自主設計

延伸阅读

「加入购物车」按钮

eshopland 网店平台配备多元化的设计功能,操作方式简单易明,让商家能够轻易设计出独一无二的专业网店。商家可以自订网店商品页上的按钮设计,例如「加入购物车」、「立即购买」及「立即预购」按钮等,以

会员积分设定

在 eshopland 网店平台,商家可以为网店制定会员积分奖赏计划,有助鼓励顾客持续消费,以赚取积分奖赏。同时,会员积分奖赏亦能提升顾客的忠诚度,直接带动生意增长。会员积分奖赏功能只适用于 esho

「商品列表」页设计

在 eshopland 网店平台,商家可以自主设计「商品」页面的款式。eshopland 赋予商家极大的设计灵活性,让您可以轻松设计出属于您的个性化网店页面。1. 「商品」页进入主控台 > 设计 >

进阶文字栏

进阶文字栏区块具备多种文字格式及风格设计功能,让您随意设计网店页面,同时能将内容整理得井井有条。1. 新增进阶文字栏区块在控制台> 设计> 页面。选择或新增页面,进入页面的布局设计工具。按新增 并选

推介文章