Show Help Centre article based of geolocation

Hi Anton :), show articles based on geolocation is tricky, you can do one thing; create a special category and create your special articles in it; you can apply user segment for these articles or these article can be locale based I mean that category and articles of this can be locale based.

I didn't set my geolocation on my laptop when I wrote geolocation code, I got an alert to turn on also my location is not set on my laptop so I ggot wrong city basis of my device location so I don't think it's a right way.

May be someone else give solution better than me but I think you should try locale based category with the articles or use user segment.

Thanks

Ifra

@ifra 

Hello,

Thank you for the suggestion.

I will try this.

Kind Regards,

Anton

@ifra

Hello,

A user segment would require a tag or defining feature for the end user to access it which would then mean that the customer profile in Zendesk needs that tag on it.

Or can the user segment be setup a different way?

Thank you.

Kind Regards,

Anton

@ifra

Hello,

I tried hiding the category using this support article but none of the examples seem to work. My preferred option is the ist tags.

https://support.zendesk.com/hc/en-us/community/posts/4409515323802-How-do-you-hide-a-category-from-the-homepage-

See below where they have been added to my script. I also used category number instead of the name

<section class="section knowledge-base">
    <h2 class="visibility-hidden">{{ t 'categories' }}</h2>
    <section class="categories blocks">
      <ul class="blocks-list">
        {{#each categories}}
        
{{#isnt name 'Account'}}

          {{#if ../has_multiple_categories}}
            <li class="blocks-item">
              <a href='{{url}}' class="blocks-item-link">

<span class="blocks-item-title">
                    {{name}}
                  </span>
                  <span class="blocks-item-description">{{excerpt description}}</span>
                </a>
              </li>
        

            {{/each}}
          {{/if}}
        
        {{/isnt}}

        {{/each}}
      </ul>
      {{pagination}}
  
    </section>

Can provide the full script if required.

Thank you.

Kind Regards,

Anton

@ifra

Hello,

I have decided to just the article instead.

I managed to hide the category and sections but can't hide one particular article in a section.

I tried this from the section tab with the following code but the article still displays.

Can you assist please?

<div class="container-divider"></div>
<div class="container">
  <nav class="sub-nav">
    {{breadcrumbs}}
    <div class="search-container">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-icon">
        <circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor"/>
        <path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5"/>
      </svg>
      {{search scoped=settings.scoped_kb_search submit=false}}
    </div>
  </nav>

  <div class="section-container">
    <section id="main-content" class="section-content">
      <header class="page-header">
        <h1>{{section.name}}</h1>
        {{#if settings.show_follow_section}}
          <div class="section-subscribe">{{subscribe}}</div>
        {{/if}}
        {{#if section.description}}
          <p class="page-header-description">{{section.description}}</p>
        {{/if}}
      </header>

      {{#if section.sections}}
        <ul class="section-list">
          {{#each section.sections}}
           {{#isnt id 9772307245330}}

          <li class="section-list-item">
              <a href="{{url}}">
                <span>{{name}}</span>
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16" aria-hidden="true">
                  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5 14.5l6.1-6.1c.2-.2.2-.5 0-.7L5 1.5"/>
                </svg>
              </a>
            </li>

            {{/isnt}}

          {{/each}}
        </ul>
      {{/if}}

      {{pagination "section.sections"}}

      {{#if section.articles}}
        <ul class="article-list">
          {{#each section.articles}}
            <li class="article-list-item {{#if promoted}} article-promoted{{/if}}">
              {{#if promoted}}
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 12 12" class="icon-star" title="{{t 'promoted'}}">
                  <path fill="currentColor" d="M2.88 11.73c-.19 0-.39-.06-.55-.18a.938.938 0 01-.37-1.01l.8-3L.35 5.57a.938.938 0 01-.3-1.03c.12-.37.45-.63.85-.65L4 3.73 5.12.83c.14-.37.49-.61.88-.61s.74.24.88.6L8 3.73l3.11.17a.946.946 0 01.55 1.68L9.24 7.53l.8 3a.95.95 0 01-1.43 1.04L6 9.88l-2.61 1.69c-.16.1-.34.16-.51.16z"/>
                </svg>
              {{/if}}
              <a href="{{url}}" class="article-list-link">{{title}}</a>
              {{#if internal}}
                <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'}}">
                  <rect width="12" height="9" x="2" y="7" fill="currentColor" rx="1" ry="1"/>
                  <path fill="none" stroke="currentColor" d="M4.5 7.5V4a3.5 3.5 0 017 0v3.5"/>
                </svg>
              {{/if}}
            </li>
          {{/each}}
        </ul>
      {{else}}
        <i class="section-empty">
          <a href="{{section.url}}">{{t 'empty'}}</a>
        </i>
      {{/if}}

      {{pagination "section.articles"}}

    </section>
  </div>
</div>

Thank you.

Kind Regards,

Anton

Hi Anton, I'm too late I know,

For section page:

{{#if section.articles}}
        <ul class="article-list">
          {{#each section.articles}}
          
          {{#isnt id 13018266721940}}
          
            <li class="article-list-item {{#if promoted}} article-promoted{{/if}}">
              {{#if promoted}}
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 12 12" class="icon-star" title="{{t 'promoted'}}">
                  <path fill="currentColor" d="M2.88 11.73c-.19 0-.39-.06-.55-.18a.938.938 0 01-.37-1.01l.8-3L.35 5.57a.938.938 0 01-.3-1.03c.12-.37.45-.63.85-.65L4 3.73 5.12.83c.14-.37.49-.61.88-.61s.74.24.88.6L8 3.73l3.11.17a.946.946 0 01.55 1.68L9.24 7.53l.8 3a.95.95 0 01-1.43 1.04L6 9.88l-2.61 1.69c-.16.1-.34.16-.51.16z"/>
                </svg>
              {{/if}}
              <a href="{{url}}" class="article-list-link">{{title}}</a>
              {{#if internal}}
                <svg xmlns="http://w

For Category Page:

  <div id="main-content" class="section-tree">
        {{#each sections}}
          <section class="section">
            <h2 class="section-tree-title">
              <a href="{{url}}">{{name}}</a>
            </h2>
            {{description}}
            {{#if articles}}
              <ul class="article-list">
                {{#each articles}}
                
                 {{#isnt id 13018266721940}}
                
                  <li class="article-list-item{{#if promoted}} article-promoted{{/if}}">
                    {{#if promoted}}
                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="icon-star" title="{{t 'promoted'}}">
                        <path fill="currentColor" d="M2.88 11.73c-.19 0-.39-.06-.55-.18a.938.938 0 01-.37-1.01l.8-3L.35 5.57a.938.938 0 01-.3-1.03c.12-.37.45-.63.85-.65L4 3.73 5.12

If your homepage has knowledgebase or private article is showing then you can add condition with the article id just before article LI tag, also you have to add condition on your search_results.page to hide from there as well.

Now you can give direct URL of your private article.

If any confusion please ask :)

Thanks

@ifra

Hi Ifra,

Thank you for the reply.

I see now what I did wrong.

This works perfectly.

Thank you for your help.

Kind Regards,

Anton