> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 更换轮播/幻灯片图片

###### 在此文章中：
1. [介绍 ](#2-1)
2. [上传 / 更换轮播（幻灯片）图片 ](#2-2)
3. [调整轮播图（幻灯片）尺寸](#2-3-candy-wave-lucky-x-force-mine-style-dreams-bedding-the-summer-advanture-camping-happy-kitchen-and-flower-amp-tea-house)
    
### ⚠️ **请注意：
*   电脑版轮播的建议尺寸为 **1400 x 700px**   
*   若更换其他主题模版，您必须重新编辑原始码 (HTML/CSS)。  
*   出于安全原因，我们不开放更改或编辑 结帐页面 的原始码（包括运输和付款方式）   
*   我们添加了一个供您以原始质量显示图像的选项，因此，您的商店将使用原始图片尺寸和格式。   
*   您可以在销售渠道 > 线上网店 > 个性化布景主题 > 设定 > 图片 > 启用「使用原始画质图片」即可。    

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1tmcxsd.png)

## 1. 介绍

![](https://storage.crisp.chat/users/helpdesk/website/19aaf94006ba4a00/4b79f6fd-891b-4115-b8b2-55f1b6_p6yh40.gif)

使用轮播图显示您的品牌图像或最新促销活动。 插入链接以引导客户到相关页面。
* 用户一般喜欢令人惊叹的图像，这节省了向下滑动浏览网页的时间。
* SEO – 当用户长时间在您的网站上停留（查看所有轮播图）时，这将向搜索引擎表明该网站具有吸引力。 因此，轮播图可有效助于提高您的搜索引擎优化。
* Call to Action (CTA) – 轮播图在首屏上提供多个 CTA（这意味着用户无需向下滚动即可看到它）。

## 2. 上传 / 更换轮播（幻灯片）图片

**步骤 1 :** [EasyStore 后台](https://admin.easystore.co) > 销售渠道 > 线上网店 > 布景主题 > 个性化布景主题 > 图片轮播

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/screenshot-2024-01-15-at-11252_fuhpj0.png)

**步骤 2 :** 您可以根据您的喜好在 **轮播设定** **（新主题）** 修改以下选项（选择性）。

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/screenshot-2024-01-15-at-11270_21ck1d.png)

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/screenshot-2024-01-15-at-11270_1buy0e3.png)

**步骤 3 :** 将鼠标指向在图像上，然后单击以上传或更改轮播图片。

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/screenshot-2024-01-15-at-11310_9x2zq0.png)

**步骤 4 :** 插入链接 (Link) 和替代文本(Alt Text)（可选）。

*   **Link** - 客户将通过单击轮播图片进入指定页面
    
*   **Alt text (旧主题)** - 替代文本是可以作为 HTML（超文本标记语言）文档中的属性插入的单词或短语，用于告诉网页浏览者图片的性质或内容。 如果图片未显示出来，则会显示文本。   

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/screenshot-2024-01-15-at-11321_i4pdze.png)
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/screenshot-2024-01-15-at-11325_1sjir8c.png)

**步骤 5** : 继续设定其余的轮播图/幻灯片。

**步骤 6 :** 保存即可完成！

**💡 小贴士：** 以下主题将显示全页宽度的轮播图

*   [Mine Style](https://www.easystore.co/themes/mine-style)
    
*   [Happy Kitchen](https://www.easystore.co/themes/happy-kitchen)
    
*   [Fall](https://www.easystore.co/themes/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 :** 储存。