【Shopify】如何给不同的页面设置不同的自定义内容?

redmaomail 2024-07-24 16:52 阅读数 94 #Shopify

红帽云邮外贸主机

【Shopify】如何给不同的页面设置不同的自定义内容?

图片来源:跨境出海陆路

【Shopify】如何给不同的页面设置不同的自定义内容?

我们在编辑Pages的时候,如果直接在Pages设置内容(如下图),展示效果会不丰富。而模板有一些模块,我们也想使用。但如果直接在自定义的对应页面装修,又会影响到其他页面也进行同步。那怎么样既不同步也能使用模块呢?可以查看此教程。

【Shopify】如何给不同的页面设置不同的自定义内容?

此教程不光可以应用在Pages,还可以应用在Products、Collections、Blogs等地方。关于此功能的演示,也可参考【Shopify】同一个类型层级,如何让页面自定义模板?使用不同模块?这篇文章。以下是如何给不同的页面设置不同的自定义内容教程。可以全篇文章看完再操作,一定要理解操作逻辑,切不可死板操作。

1.打开Shopify商家后台

【Shopify】如何给不同的页面设置不同的自定义内容?

2.点击Online

【Shopify】如何给不同的页面设置不同的自定义内容?

3.在Themes处

【Shopify】如何给不同的页面设置不同的自定义内容?

4.点击Customize

【Shopify】如何给不同的页面设置不同的自定义内容?

5.点击最顶部的Home page

【Shopify】如何给不同的页面设置不同的自定义内容?

6.比如我们要自定义化Pages,就选择Pages。如果是Products/Collections/Blogs也是适用的,可以全篇文章看完再操作,一定要理解操作逻辑,切不可死板操作。

【Shopify】如何给不同的页面设置不同的自定义内容?

7.点击Create template

【Shopify】如何给不同的页面设置不同的自定义内容?

8.给这个Page模板命名,比如我们想自定义About Us页面,就可以输入about us,这里主要是区分辨识的,防止之后操作弄混

【Shopify】如何给不同的页面设置不同的自定义内容?

9.点击Create template

【Shopify】如何给不同的页面设置不同的自定义内容?

10.打开Shopify商家后台

【Shopify】如何给不同的页面设置不同的自定义内容?

11.点击Online Store

【Shopify】如何给不同的页面设置不同的自定义内容?

12.点击Pages

【Shopify】如何给不同的页面设置不同的自定义内容?

13.点击Add page

【Shopify】如何给不同的页面设置不同的自定义内容?

14.输入标题,比如我们现在正在制作的About Us

【Shopify】如何给不同的页面设置不同的自定义内容?

15.正文内容可以不设置,因为我们是希望使用模块来制作页面,所以可以不用在这里设置正文。

【Shopify】如何给不同的页面设置不同的自定义内容?

16.最主要的一步:在Theme template处,点击Default page

【Shopify】如何给不同的页面设置不同的自定义内容?

17.选择刚才在自定义装修创建的about us

【Shopify】如何给不同的页面设置不同的自定义内容?

18.点击Save

【Shopify】如何给不同的页面设置不同的自定义内容?

19.点击Navigation

【Shopify】如何给不同的页面设置不同的自定义内容?

20.根据需要选择页脚或页首菜单栏,我们这里以页首菜单栏演示,点击Main menu

【Shopify】如何给不同的页面设置不同的自定义内容?

21.点击Add menu item

【Shopify】如何给不同的页面设置不同的自定义内容?

22.点击Search or past a link

【Shopify】如何给不同的页面设置不同的自定义内容?

23.点击Pages

【Shopify】如何给不同的页面设置不同的自定义内容?

24.选择刚才在Pages创建的About Us

【Shopify】如何给不同的页面设置不同的自定义内容?

25.如果需要更改展示名称,可以进行更改

【Shopify】如何给不同的页面设置不同的自定义内容?

26.点击Add

【Shopify】如何给不同的页面设置不同的自定义内容?

27.拖动六个点,可上下移动到目标排序位置

【Shopify】如何给不同的页面设置不同的自定义内容?

28.点击Save menu

【Shopify】如何给不同的页面设置不同的自定义内容?

29.点击Themes

【Shopify】如何给不同的页面设置不同的自定义内容?

30.点击Customize

【Shopify】如何给不同的页面设置不同的自定义内容?

31.点击菜单栏里的About Us

【Shopify】如何给不同的页面设置不同的自定义内容?

32.可以看到现在About Us页面是空的。点击Add section,可以对此页进行装饰,自定义内容

【Shopify】如何给不同的页面设置不同的自定义内容?

33.有很多模块可以使用,如果是模板不同,模块也是不同的。

【Shopify】如何给不同的页面设置不同的自定义内容?

34.比如我们用一个模块进行举例,因为之后要和其他页面进行展示对比。点击Slideshow

【Shopify】如何给不同的页面设置不同的自定义内容?

35.对Slideshow模块进行设置,比如如下图。

【Shopify】如何给不同的页面设置不同的自定义内容?

36.可以对其他模块进行设置,我这里只做演示,就不继续丰富About Us此页面了

【Shopify】如何给不同的页面设置不同的自定义内容?

37.点击Save进行保存

【Shopify】如何给不同的页面设置不同的自定义内容?

38.这个About Us页面演示就是这样,但我们往往还需要自定义其他页面。我们再用一个页面进行演示下,好方便大家横向对比。打开Shopify网站后台

【Shopify】如何给不同的页面设置不同的自定义内容?

39.点击Online Store

【Shopify】如何给不同的页面设置不同的自定义内容?

40.点击Themes

【Shopify】如何给不同的页面设置不同的自定义内容?

41.点击Customize

【Shopify】如何给不同的页面设置不同的自定义内容?

42.点击最顶部的Home page

【Shopify】如何给不同的页面设置不同的自定义内容?

43.点击Pages

【Shopify】如何给不同的页面设置不同的自定义内容?

44.点击Create template

【Shopify】如何给不同的页面设置不同的自定义内容?

45.给这个Page模板命名,比如我们想自定义Service页面,就可以输入service,这里主要是区分辨识的,防止之后操作弄混

【Shopify】如何给不同的页面设置不同的自定义内容?

46.点击Create template

【Shopify】如何给不同的页面设置不同的自定义内容?

47.打开Shopify商家后台

【Shopify】如何给不同的页面设置不同的自定义内容?

48.点击Online Store

【Shopify】如何给不同的页面设置不同的自定义内容?

49.点击Pages

【Shopify】如何给不同的页面设置不同的自定义内容?

50.点击Add page

【Shopify】如何给不同的页面设置不同的自定义内容?

51.输入标题,比如我们现在正在制作的Service

【Shopify】如何给不同的页面设置不同的自定义内容?

52.正文内容可以不设置,因为我们是希望使用模块来制作页面,所以可以不用在这里设置正文。

【Shopify】如何给不同的页面设置不同的自定义内容?

53.最主要的一步:在Theme template处,点击Default page

【Shopify】如何给不同的页面设置不同的自定义内容?

54.选择刚才在自定义装修创建的service

【Shopify】如何给不同的页面设置不同的自定义内容?

55.点击Save进行保存

【Shopify】如何给不同的页面设置不同的自定义内容?

56.点击Navigation

【Shopify】如何给不同的页面设置不同的自定义内容?

57.根据需要选择页脚或页首菜单栏,我们这里以页首菜单栏演示,点击Main menu

【Shopify】如何给不同的页面设置不同的自定义内容?

58.点击Add menu item

【Shopify】如何给不同的页面设置不同的自定义内容?

59.点击Search or paste a link

【Shopify】如何给不同的页面设置不同的自定义内容?

60.点击Pages

【Shopify】如何给不同的页面设置不同的自定义内容?

61.选择刚才在Pages创建的Service

【Shopify】如何给不同的页面设置不同的自定义内容?

62.如需更改展示名称,可以更改

【Shopify】如何给不同的页面设置不同的自定义内容?

63.点击Add

【Shopify】如何给不同的页面设置不同的自定义内容?

64.可拖动6个点上下调整展示排序位置

【Shopify】如何给不同的页面设置不同的自定义内容?

65.点击Save menu

【Shopify】如何给不同的页面设置不同的自定义内容?

66.点击Theme

【Shopify】如何给不同的页面设置不同的自定义内容?

67.点击Customize

【Shopify】如何给不同的页面设置不同的自定义内容?

68.在菜单栏部分,点击Service

【Shopify】如何给不同的页面设置不同的自定义内容?

69.可以看到现在Service页面是空的。点击Add section,可以对此页进行装饰,自定义内容

【Shopify】如何给不同的页面设置不同的自定义内容?

70.有很多模块可以使用,如果是模板不同,模块也是不同的。

【Shopify】如何给不同的页面设置不同的自定义内容?

71.比如我们用一个模块进行举例,这样可以About Us进行展示对比。点击Slideshow

【Shopify】如何给不同的页面设置不同的自定义内容?

72.对Slideshow模块进行设置,比如如下图。

【Shopify】如何给不同的页面设置不同的自定义内容?

73.可以对其他模块进行设置,我这里只做演示,就不继续丰富Service此页面了

【Shopify】如何给不同的页面设置不同的自定义内容?

74.点击Save进行保存

【Shopify】如何给不同的页面设置不同的自定义内容?

75.然后我们回到网站前端,分别对刚才设置的About Us和Service进行查看。点击菜单栏部分的About Us

【Shopify】如何给不同的页面设置不同的自定义内容?

76.这是About Us页面内容

【Shopify】如何给不同的页面设置不同的自定义内容?

77.点击菜单栏部分的Service

【Shopify】如何给不同的页面设置不同的自定义内容?

78.这是Service页面内容

【Shopify】如何给不同的页面设置不同的自定义内容?

79.可以看到不同的页面展示的自定义内容是不同的。不光Pages可以使用不同的模块进行设置,Products、Collections、Pages、Blogs等层级页面也可以进行此操作。会让页面更丰富,更充分的使用模板自带的效果和功能。大家一定要理解性操作,虽然其他层级是不同的,但操作逻辑是一样的。关于此功能的演示,也可参考【Shopify】同一个类型层级,如何让页面自定义模板?使用不同模块?这篇文章,希望能帮助大家对这个功能的理解。如有操作困难或问题,也可咨询博主。

(图片来源:Shopify后台截图)

(来源:公众号 跨境出海实操干货)

以上内容属作者个人观点,不代表红帽云邮立场!本文经原作者授权转载,转载需经原作者授权同意。​


红帽云邮外贸主机

分享到:
版权声明:本站内容源自互联网,如有内容侵犯了你的权益,请联系删除相关内容。
    红帽云邮外贸主机
热门
    红帽云邮外贸主机
    红帽云邮外贸主机