提示:在分类页面上显示子列表

2019年2月21日18:19

使用灵活的层次结构，可以创建不包含文章的节，而只包含子节。这些部分在Category页面上将显示为空，这可能会使您的最终用户感到困惑，因为没有迹象表明有更多的内容可用。我在2019年7月12日修改了这篇文章，在一个类别中先包括文章，然后是章节，将每个类别的数量限制在4个，并提供更多文章和章节的链接。感谢那些使用本文并指出其他改进的人。对于其他人，请查看评论以获取更多有用的提示。

要纠正此问题，可以创建一个新的节列表类，然后向Categories页面添加代码以显示子节列表。修改CSS

要创建新的部分列表类，请在style.css文件中添加以下内容。我只是从.article-list类复制。为了确保你的造型保持一致，我建议你也这样做。.section-list {list-style-type:没有;padding-left: 18 px;显示:-webkit-box;显示:-ms-flexbox;显示:flex;-ms-flex-wrap:包装;flex-wrap:包装;text-align:左;}.section-list-item {-webkit-box-flex: 1;-ms-flex: 1 0 420px;Flex: 1 0 420px;Padding: 5px 0;max-width: 100%;-ms-flex-wrap:包装;flex-wrap:包装;}为了区分文章列表类和章节列表类，我添加了漂亮的符号:“+”表示章节，表示更多内容;“-”表示文章。.article-list-item:{之前字体类型:“FontAwesome”;内容:“\ f068”;边距:0 -15px;颜色:# e8710a;}.section-list-item:{之前字体类型:“FontAwesome”;内容:“\ f067”;边距:0 -15px;颜色:# e8710a;}修改类别模板

在category_page中。在HBS文件中，将{{#each sections}}块替换为:{{#每个部分}}
<节课= "节" >
< h3 class = " section-tree-title " >
< a href = " {{url}} " >{{名称}}< / >
{{#如果内部}}
 
{{/如果}}
< / h3 >
{{#如果文章}}
< ul类= "文章列表" >
{{#每个文章}}

{{#如果提升}}
 
{{/如果}}
< a href = " {{url}}”类=“article-list-link”>{{标题}}< / >
李< / >
{{/每个}}
< / ul >
{{/如果}}

{{#如果部分}}
< ul类= "列表将" >
{{#每个部分}}
<李类= " section-list-item " > < a href = " {{url}} " >{{名称}}< / > < /李>
{{/每个}}
< / ul >

{{t 'show_all_articles'}}和sections
< / >{{/如果}}<时尚>
.section-list li:n -child(n+4) {
显示:没有;
}
> < /风格<时尚>
.article-list li:n -child(n+4) {
显示:没有;
}
> < /风格

< / >节
{{其他}}
<我类= " category-empty " >
< a href = "{{类别。url}} " > {{t‘空’}}< / >

{{/每个}}请看这里:https://support.ddisystem.com/hc/en-us/categories/360001355173-Inform-Productivity-Boosters< / >

注意:我正在修改Diziana的免费主题，所以我想给他们完整的原始信用。https://www.亚博zendesktheme.com/?s=thoran&post_type=download< / >< / div >< / div >< / div >< / >节

30的评论

布雷特加油车< / >

2019年2月22日17:21

亚博Zendesk社区经理

这太棒了。谢谢分享，Amy:)< / div >< / >节

0

丽贝卡McMurry< / >

2019年4月18日20:33

我很困惑在哪里把代码片段。我是将代码片段粘贴在第一个{{/if}}还是第二个后面?无论我在哪里粘贴它，我总是得到错误:“{{' else '}} ..在最后一个{{else}}的上下文中是不允许的。{{#如果more_articles}}

{{t 'show_all_articles' count=article_count}}
< / >
{{/如果}}
{{其他}}

<我类= "部分留空" > < a href = " {{url}} " > {{t‘空’}}< / > 

{{/如果}}
< / >节
{{其他}}< / >节

0

艾米Gracer< / >

2019年4月18日21:34

嗨,丽贝卡,此后，我对代码做了一些修改。我建议您删除冒犯的{{else}}，看看它是否允许您发布。如果没有，请看看下面我更新的代码，从部分内容开始(在部分描述下面)。请让我知道这对你是如何起作用的。我还将回顾上面的技巧，并根据需要修改代码。希望这对你有所帮助....
{{#如果section.articles}}

< ul类= "文章列表" >

{{#每个section.articles}}

{{#如果提升}}
 
{{/如果}}
< a href = " {{url}}”类=“article-list-link”>{{标题}}< / >

{{#如果内部}}
 
{{/如果}}
李< / >

{{/每个}}
< / ul >
{{/如果}}

{{分页}}

< div class = " section-tree”>
{{#每个section.sections}}

<节课= "节" >
< h3 class = " section-tree-title " >
< a href = " {{url}} " >{{名称}}< / >
< / h3 >

{{#如果文章}}

< ul类= "文章列表" >
{{#每个文章}}

{{#如果提升}}
 
{{/如果}}
< a href = " {{url}}”类=“article-list-link”>{{标题}}< / >

{{#如果内部}}
 
{{/如果}}
李< / >

{{/每个}}
< / ul >

{{#如果more_articles}}

{{t 'show_all_articles' count=article_count}}
< / >
{{/如果}}

{{/如果}}

< / >节

{{/每个}}

< / div >

< / >节
< / div >
< / div >< / >节

0

希瑟·弗斯< / >

2019年7月10日09:59

这些我都试过了，一点用都没有。我总是收到“无法在section。articles中访问section”的提示< / >节

0

希瑟·弗斯< / >

2019年7月10日10:43

好的。我算出来了。在你的category_page上。HBS模板你需要找到这段代码:< div class = " section-tree”>
{{#每个部分}}
<节课= "节" >
< h3 class = " section-tree-title " >
< a href = " {{url}} " >{{名称}}< / >
{{#如果内部}}
 
{{/如果}}
< / h3 >在它的下面粘贴这段代码:{{#如果部分}}
< ul类= "列表将" >
{{#每个部分}}
<李类= " section-list-item " >
< a href = " {{url}}”类=“section-tree-title”>{{名称}}< / >
{{#如果内部}}
 
{{/如果}}
李< / >
{{/每个}}
< / ul >
{{/如果}}然后我对style.css进行了修改，并添加了如下内容:.article-list {
Margin-left: 30px !
}.section-list-item {
Border-bottom: 1px solid #ddd;
字体大小:16 px;
Padding: 15px 0;
}.section-list-item a {
颜色:text_color美元;
}.section-list-item:{之前
内容:“\ 002 b”;
边距:0 -15px;
颜色:# d40054;
}.section-list {list-style-type:没有;
padding-left: 18 px;text-align:左;}你可以使用这个网站找到你想要出现在你的章节和文章前面的字符:https://www.compart.com/en/unicode/category/So< / >< / >节

0

艾米Gracer< / >

2019年7月10日13:14

@Heather。谢谢你！我将研究您所拥有的，将其与我的实现进行比较，并根据需要更新文章。我很抱歉你第一次遇到了一些麻烦，但很高兴你把它工作得很好!< / >节

0

布雷特加油车< / >

2019年7月10日14:21

亚博Zendesk社区经理

谢谢你分享你的解决方案，希瑟:)< / >节

0

艾米Gracer< / >

2019年7月12日20:30

@Heather和@Brett，我更新了文章以匹配我的实时站点。从我发表这篇文章到我们上个月上线，我做了很多改变。< / >节

0

环球破< / >

2019年12月10日07:44

https://support.亚博zendesk.com/hc/en-us/community/posts/360004412767/comments/360008303313< / >这对我很有效!如果我需要将格式从+ -更改为展开和折叠按钮，该怎么办?

蒂雅< / >节

0

永久删除的用户

2020年6月18日16:55

谢谢你的建议!当我尝试发布时，我得到一个错误消息，它说“内部不存在”。看来你们其余的人都能用它工作了……似乎拼写正确....什么好主意吗?

永久删除的用户

2020年6月19日22:43
以防有人像我一样陷入这个话题，我有一个对我有用的更新。首先，我意识到上面的“内部”是指内部文章。显然，在这个特定上下文的花括号代码中不存在该选项。也可能是别的东西把它搞砸了。但我尝试过的所有方法都有类似的错误，所以这对我来说并不奏效。经过更多的调查，我发现了这个:https://gist.github.com/chucknado/6a1ee9593aa522a40898b57d6d704ca0< / >我复制了一小段代码并将其粘贴到我的分类页面模板中。下
```
{{#每个部分}}
```
部分的代码，我只是粘贴了这个
```
< div class = " section-tree”>

{{#每个部分}}
<节课= "节" >
< h3 class = " section-tree-title " >
< a href = " {{url}} " >{{名称}}< / >
< / h3 >
< / >节
{{/每个}}
< / div >
```
在两个嵌套的“if”语句之后。这个屏幕截图显示了我最终如何修改它以匹配sections页面上的内容(添加了svg右雪佛龙图标)。我还添加了一个新的CSS类，这样我就可以在不破坏sections页面的情况下对sections页面进行样式化。但是，显示区段列表的实际代码非常简短和简单。

这是它在我的网站上最终的样子。(顺便说一句，这是一个几乎没有修改过的哥本哈根。)
1

妮可•桑德斯< / >

2020年6月23日00:40

亚博Zendesk社区经理

谢谢你回来分享你的解决方案，Marci!< / div >< / >节

0

艾丽卡C。< / >

2020年6月25日16:57

非常，非常感谢所有为这篇文章做出贡献的人。你们把我从彻底摧毁我自己的帮助中心中拯救了出来，因为我真的不知道在更新模板的时候我在做什么，但我有很大的梦想。< / >节

0

红润DEROSIERS< / >

2021年9月30日07:31

嗨@……，谢谢你的建议，但我还有一个问题:你如何在你的分类页面上显示你的分段文章?像这样:

0

Arno (EMEA合作伙伴)< / >

2021年12月12日19:10

编辑李< / >< / ul >
这看起来太棒了，你可以打印出每一部分的标题和文章。有人知道这是否也适用于章节页面，你在该章节中显示所有章节，并为每个章节的子章节和文章。(引导企业/更深层次)。在section页可以使用section。节来循环遍历节下的每个节。它应该为每个具有更多子节的节返回一个节数组。
```
{{#每个section.sections}}
<节课= "节" >
< h3 class = " section-tree-title " >
< a href = " {{url}} " >{{名称}}< / >
< / h3 >

下面我应该循环通过部分。本节的章节，
但行不通。

{{#如果sections.sections}}
< ul类= "文章列表" >
{{#每个section.sections}}
<李类= " article-list-item " >
< a href = " {{url}}”类=“article-list-link”>{{名称}}< / >
李< / >
{{/每个}}
{{/如果}}

在这里，我循环浏览文章，这很好。

…

{{/每个}}
```
我得到错误:错误section_page L32:20:无法访问' sections.sections '中的' sections '尝试了多种不同的语法，但无法让它工作，所以我开始怀疑，如果部分。Sections甚至为其中的每个section都包含了一个Sections数组。有人能证实吗，那部分。Sections还包括其中每个section的Sections -array，是否可以循环遍历这些section并以与本文的类别页面示例相同的方式打印出来?如果是这样的话，我将非常感激你能给我一个纠正我上面语法的提示。< / >节

0

格雷格Katechis< / >

2021年12月14日18:39

亚博Zendesk开发者倡导
嗨艾米!我看不出你的代码有什么问题，但我确实有一个可能的解决方案。如果您使用的主题是在2020年3月29日之前创建的，则需要在sections模板中添加代码片段。你可以在这篇文章< / >你需要添加的代码片段是这样的:
```
{{#如果section.sections}} {{#each section.sections}} {{name}} 
 {{/each}} {{t 'see_all_sections'}} 
 {{/if}} {{#if section.articles}} {{#each section.articles}} {{#if promoted}}{{/if}} {{title}} 
 {{/each}} 
 {{else}} {{t 'empty'}} {{/if}}
```
如果你已经这样做了，但仍然遇到问题，请告诉我!< / >节

0
Arno (EMEA合作伙伴)< / >
2021年12月14日19:21
嗨,格雷格,由于Amy的最后一条评论相当陈旧，我以为你是在回应我。我们的主题是新创建的哥本哈根主题，我正在工作，你的代码会工作得很好，但它似乎并没有试图做我想做的事情。在一个章节页，我想打印出所有的子标题，并在那些所有的子标题和文章。所以我首先需要“每个部分”。“Sections”，在这里面还有一个“section。Sections”。即使文档中说了那个部分。sections是一个section对象数组，我不确定这些section对象是否包含section。section数组正确，否则我就不知道如何使用这些嵌套的each循环来访问它们。Br。亚诺河< / >节

1

艾米Gracer< / >

2021年12月14日19:42

社区的主持人

嗨红润DEROSIERS< / >很抱歉回复晚了…这是一个插件从Diziana:https://www.diziana.com/products/multilevel-menu-plugin< / >< / >节

0

红润DEROSIERS< / >

2021年12月14日20:17

艾米，谢谢你的回答阿诺，试试这个:{{#每个部分}}{{名称}}{{#如果部分}}{{#每个部分}}

{{名称}}

{{#如果文章}}

{{#每个文章}}

{{标题}}

{{/每个}}

{{/如果}}

{{/每个}}

{{/如果}}{{#如果文章}}{{#每个文章}}{{标题}}{{/每个}}{{/如果}}< / >节

0

Arno (EMEA合作伙伴)< / >

12月14日，2021年20:32

你好,试过了，但是区段页根本没有标识区段。无论如何,谢谢你。

0

红润DEROSIERS< / >

12月14日，2021年20:41


{{#如果section.sections}}

< ul类= "列出" >
{{#每个section.sections}}
<李类= " section-lists-item " >
< a href = " {{url}} " >
< span >{{名称}}< / span >
< / >
李< / >
{{#如果文章}}
< span style=" font - family:宋体;" >
< ul类= "文章列表" >
{{#每个文章}}

{{#如果提升}}


< / svg >
{{/如果}}
< a href = " {{url}}”类=“article-list-link”>{{标题}}< / >
{{#如果内部}}

<矩形宽度= " 12 "高度=“9”x = y =“7”填“2”=“currentColor rx =“1”的国家= " 1 " / >

< / svg >
{{/如果}}
李< / >
{{/每个}}
< / ul >
< / >节
{{/如果}}
{{/每个}}
< / ul >
{{/如果}}