• Ifra Saqlain

  • June 17, 2022 11:14

  Community Moderator

  

  

  Hi Anton Van der meyden, you can change it on the home_page.hbs but if you want to change the title via JS code then just copy and paste it to your script.js file.

  document.querySelector("h2.promoted-article").innerText = "WRITE YOUR TITLE HERE";
  
  
  h2.promoted-article: Your class name may be different.

   

  You can directly change it on home_page.hbs file.

  

• Anton Van der meyden

  • July 05, 2022 13:52

  Ifra Saqlain

  Hi Ifra,

  Thank you for your help.

  Kind Regards,

  Anton

• Breanne Brock

  • September 08, 2022 17:11

  Hi Ifra Saqlain - my home page's code looks a little different and the above guidance doesn't work. Any ideas on how to change the word "promoted" based on my code (see below)?

  <div class="container">
    <section class="section knowledge-base">
      
       {{#if promoted_articles}}
        <section class="articles">
          <h2>{{t 'promoted_articles'}}</h2>
          <ul class="article-list promoted-articles">
            {{#each promoted_articles}}
              <li class="promoted-articles-item">
                  <a href="{{url}}">
                    {{title}}

• Ifra Saqlain

  • September 09, 2022 04:52

  Community Moderator

  

  

  Hi Breanne Brock , :)

  Change the name of your title then do the following:

  Current Code:

  <div class="container">
    <section class="section knowledge-base">
      
       {{#if promoted_articles}}
        <section class="articles">
  
          <h2> {{t 'promoted_articles'}} </h2>
  
          <ul class="article-list promoted-articles">
            {{#each promoted_articles}}
              <li class="promoted-articles-item">
                  <a href="{{url}}">
                    {{title}}

   

   

  Update Code:

  <div class="container">
    <section class="section knowledge-base">
      
       {{#if promoted_articles}}
        <section class="articles">
  
        <h2> WRITE YOUR TEXT HERE </h2>
  
          <ul class="article-list promoted-articles">
            {{#each promoted_articles}}
              <li class="promoted-articles-item">
                  <a href="{{url}}">
                    {{title}}

   

   

  OR

  If you want to show the title in multiple languages then you can use Dynamic Placeholder.

  https://support.zendesk.com/hc/de/community/posts/4581644213658-Dynamic-Content-in-Guide-Search-Placeholder-

   

   

  With the DC Placeholder:

  <div class="container">
    <section class="section knowledge-base">
      
       {{#if promoted_articles}}
        <section class="articles">
  
        <h2> {{dc 'custom_text}} </h2>
  
          <ul class="article-list promoted-articles">
            {{#each promoted_articles}}
              <li class="promoted-articles-item">
                  <a href="{{url}}">
                    {{title}}

   

   

  If any confusion feel free to share :)

  Thanks

  Team

• Breanne Brock

  • September 09, 2022 20:11

  Thank you, Ifra Saqlain! I really appreciate it!

Please sign in to leave a comment.