提示:在分类页面上显示子列表
使用灵活的层次结构,可以创建不包含文章的节,而只包含子节。这些部分在Category页面上将显示为空,这可能会使您的最终用户感到困惑,因为没有迹象表明有更多的内容可用。< / p >< p >我在2019年7月12日修改了这篇文章,在一个类别中先包括文章,然后是章节,将每个类别的数量限制在4个,并提供更多文章和章节的链接。感谢那些使用本文并指出其他改进的人。对于其他人,请查看评论以获取更多有用的提示。< / p >< p >
要纠正此问题,可以创建一个新的节列表类,然后向Categories页面添加代码以显示子节列表。< / p >< p >修改CSS
要创建新的部分列表类,请在style.css文件中添加以下内容。我只是从.article-list类复制。为了确保你的造型保持一致,我建议你也这样做。< / p >< p >.section-list {< / p >< p >list-style-type:没有;< / p >< p >padding-left: 18 px;< / p >< p >显示:-webkit-box;< / p >< p >显示:-ms-flexbox;< / p >< p >显示:flex;< / p >< p >-ms-flex-wrap:包装;< / p >< p >flex-wrap:包装;< / p >< p >text-align:左;< / p >< p >}< / p >< p >< / p >< p >.section-list-item {< / p >< p >-webkit-box-flex: 1;< / p >< p >-ms-flex: 1 0 420px;< / p >< p >Flex: 1 0 420px;< / p >< p >Padding: 5px 0;< / p >< p >max-width: 100%;< / p >< p >-ms-flex-wrap:包装;< / p >< p >flex-wrap:包装;< / p >< p >}< / p >< p >< / p >< p >为了区分文章列表类和章节列表类,我添加了漂亮的符号:“+”表示章节,表示更多内容;“-”表示文章。< / p >< p >.article-list-item:{之前< / p >< p >字体类型:“FontAwesome”;< / p >< p >内容:“\ f068”;< / p >< p >边距:0 -15px;< / p >< p >颜色:# e8710a;< / p >< p >}< / p >< p >.section-list-item:{之前< / p >< p >字体类型:“FontAwesome”;< / p >< p >内容:“\ f067”;< / p >< p >边距:0 -15px;< / p >< p >颜色:# e8710a;< / p >< p >}< / p >< p >修改类别模板
在category_page中。在HBS文件中,将{{#each sections}}块替换为:< / p >< p >{{#每个部分}}
<节课= "节" >
< h3 class = " section-tree-title " >
< a href = " {{url}} " >{{名称}}< / >
{{#如果内部}}
< span class = " icon-lock "标题= " {{t“内部”}}" > < / span >
{{/如果}}
< / h3 >< / p >< p >
{{#如果文章}}
< ul类= "文章列表" >
{{#每个文章}}
{{#如果提升}}
< span data-title = " {{t“提拔”}}”类= " icon-star " > < / span >
{{/如果}}
< a href = " {{url}}”类=“article-list-link”>{{标题}}< / >
李< / >
{{/每个}}
< / ul >
{{/如果}}
{{#如果部分}}
< ul类= "列表将" >
{{#每个部分}}
<李类= " section-list-item " > < a href = " {{url}} " >{{名称}}< / > < /李>
{{/每个}}
< / ul >
{{t 'show_all_articles'}}和sections
< / >< / p >< p >{{/如果}}< / p >< p ><时尚>
.section-list li:n -child(n+4) {
显示:没有;
}
> < /风格< / p >< p ><时尚>
.article-list li:n -child(n+4) {
显示:没有;
}
> < /风格
< / >节
{{其他}}
<我类= " category-empty " >
< a href = "{{类别。url}} " > {{t‘空’}}< / >
< / i >
{{/每个}}< / p >< p >请看这里:https://support.ddisystem.com/hc/en-us/categories/360001355173-Inform-Productivity-Boosters< / >< / p >< p >
注意:我正在修改Diziana的免费主题,所以我想给他们完整的原始信用。https://www.亚博zendesktheme.com/?s=thoran&post_type=download< / >< / p >< / div >< / div >< / div >< / >节
30的评论
这太棒了。< / p >< p >谢谢分享,Amy:)< / p >< / div >< / >节
我很困惑在哪里把代码片段。我是将代码片段粘贴在第一个{{/if}}还是第二个后面?无论我在哪里粘贴它,我总是得到错误:“{{' else '}} ..在最后一个{{else}}的上下文中是不允许的。< / p >< p >{{#如果more_articles}}
{{t 'show_all_articles' count=article_count}}
< / >
{{/如果}}
{{其他}}
< p >
<我类= "部分留空" > < a href = " {{url}} " > {{t‘空’}}< / > < / i >
< / p >
{{/如果}}
< / >节
{{其他}}< / p >< / >节
嗨,丽贝卡,< / p >< p >此后,我对代码做了一些修改。< / p >< p >我建议您删除冒犯的{{else}},看看它是否允许您发布。< / p >< p >如果没有,请看看下面我更新的代码,从部分内容开始(在部分描述下面)。< / p >< p >请让我知道这对你是如何起作用的。我还将回顾上面的技巧,并根据需要修改代码。< / p >< p >希望这对你有所帮助....< / p >< p >
{{#如果section.articles}}
< ul类= "文章列表" >
{{#每个section.articles}}
{{#如果提升}}
< span data-title = " {{t“提拔”}}”类= " icon-star " > < / span >
{{/如果}}
< a href = " {{url}}”类=“article-list-link”>{{标题}}< / >
{{#如果内部}}
< span class = " icon-lock "标题= " {{t“内部”}}" > < / span >
{{/如果}}
李< / >
{{/每个}}
< / ul >
{{/如果}}
{{分页}}
< div class = " section-tree”>
{{#每个section.sections}}
<节课= "节" >
< h3 class = " section-tree-title " >
< a href = " {{url}} " >{{名称}}< / >
< / h3 >
{{#如果文章}}
< ul类= "文章列表" >
{{#每个文章}}
{{#如果提升}}
< span data-title = " {{t“提拔”}}”类= " icon-star " > < / span >
{{/如果}}
< a href = " {{url}}”类=“article-list-link”>{{标题}}< / >
{{#如果内部}}
< span class = " icon-lock "标题= " {{t“内部”}}" > < / span >
{{/如果}}
李< / >
{{/每个}}
< / ul >
{{#如果more_articles}}
{{t 'show_all_articles' count=article_count}}
< / >
{{/如果}}
{{/如果}}
< / >节
{{/每个}}
< / div >
< / >节
< / div >
< / div >< / p >< p >< / p >< / >节
这些我都试过了,一点用都没有。< / p >< p >我总是收到“无法在section。articles中访问section”的提示< / p >< / >节
好的。我算出来了。< / p >< p >在你的category_page上。HBS模板你需要找到这段代码:< / p >< p >< div class = " section-tree”>
{{#每个部分}}
<节课= "节" >
< h3 class = " section-tree-title " >
< a href = " {{url}} " >{{名称}}< / >
{{#如果内部}}
< span class = " icon-lock "标题= " {{t“内部”}}" > < / span >
{{/如果}}
< / h3 >< / p >< p >在它的下面粘贴这段代码:< / p >< p >{{#如果部分}}
< ul类= "列表将" >
{{#每个部分}}
<李类= " section-list-item " >
< a href = " {{url}}”类=“section-tree-title”>{{名称}}< / >
{{#如果内部}}
< span class = " icon-lock "标题= " {{t“内部”}}" > < / span >
{{/如果}}
李< / >
{{/每个}}
< / ul >
{{/如果}}< / p >< p >< / p >< p >然后我对style.css进行了修改,并添加了如下内容:< / p >< p >.article-list {
Margin-left: 30px !
}< / p >< p >.section-list-item {
Border-bottom: 1px solid #ddd;
字体大小:16 px;
Padding: 15px 0;
}< / p >< p >.section-list-item a {
颜色:text_color美元;
}< / p >< p >< / p >< p >.section-list-item:{之前
内容:“\ 002 b”;
边距:0 -15px;
颜色:# d40054;
}< / p >< p >.section-list {< / p >< p >list-style-type:没有;
padding-left: 18 px;< / p >< p >text-align:左;< / p >< p >}< / p >< p >你可以使用这个网站找到你想要出现在你的章节和文章前面的字符:https://www.compart.com/en/unicode/category/So< / >< / p >< p >< / p >< / >节
@Heather。谢谢你!我将研究您所拥有的,将其与我的实现进行比较,并根据需要更新文章。我很抱歉你第一次遇到了一些麻烦,但很高兴你把它工作得很好!< / p >< / >节
谢谢你分享你的解决方案,希瑟:)< / p >< / >节
@Heather和@Brett,我更新了文章以匹配我的实时站点。从我发表这篇文章到我们上个月上线,我做了很多改变。< / p >< / >节
https://support.亚博zendesk.com/hc/en-us/community/posts/360004412767/comments/360008303313< / >< / p >< p >这对我很有效!如果我需要将格式从+ -更改为展开和折叠按钮,该怎么办?< / p >< p >
蒂雅< / p >< / >节
谢谢你的建议!当我尝试发布时,我得到一个错误消息,它说“内部不存在”。看来你们其余的人都能用它工作了……似乎拼写正确....什么好主意吗?< / p >< p >< / p >< p >
以防有人像我一样陷入这个话题,我有一个对我有用的更新。< / p >< p >首先,我意识到上面的“内部”是指内部文章。显然,在这个特定上下文的花括号代码中不存在该选项。也可能是别的东西把它搞砸了。但我尝试过的所有方法都有类似的错误,所以这对我来说并不奏效。< / p >< p >经过更多的调查,我发现了这个:< / p >< p >https://gist.github.com/chucknado/6a1ee9593aa522a40898b57d6d704ca0< / >< / p >< p >我复制了一小段代码并将其粘贴到我的分类页面模板中。< / p >< p >< / p >< p >下< / p >
部分的代码,我只是粘贴了这个< / p >
在两个嵌套的“if”语句之后。这个屏幕截图显示了我最终如何修改它以匹配sections页面上的内容(添加了svg右雪佛龙图标)。我还添加了一个新的CSS类,这样我就可以在不破坏sections页面的情况下对sections页面进行样式化。但是,显示区段列表的实际代码非常简短和简单。< / p >< p >< / p >< p >
这是它在我的网站上最终的样子。(顺便说一句,这是一个几乎没有修改过的哥本哈根。)< / p >< p >< / p >< p >
谢谢你回来分享你的解决方案,Marci!< / p >< / div >< / >节
非常,非常感谢所有为这篇文章做出贡献的人。你们把我从彻底摧毁我自己的帮助中心中拯救了出来,因为我真的不知道在更新模板的时候我在做什么,但我有很大的梦想。< / p >< / >节
嗨@……,< / p >< p >谢谢你的建议,但我还有一个问题:你如何在你的分类页面上显示你的分段文章?< / p >< p >像这样:< / p >< p >
这看起来太棒了,你可以打印出每一部分的标题和文章。< / p >< p >有人知道这是否也适用于章节页面,你在该章节中显示所有章节,并为每个章节的子章节和文章。(引导企业/更深层次)。< / p >< p >在section页可以使用section。节来循环遍历节下的每个节。它应该为每个具有更多子节的节返回一个节数组。< / p >
我得到错误:错误section_page L32:20:无法访问' sections.sections '中的' sections '< / p >< p >尝试了多种不同的语法,但无法让它工作,所以我开始怀疑,如果部分。Sections甚至为其中的每个section都包含了一个Sections数组。< / p >< p >有人能证实吗,那部分。Sections还包括其中每个section的Sections -array,是否可以循环遍历这些section并以与本文的类别页面示例相同的方式打印出来?如果是这样的话,我将非常感激你能给我一个纠正我上面语法的提示。< / p >< / >节
嗨艾米!我看不出你的代码有什么问题,但我确实有一个可能的解决方案。如果您使用的主题是在2020年3月29日之前创建的,则需要在sections模板中添加代码片段。你可以在这篇文章< / >你需要添加的代码片段是这样的:< / p >
如果你已经这样做了,但仍然遇到问题,请告诉我!< / p >< / >节
嗨,格雷格,< / p >< p >由于Amy的最后一条评论相当陈旧,我以为你是在回应我。我们的主题是新创建的哥本哈根主题,我正在工作,你的代码会工作得很好,但它似乎并没有试图做我想做的事情。< / p >< p >在一个章节页,我想打印出所有的子标题,并在那些所有的子标题和文章。所以我首先需要“每个部分”。“Sections”,在这里面还有一个“section。Sections”。< / p >< p >即使文档中说了那个部分。sections是一个section对象数组,我不确定这些section对象是否包含section。section数组正确,否则我就不知道如何使用这些嵌套的each循环来访问它们。< / p >< p >Br。亚诺河< / p >< / >节
嗨红润DEROSIERS< / >< / p >< p >很抱歉回复晚了…< / p >< p >这是一个插件从Diziana:https://www.diziana.com/products/multilevel-menu-plugin< / >< / p >< p >< / p >< p >< / p >< / >节
艾米,谢谢你的回答< / p >< p >< / p >< p >阿诺,试试这个:< / p >< p >{{#每个部分}}< / p >< p >{{名称}}< / p >< p >{{#如果部分}}< / p >< p >{{#每个部分}}
{{名称}}
{{#如果文章}}
{{#每个文章}}
{{标题}}
{{/每个}}
{{/如果}}
{{/每个}}
{{/如果}}< / p >< p >{{#如果文章}}< / p >< p >{{#每个文章}}< / p >< p >{{标题}}< / p >< p >{{/每个}}< / p >< p >{{/如果}}< / p >< / >节
你好,< / p >< p >试过了,但是区段页根本没有标识区段。无论如何,谢谢你。
{{#如果提升}}
我希望我的副本足够好,我在用智能手机< / p >< / >节
嗨红润,< / p >< p >编辑:稍微澄清一下下面的示例结果。< / p >< p >谢谢。工作代码,但这并不列出节下的子节标题,只列出文章标题。我想直接向用户展示整个结构。因此,用户可以直接导航到章节中的文章或章节中的子章节。使用您提供的解决方案,如果我有一个只有子节的节,只显示空节(只有标题),用户不会直接理解其中有子节和文章。< / p >< p >得到的是,即使在这个部分下面还有一些部分< / p >
我想要的是:< / p >
我很抱歉,阿诺,我肯定是在回复你,不小心用了艾米的名字!我要回顾一下在座各位之间的交流看看现在的情况如何。< / p >< / >节
好了,我回来了!我还有一个问题,为了确保我们在同一页上(双关语不是故意的),就是你是否在看“部分”页面,而不是“类别”页面。我之所以问这个问题,是因为在我的账户上建立了一个新的哥本哈根会议之后,我能够得到我相信是你在上一篇文章中寻找的东西:< / p >< p >
如果我误解了你的要求,请告诉我!< / p >< / >节
谢谢,很高兴澄清这一点,部分页面是我想要改变的。< / p >< p >< / p >< / >节
谢谢你的澄清!当你把你的帮助中心设置成我这样的时候,你能把你看到的截图下来吗?我的内容来自标题为“分段”的第一个小节,我的层次结构如下:< / p >
让我看看能不能给你一张真实的照片。我可能需要将主题转移到另一个环境,因为我甚至不能在没有询问的情况下分享标题,而且我没有简单的工具来模糊内容。这是无论如何,我想实现一个节页:
谢谢大家的贡献。< / p >< p >我能够在Category视图中设置子部分,但是我如何将子部分设置在文章之前而不是之后呢?< / p >< p >
环球破< / >的链接https://support.亚博zendesk.com/hc/en-us/community/posts/360004412767/comments/360008303313< / >已经删除了,你有现存的吗?< / p >< / >节
请登录< / >留下评论。< / p >
没找到你要找的东西吗?< / h3 >新职位< / >