从零开始搭建外贸网站之产品页面-Day 5

2019-09-10 0 2,535

在上一章中我们已经完成来首页内容的修改,今天我们来一起来利用当前Demo内的Services页面来修改成我们自己的产品内容。

1.修改Demo产品页面模板

首先我们进入网站后台,然后点击右侧的Portfolio items。这里我们可以看到当前Demo已经做好的一些Project,接下来我们将鼠标移到该Project上面,然后点击出现的Edit对其进行修改。

从零开始搭建外贸网站之产品页面-Day 5

首先我们修改页面的标题,然后对页面内的文字进行修改,只需要点击想要编辑的文字即可进入编辑器,修改完成后点击Save保存即可。需要注意的是文字背景的修改在外面的Color Section来修改,将鼠标移动到Color Section的文字上之后下面会出现三个小图标,对应的编辑是1. 保存为模板,2. 复制当前Color Section,3. 编辑。这里我们点击编辑按钮进入Color Section的编辑。

从零开始搭建外贸网站之产品页面-Day 5

点击编辑图标后进入如下页面,我们选择上面的Section Background,然后可以看到当前的背景图片。直接点击该图片进入媒体库选择,这个更换图片跟之前的Banner更换图片一样,将自己的图片进行上传然后选择就可以了,需要注意的是记得选择图片的尺寸。

从零开始搭建外贸网站之产品页面-Day 5

这里我已经上传可对应的图片,然后我选择Full Size,最后点击Insert回到背景编辑界面点击Save进行保存。

从零开始搭建外贸网站之产品页面-Day 5

接下来我们继续对其他内容编辑,页面内左侧的图片是在Cell的背景里面,我们将鼠标移到1/2那里,在出现的图标中选择编辑。

从零开始搭建外贸网站之产品页面-Day 5

同样的,我们对其中的图片进行替换并保存。页面内其他的图片背景也是用同样的方式进行修改。

从零开始搭建外贸网站之产品页面-Day 5

对于不想要的元素我们可以对其进行删除,只需找到该元素然后点击右上角的X图标即可删除当前Color Section及其内部所有元素。

从零开始搭建外贸网站之产品页面-Day 5

完成页面内的编辑后我们需要对当前产品的类目进行修改,在右侧的Portfolio Categories中我们点击Add New Category,然后输入类目名称再点击下面的Add New Category进行确认即可。修改完类目后我们再对当前产品的特色图片进行修改,点击当前Featured Image然后上传并替换即可。ok,到这里我们的一个产品基本就完成了。我们点击右侧Publish框内的Update进行更新。

从零开始搭建外贸网站之产品页面-Day 5

完成后的页面如下图。由于这个是由之前Demo网站修改的,对我们来说可能缺少了一些想要的元素,比如询盘表单。添加元素这一块我们在后面再统一讲解。

从零开始搭建外贸网站之产品页面-Day 5

2.保存当前产品页面作为模板

回到产品编辑页面找到Templates按钮,点击并选择Save Entry as Template,输入名字然后保存。这样下次就可以直接调用这个模板了。

从零开始搭建外贸网站之产品页面-Day 5

3.创建新的产品页面

完成一个产品的发布后我们回到Portfolio Items页面,点击Add New按钮添加一个新产品。

从零开始搭建外贸网站之产品页面-Day 5

进入添加产品页面如下,我们输入产品的标题然后点击下面的Advanced Layout Editor来进入Enfold的编辑器。

从零开始搭建外贸网站之产品页面-Day 5

在这里我们直接调用之前保存的产品页面模板,找到Templates然后点击下面保存的Product模板,它会自动把之前的页面复制到当前界面。

从零开始搭建外贸网站之产品页面-Day 5

这样我们就把之前的产品页面内容完全复制过来了,我们只需对其修改成新的产品内容即可。需要注意的是产品的类目和特色图片需要重新修改。

从零开始搭建外贸网站之产品页面-Day 5

 

到这里我们的产品页面修改就暂时到这里,接下来我们开始做产品页面。点击进入下一章:从零开始搭建外贸网站之功能页面-Day 6

 

收藏 (0) 打赏

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

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

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

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

相关文章

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

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