帮助指南:使用分类作为页面链接 莫里斯科伊尔< / >< / span > 2022年2月8日15:16 有人知道我如何使用主页上的分类框作为文章的超链接,而不是跳转到部分吗?我希望用户直接去一篇文章或票务形式时,点击他们。
16条评论
@莫里斯科伊尔< / >,您可以在主页上添加块,并从类别块中放置类和HTML结构,看看下面我是怎么做的,选择下面的代码,并将其粘贴到您的主页上。
在这段代码中,你可以写你的盒子标题,盒子描述(可选),在锚标记中添加一个自定义URL,它可以将盒子直接重定向到你想要的地方。
截图:
输出:
如果有任何困惑,请告诉我:)
谢谢
团队
嗨Ifra,
我试着做上面的,它都工作,除了我希望自定义url不被添加到帮助中心的url。这可能吗?例如,我想要一个分类按钮,导致honelearners.zendesk.com,但它导致亚博https://help.honehq.com/hc/www.honelearners.亚博zendesk.com< / >。对我如何解决这个问题有什么想法吗?
谢谢!
嘿卡拉Rebernick< / >:)
使用下面的代码:
如果有任何困惑,请随时提问。
谢谢
嗨Ifra !
我正在尝试这样做,但它不起作用,因为我们的帮助中心有两种语言。如何在此场景中实现页面链接?
提前谢谢你。
嘿Rocio安杜哈尔< / >,你可以通过JS代码检查你的块的href值:
块是相同的,但是href值对于不同的语言是不同的。
还有更多的方法,但我用了这个。如果有任何问题请告诉我:)
谢谢
嘿Ifra Saqlain< / >,
下面的内容是什么?是在script.js中还是在home_page.hbs中?我和卡拉有同样的问题:
@梅森Bjerke< / >,该代码片段将添加到该文件的所有代码末尾的script.js文件中。
试图将我们的培训中心类别重定向到另一个网站,而不是Zendesk的部分,但一直相当不成功。亚博使用Obscu模板,并将其放在主页中。哈佛商学院的文件:
你好,阿曼达·巴伯,
我试过了,它的工作,我添加{{不是}}条件在锚标记,见截图:
太好了,Ifra Saqlain< / >-它工作,但现在我的图标不显示在类别块。什么好主意吗?
Ifra Saqlain< / >有什么办法让图标也显示出来吗?
嗨,产品支持部,
按照以下步骤显示类别块的图标:
i).在主页的底部添加脚本代码。哈佛商学院的文件。
ii).将给定代码添加到块项代码中。
iii).在底部的style.css文件中添加CSS。
iv).将此代码添加到document_head。哈佛商学院的文件。
信贷:https://community-tutorial.亚博zendesk.com/hc/en-us/articles/115004178674-Adding-Images-in-Copenhagen-theme?_ga=2.257155657.310386109.1685456562-607324386.1685001940#bottom< / >
如果有任何疑问,请随时询问:)
谢谢
我使用的是一个不同的模板,似乎已经有图像应该出现吗?
{{help_center.name}}
{{!--Hero block --}}
{{t 'search'}}
{{#如果设置。translations_enable}}{{直流settings.hero_title}}{{其他}}{{settings.hero_title}}{{/如果}}< / h1 >
{{#设置。translations_enable}}{{直流settings.hero_info}}{{其他}}{{settings.hero_info}}{{/如果}}< / p >
{{搜索即时=设置。Instant_search class='search - search-full'占位符=settings.search_placeholder}}
< / div >
< / div >
< / >节
{{!--Categories section --}}
{{#如果类别}}
<节课= " home__categories " >
<类节=“以知识为基础”>
{{t 'categories'}}
{{#设置。translations_enable}}{{直流settings.kb_title}}{{其他}}{{settings.kb_title}}{{/如果}}< / h2 >
-
Ifra Saqlain< / >< / span >
社区的主持人< / span >< / div >
-
产品支持< / >< / span >
-
Ifra Saqlain< / >< / span >
社区的主持人< / span >< / div >
{{#非id 202700727}}
{{其他}}
< a href = 'https://support.gradecam.com/training-hub/< / >“阶级= " blocks-item-link " >
{{/不是}}
{{!--
< span class = "类别图标”>
< img src = "{{资产id前缀=”范畴——“后缀= ' . '}}" / >
< / span >
——}}
< span class = " blocks-item-title”>{{名称}}< / span >
{{节选描述字符=150}}
< / >
李< / >
{{其他}}
{{#每个部分}}
< span class = "类别图标" id = "类别——{{id}} " > <我类=“lni lni-laptop-phone " > < / i > < / span >
< span class = " blocks-item-title”>
{{名称}}
< / span >
{{节选描述字符=150}}
< / >
李< / >
{{/每个}}
{{/如果}}
{{/每个}}
< / ul >
{{分页}}
< / >节
< / >节
< / div >
< / >节
{{/如果}}
{{!--Promoted article block --}}
{{#是设置。toggle_promoted_articles "是的"}}
{{#如果promoted_articles}}
<节课= "文章" >
< h2 > {{t ' promoted_articles}} < / h2 >
< ul类= " promoted-articles " >
{{#每个promoted_articles}}
<李类= " promoted-articles-item " >
< a href = " {{url}} " >
{{标题}}
{{#如果内部}}
< svg xmlns = "http://www.w3.org/2000/svg< / >”width="16" height="16" focusable="false" viewBox="0 0 16 16" class="icon-lock" title="{{t 'internal'}}">
<矩形宽度= " 12 "高度=“9”x = y =“7”填“2”=“currentColor rx =“1”的国家= " 1 " / >
< / svg >
{{/如果}}
< / >
李< / >
{{/每个}}
< / ul >
< / >节
{{/如果}}
{{/}}
{{!--Recent article block --}}
{{#是设置。toggle_recently_viewed_article "是的"}}
{{recent_articles}}
{{/}}
{{!--Recent activity block --}}
{{#是设置。toggle_recent_activity "是的"}}
<节课= " home-recent-activity " >
{{recent_activity}}
< / >节
{{/}}
< / >节
< / >节
< / div >
{{!--Get in touch section --}}
{{#是设置。contacts_blocks "是的"}}
<类节= "接触——块”>
<类节=“以知识为基础”>
{{#设置。translations_enable}}{{直流settings.contacts_title}}{{其他}}{{settings.contacts_title}}{{/如果}}< / h2 >
< span class = "类别图标”> <我类= " {{settings.first_block_icon}} " > < / i > < / span >
{{#设置。translations_enable}}{{直流settings.first_block_title}}{{其他}}{{settings.first_block_title}}{{/如果}}< / span >
{{#设置。translations_enable}}{{直流settings.first_block_description}}{{其他}}{{settings.first_block_description}}{{/如果}}< / span >
< / >
李< / >
{{/不是}}
{{!--Custom block 2 --}}
{{#不是设置。second_block_title”——“}}
<李类= " blocks-item " >
{{#设置。translations_enable}}{{直流settings.second_block_title}}{{其他}}{{settings.second_block_title}}{{/如果}}< / span >
{{#设置。translations_enable}}{{直流settings.second_block_description}}{{其他}}{{settings.second_block_description}}{{/如果}}< / span >
< / >
李< / >
{{/不是}}
{{!--Custom block 3 --}}
{{#不是设置。third_block_title”——“}}
<李类= " blocks-item " >
< span class = "类别图标”> <我类= " {{settings.third_block_icon}} " > < / i > < / span >
{{#设置。translations_enable}}{{直流settings.third_block_title}}{{其他}}{{settings.third_block_title}}{{/如果}}< / span >
{{#设置。translations_enable}}{{直流settings.third_block_description}}{{其他}}{{settings.third_block_description}}{{/如果}}< / span >
< / >
李< / >
{{/不是}}
< / ul >
< / >节
< / >节
< / div >
< / >节
{{/}}
<脚本type = " text / javascript”>
$(文档)时函数(){
$(" #类别,{{settings.category1_id}})。附加(“<我类= " {{settings.category1_icon}} " > < / i > ');
$(" #类别,{{settings.category2_id}})。附加(“<我类= " {{settings.category2_icon}} " > < / i > ');
$(" #类别,{{settings.category3_id}})。附加(“<我类= " {{settings.category3_icon}} " > < / i > ');
$(" #类别,{{settings.category4_id}})。附加(“<我类= " {{settings.category4_icon}} " > < / i > ');
$(" #类别,{{settings.category5_id}})。附加(“<我类= " {{settings.category5_icon}} " > < / i > ');
$(" #类别,{{settings.category6_id}})。附加(“<我类= " {{settings.category6_icon}} " > < / i > ');
});
> < /脚本
将这行代码添加到blocks-item中:
试试这个,让我知道。
成功——非常感谢Ifra Saqlain< / >!
很高兴听到它起作用了!
请登录< / >留下评论。
没找到你要找的东西吗?
新职位< / >< / span >< / div >< / >节< / div >< / div >