淘宝店铺怎么设置背景图
淘宝店铺背景图是一种能够让你的店铺更具个性化的方式。下面介绍如何设置背景图。
步骤一:选择背景图
首先要准备一张适合的背景图。可以在网上找到一些免费的背景图资源网站,或者自己设计一张符合店铺风格的图片。
步骤二:上传背景图
登录淘宝卖家后台,进入店铺装修页面。在左侧工具栏中找到“整体风格”,点击“背景图片”。
<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>
经过以上的几个步骤,就可以在淘宝店铺中成功设置背景图了。