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

2019-09-10 0 2,429 百度已收录

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

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)

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

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情
  • 源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好是您所需要的资源。
查看详情

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务