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

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

 

点赞

发表评论

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