更换轮播/幻灯片图片
在此文章中:
介绍
上传 / 更换轮播(幻灯片)图片
调整轮播图(幻灯片)尺寸
⚠️ 请注意:
电脑版轮播的建议尺寸为 1400 x 700px
若更换其他主题模版,您必须重新编辑原始码 (HTML/CSS)。
出于安全原因,我们不开放更改或编辑 结帐页面 的原始码(包括运输和付款方式)
我们添加了一个供您以原始质量显示图像的选项,因此,您的商店将使用原始图片尺寸和格式。
您可以在销售渠道 > 线上网店 > 个性化布景主题 > 设定 > 图片 > 启用「使用原始画质图片」即可。
1. 介绍
使用轮播图显示您的品牌图像或最新促销活动。 插入链接以引导客户到相关页面。
用户一般喜欢令人惊叹的图像,这节省了向下滑动浏览网页的时间。
SEO – 当用户长时间在您的网站上停留(查看所有轮播图)时,这将向搜索引擎表明该网站具有吸引力。 因此,轮播图可有效助于提高您的搜索引擎优化。
Call to Action (CTA) – 轮播图在首屏上提供多个 CTA(这意味着用户无需向下滚动即可看到它)。
2. 上传 / 更换轮播(幻灯片)图片
步骤 1 : EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > 个性化布景主题 > 图片轮播
步骤 2 : 您可以根据您的喜好在 轮播设定 (新主题) 修改以下选项(选择性)。
步骤 3 : 将鼠标指向在图像上,然后单击以上传或更改轮播图片。
步骤 4 : 插入链接 (Link) 和替代文本(Alt Text)(可选)。
Link - 客户将通过单击轮播图片进入指定页面
Alt text (旧主题) - 替代文本是可以作为 HTML(超文本标记语言)文档中的属性插入的单词或短语,用于告诉网页浏览者图片的性质或内容。 如果图片未显示出来,则会显示文本。
步骤 5 : 继续设定其余的轮播图/幻灯片。
步骤 6 : 保存即可完成!
💡 小贴士: 以下主题将显示全页宽度的轮播图
Mine Style
Happy Kitchen
Fall
3. 调整轮播图(幻灯片)尺寸 (适用于 Candy, WAVE, LUCKY, X-Force, Mine Style, dREAMS Bedding, The Summer, Advanture Camping, Happy Kitchen, and Flower & Tea House 主题而已)
步骤 1 : 点击进入销售渠道 > 线上网店 > HTML/CSS > theme.scss
步骤 2 : 将以下原始码贴在 theme.scss 文件档下方 & 您可以根据您的喜好来更换 max-width 。
💡 小贴士: 1000px 是全宽
.flexslider {max-width: 1000px;margin: 0 auto;}
步骤 3 : 储存。
更新于: 15/01/2024
谢谢!