帮助中心

添加自定义的底部链接

网站的底部一般都有一些链接,这期将教大家如何添加一些自定义的链接。

如下图是商城建好后默认的:

添加静态区块

按照图示添加静态区块,这步和之前添加静态区块的方法一样的

这里需要一定的HTML和CSS知识,下面是示例代码

<style type="text/css" xml="space"><!--
    .f-links{
        margin-top: -20px;
        overflow: hidden;
    }
    .f-links .item{
        width: 200px;float: left;margin-bottom: 15px;
    }    
    .f-links .item .title{
        padding-bottom: 15px;
        font-size: 16px;
    }    
    .f-links .item .list-item{
        padding-bottom: 8px;
        font-size: 14px;
    }
--></style>
<div class="f-links">
<div class="item">
<div class="title">Contact</div>
<div class="list-item"><a href="/contact" target="_blank">Contact Us</a></div>
</div>
<div class="item">
<div class="title">Account</div>
<div class="list-item"><a href="/customer/account/create/" target="_blank">Create Account</a></div>
</div>
<div class="item">
<div class="title">Payment Methods</div>
<div class="list-item"><img src="http://www.patpat.com/assets/img/footer/card_visa_03.png" /> <img style="vertical-align: middle; margin: 0 5px 5px 5px;" src="http://www.patpat.com/assets/img/footer/card_mastercard_03.png" /></div>
</div>
</div>

添加功能区块

之后,我们要创建一个功能区块来应用这个静态区块,方法和之前的创建功能区块的教程一样。

选择类型:CMS静态区块;选好应用模板。

然后这里设置:title,分配视图。最重要的一点是布局更新:如果你要让这个link显示在所有页面的底部,这里就选择所有页面,然后,容器选择CMS Footer Links

之后在功能区块选项中选择刚才创建的静态区块:

保存后,刷新缓存

配置完成

如下图,显示了我们想要的自定义的链接了。