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

2019-09-10 0 3,347

在上一章中我们已经完成来首页内容的修改,今天我们来一起来利用当前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)

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

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

相关文章

发表评论
暂无评论