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

商品图片放大或转换

 

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

 

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

 

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

 

1.    商品列表页

 

主控台 > 设计 > 页面

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

 

 

2.    商品列表设计

 

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

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

 

 

3.    设定「商品图片」

 

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

 

 

高宽比例

选择商品图片在商品列表显示时,高度与宽度的比例。

图片显示会按照原图的比例自动调整。

 

提示:

假如您上载的商品图片是正方形(即 11),而您选择使用 169 的高宽比例,商品图片会被自动裁剪,以达到符合 169 的比例。

假如您希望使用 169 的高宽比例,建议上载 169 比例的图片,例如1280 x 7201920 x 10803840 x 2160 等。

 

 

鼠标效果:放大

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

 

 

鼠标效果:转换

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

 

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

 

 

鼠标效果:自动转换

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

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

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

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

 

例子:

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

 

 

4.    套用

 

保存 https://support.eshopland.comhttps://d2aeweyrgxfptr.cloudfront.net/core/images/article/129/zh-Hant/image008.png 设置。

 

eshopland - NGO Offer
eshopland - 立即免费试用
eshopland 14 天免费试用
无需提供信用卡资料
FB、IG、WhatsApp 快速結帳 link
eshopland 網店平台-PayPal 網店收款
eshopland 網店平台-完善雲端訂單管理系統
eshopland 網店平台-已對接 eBuy
eshopland 網店平台-自動建店,10 分鐘極速開業
eshopland 網店平台範本-Alpha
eshopland 網店平台範本-Eta
eshopland 網店平台範本-Kappa

延伸阅读

新增及管理图像

商家可以在 eshopland 网店平台特设的多功能媒体库,加入商品图像、设计图片及媒体档案,在媒体库建立不同的文件夹,分类储存不同的图片,以便日后搜查及管理。1. 进入媒体库进入主控台 > 设计 >... [阅读更多]

分类商品列表

在网店页面上添加分类商品列表区块,方便顾客浏览指定分类中的的商品。1. 新增分类商品列表区块在控制台> 设计> 页面。选择或新增页面,进入页面的布局设计工具。按新增 并选择分类商品列表区块。2. 设... [阅读更多]

顺丰自动化

商家透过 eshopland 系统后台,可以自动生成及打印顺丰速运,然后直接安排寄送;一键打印运单,无须安装任何插件,省时省力。只要商家输入正确的顺丰账户登记电话号码或顺丰月结卡号,即将已寄送的运单... [阅读更多]

缺货提醒

按照以下简单步骤,您可以设定接收库存的缺货提示通知。当商品仓存出现低库存、存货量不足或缺货时,系统会自动向您发出提醒。1. 登录帐户并进入控制台,点击设定>库存。当您启用缺货提醒功能,系统会自动监测您... [阅读更多]

推介文章