欧易店铺装修时，页尾区域常常被忽视，实际上一个全屏的页脚能够极大地提升店铺的专业感以及视觉冲击力。该页尾全屏代码可使页脚突破常规宽度限界，铺满整个浏览器窗口，特别适宜展示品牌信息、客服入口或者活动banner。本文会手把手指导你怎样运用欧易店铺页尾全屏代码，让你的店铺页脚面目一新。
页尾全屏代码有什么用
页尾全屏代码的关键作用在于突破欧易店铺默认的页脚宽度受限情况，使得页脚背景、图片或者文字内容朝着屏幕两侧伸展，进而营造出没有边框的沉浸式视觉感受。对于期望强化品牌形象的商家而言，这样的设计能够切实减低页面的割裂感觉，由此让消费者在浏览商品之后仍旧体会到统一的店铺风格。在运用全屏页脚之后，你能够把品牌 slogan、关注入口或者热销分类制作成通栏样式，以此吸引买家展开进一步互动。
欧易店铺全屏代码怎么添加
特定的处置措施被划分成三个步骤。其一，去复制如下这般的核心 CSS 代码：.footer - fullscreen { width: 100%; position: relative; left: 0; background: #f5f5f5; }，接着，登录欧易店铺的后台，步入“店铺装修”的模块之中，寻得“页尾”的编辑区域。于页尾处的 HTML 源码编辑器里，把你所备好的全屏样式代码粘贴至 标签之内，并且给页尾外层的 div 添加 footer - fullscreen 类名，随后保存并发布，刷新前台页面就能见到页脚已然铺满全屏。
页尾全屏代码修改要点
用代码之际得留意好些细节，其一，背景颜色或者图片得设定充足的对比度，以保证文字能被看清；其二，假设页脚当中含有链接或者按钮，要记得查看移动端的点击区域是否没问题。你也能够依照店铺主色调去调整background属性，像是替换成渐变色或者商品主图。此外，有一些欧易店铺模板，其自身带有限制宽度的父级容器，在这种情况下，要额外把position: relative; overflow: visible;添加到外层，不然全屏效果或许会失效。建议在正式发布以前，利用预览功能测验不同分辨率下的显示效果。
将欧易店铺页尾全屏代码的使用要诀掌握之后，你能够迅速塑造成拥有品牌融合感的店铺页脚。代码乃抄袭进而于后台予以发布，全部进程仅需几分钟，然而能够明显提高店铺的专业程度。此刻就前往你的欧易店铺后台试着增添全屏页脚，令页尾变成吸引买家目光的全新闪光点。
