最近搜索

没有最近搜索

Showing product (license/SKU) relevance on Guide articles

已回答
image avatar

Katie Nix

已于 2024年5月13日 发布

Hello! 

 

I'd like to implement something similar to what Zendesk has in their own help center, where each article shows which plans the article applies to (the images under the “What's my plan?” link, here for example).

 

I imagine this can be accomplished with article labels (Product1, Product2) and then a bunch of ‘if’ statements (If product1, show image1; if product2 show image2). 

 

Would love to know if anyone has implemented something like this – any sample code you can share, or any pitfalls you've encountered. 

0

1

1 条评论

日期
    image avatar

    Pulkit Pandey

    Zendesk LuminaryCommunity Moderator

    Hi Katie Nix

     

    To add labels on targeted articles and display the corresponding image based on the label, you can use the following code. In the example below, "product-1" and "product-2" are used as labels for the article, but you can replace them with your own labels. Simply add this code above the "article-body" class on the article page.

     

    {{#each article.labels}}
     {{#if (compare identifier "==" "product-1") }}
      <img src="{{asset '0a74b4b2d61ea3a593a009dd2168c3c2d602eb8f.png'}}" class="product-1">
     {{/if}}
     {{#if (compare identifier "==" "product-2")}}
      <img src="{{asset '5f80cc96c3472e1670549addd4c939262ff77abd.png'}}" class="product-2">
     {{/if}}
    {{/each}}

    Please see the attached screenshot. The code mentioned above needs to be added at the location indicated in the screenshot.

     

    Let me know if its solves your issue 

    Thanks 
    Pulkit
    Team Diziana

     

     

     

    0

    请先登录再写评论。

    找不到所需的内容？

    新建帖子