최근 검색

최근 검색 없음

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

    댓글을 남기려면 로그인하세요.

    원하는 정보를 못 찾으셨나요?

    새 게시물