从零开始搭建外贸网站之功能页面-Day 6

昨天我们已经完成了产品页面的修改,今天我们来继续完善我们网站的其他页面。

1.Products

首先登陆网站后台,选择Pages进入网站页面列表。点击Add New新建页面。

《从零开始搭建外贸网站之功能页面-Day 6》

写上页面标题Products,然后点击下面的Advance Layout Editor进入Enfold编辑器。

《从零开始搭建外贸网站之功能页面-Day 6》

在Avia Layout Builder中的Layout Elements中点击1/1来添加一个1/1的行。

《从零开始搭建外贸网站之功能页面-Day 6》

然后选择Content Elements,然后点击Special Heading和Portfolio Grid,这样页面内就添加了这两个元素。《从零开始搭建外贸网站之功能页面-Day 6》

将这两个元素拖入1/1的框里面,再点击Hello,把Hello改成Products。接下来我们对Portfolio Grid进行修改。

《从零开始搭建外贸网站之功能页面-Day 6》

点击Portfolio Grid进入编辑界面,首先选择我们需要展示的产品类目,这里我选择CNC Machining Services,Excerpt选择Only Title,然后点击Save保存退出。最后点击右上方的Publish进行页面发布。到这里一个简单的Products页面就完成了。

《从零开始搭建外贸网站之功能页面-Day 6》

2.About us

继续回到Pages列表页面。它这里的Company也就是About us,我们点击下面的Edit进行修改。

《从零开始搭建外贸网站之功能页面-Day 6》

这里页面的修改可以参考之前首页的操作方式,修改banner > 修改图文 > Update。

《从零开始搭建外贸网站之功能页面-Day 6》

3.Coutact us

我们回到Pages界面,找到Contact然后点击Edit进行编辑。

《从零开始搭建外贸网站之功能页面-Day 6》

当前Demo站点的Contact主要由谷歌地图,联系表单和联系方式列表组成。谷歌地图这一块涉及到申请谷歌地图API,所以我们这一块先不修改,后面我会单独写一个Enfold谷歌地图添加的文章。

我们点击Contact Form来进行对表单的修改,首先我们修改邮箱地址,也就是接收询盘的邮箱。然后把下面不需要的列点击X号删除,这样就得到一个简单的询盘表单。

《从零开始搭建外贸网站之功能页面-Day 6》

如果想把Nema, Email等直接放到框里面可以往下拉然后勾选Hide Form Labels即可。 完成后点击Save保存并退出。

《从零开始搭建外贸网站之功能页面-Day 6》

接下来我们再把后边的联系方式内容修改一下,这样一个简单的Contact页面就完成了。

《从零开始搭建外贸网站之功能页面-Day 6》

到这里我们就完成了网站的Home, Products, About us, Contact us以及产品详情页面的制作。明天我们开始对网站的Header,Footer以及Siderbar进行修改。点击进入下一章:从零开始搭建外贸网站之组件修改-Day 7

 

 

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注