淘宝店铺怎么设置背景图

淘宝店铺怎么设置背景图

淘宝店铺怎么设置背景图

淘宝店铺背景图是一种能够让你的店铺更具个性化的方式。下面介绍如何设置背景图。

步骤一:选择背景图

首先要准备一张适合的背景图。可以在网上找到一些免费的背景图资源网站,或者自己设计一张符合店铺风格的图片。

步骤二:上传背景图

登录淘宝卖家后台,进入店铺装修页面。在左侧工具栏中找到“整体风格”,点击“背景图片”。

<div class="left-tool">
    <ul>
        <li class="tool-item">
            <a href="#">整体风格</a>
            <ul>
                <li><a href="#">店招</a></li>
                <li><a href="#">店头</a></li>
                <li><a href="#">背景图片</a></li>
            </ul>
        </li>
    </ul>
</div>

在新弹出的窗口中,点击“上传图片”按钮,选择已经准备好的背景图并上传。

<div class="popup-bgimg">
    <div class="form-item">
        <input type="file" name="bgimg" />
    </div>
    <div class="form-item">
        <button class="submit-btn" type="submit">上传图片</button>
        <button class="cancel-btn" type="button">取消</button>
    </div>
</div>

步骤三:设置背景样式

上传完毕后,可以在同一个页面中找到“背景样式”选项。在这里可以选择背景图片的显示方式,包括平铺、居中、拉伸等。

<div class="bgimg-style">
    <div class="form-item">
        <label for="bg-repeat">平铺</label>
        <input type="radio" name="bg-repeat" id="bg-repeat" value="repeat" />
    </div>
    <div class="form-item">
        <label for="bg-center">居中</label>
        <input type="radio" name="bg-repeat" id="bg-center" value="center" />
    </div>
    <div class="form-item">
        <label for="bg-stretch">拉伸</label>
        <input type="radio" name="bg-repeat" id="bg-stretch" value="stretch" />
    </div>
</div>

步骤四:保存设置

设置完成后,点击“确定”按钮保存设置即可。

<div class="form-action">
    <button class="submit-btn" type="submit">确定</button>
    <button class="cancel-btn" type="button">取消</button>
</div>

经过以上的几个步骤,就可以在淘宝店铺中成功设置背景图了。

0

56