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

2019-09-10 0 3,492

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

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

 

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

公告: 本站提供的源码、模板、插件等等其他资源,不包含技术服务请大家谅解。赞助本站VIP会员免费提供技术服务以及远程协助。 须知:本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。 声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

Lee's Blog SOHO 从零开始搭建外贸网站之功能页面-Day 6 https://www.vnlee.com/day-6/

相关文章

发表评论
暂无评论