Hiding and showing elements in your Copenhagen standard theme

<body>
<p id="docs-hc-snippet" style="display: none;">If you're using the latest version of thestandard Copenhagen theme, you can add and remove some common search functionality and visibility elements in your theme. You can also set thebranding and design elementsfor your theme.</p>
<div class="article-banners">
<div id="docs-wmp-link">
<a href="https://support.zendesk.com/hc/en-us/articles/5411234991258-plan" rel="noopener" target="_blank">What's my plan?</a>
</div>
<div class="article-banner" id="suite_all">
<table>
<tbody>
<tr>
<td>
<strong>All Suites</strong>
</td>
<td>Team, Growth, Professional, Enterprise, or Enterprise Plus</td>
</tr>
</tbody>
</table>
</div>
<div class="article-banner" id="support_with_guide_all">
<table>
<tbody>
<tr>
<td>
<strong>Support with</strong>
</td>
<td>Knowledge Professional or Enterprise</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="docs-ai-summary">
<p id="docs-ai-summary-toggle">Summary: <span id="up-triangle">◀</span><span id="down-triangle">▼</span></p>
<p id="docs-ai-summary-content">You can customize your help center's Copenhagen theme by toggling search features like instant and scoped search, and controlling visibility of home page, article, community, and request form elements. Adjust settings for recent activity, article details, community posts, and suggested articles without editing code, keeping your theme standard and supported with automatic updates.</p>
</div>
<div class="body">
<p class="p">If you're using the latest version of the <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408845834522" target="_blank">standard Copenhagen theme</a>, you can add and remove some common search
functionality and visibility elements in your theme. You can also set the <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408824139546" target="_blank">branding and design elements</a> for your theme. </p>
<p class="p">You can update any of the theme settings described here and still maintain a standard theme.
Standard themes are supported by Zendesk and automatically updated with new theme features.
However, if you edit theme code, your theme will become a custom theme and will not receive
updates. See <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408821255834" target="_blank">About the standard theme and custom themes in your help
center</a>. </p>
<div class="p">This article contains the following sections:<ul class="ul" id="topic_pb3_4sz_42b__ul_xnh_35z_42b">
<li class="li"><a class="xref" href="#topic_bbf_bxw_x3c">Accessing the Settings panel in your standard theme</a></li>
<li class="li"><a class="xref" href="#topic_bkw_n5z_42b">Setting search options in your standard theme</a></li>
<li class="li"><a class="xref" href="#topic_w34_45z_42b">Setting visibility for home page and knowledge base elements in your standard theme</a></li>
<li class="li"><a class="xref" href="#topic_v2m_pgg_p2b">Setting visibility for community elements in your standard theme</a></li>
<li class="li"><a class="xref" href="#topic_qth_vd5_w3c">Setting visibility for suggested articles in the request form</a></li>
</ul>
</div>
</div>
<div aria-labelledby="ariaid-title2" class="topic nested1" id="topic_bbf_bxw_x3c">
<h2 class="title topictitle2" id="ariaid-title2">Accessing the Settings panel in your standard theme</h2>
<div class="body">
<p class="p">The Settings panel sets the values of placeholders in thee template code. For example, the
instant search option in the Settings panel sets the value of a placeholder named
<code class="ph codeph">settings.instant_search</code> in the code. If you replace the placeholder in
the code with a literal value such as <code class="ph codeph">true</code> or with another placeholder,
you'll no longer be able to use the Settings panel to set the value in the code.</p>
<p class="p">The Settings panel consists of several categories that each contain additional elements you
can use to configure your theme. Changing settings in the Settings panel is not the same as
editing theme code. You can change the options in this panel and still maintain a standard
theme which is supported by Zendesk and updated with new theme features.</p>
<p class="p"><img class="image" id="topic_bbf_bxw_x3c__image_wz4_jbx_x3c" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/knw-update-theme-0141.png" width="700"></p>
<div class="p">
<strong class="ph b">To open the Settings panel</strong><ol class="ol" id="topic_bbf_bxw_x3c__ol_ucr_mbx_x3c">
<li class="li"><span class="ph">In <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/9041943683354#topic_b5q_nwn_s2c" target="_blank">Knowledge admin</a>, click <strong class="ph b">Customize design</strong>
(<img class="image" id="topic_bbf_bxw_x3c__d8e60" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide_icon_customize.png">) in the sidebar.</span></li>
<li class="li">Click <strong class="ph b">Customize</strong> on the theme you want to update.<p class="p"><img class="image" id="topic_bbf_bxw_x3c__image_zlw_jqw_x3c" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/knw-custom-theme.png" width="500"></p>
</li>
<li class="li">In the Settings panel on the left side of the page, click the setting names (for
example, Colors, Fonts, etc.) to show or hide the settings within each
category.<p class="p"><img class="image" id="topic_bbf_bxw_x3c__image_jsf_ybx_x3c" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/knw-theme-cust-exp-settings.png" width="250"></p>
</li>
<li class="li">Click <strong class="ph b">Back</strong> at the top of the Settings panel to return to the Themes page.</li>
</ol>
</div>
</div>
</div>
<div aria-labelledby="ariaid-title3" class="topic nested1" id="topic_bkw_n5z_42b">
<h2 class="title topictitle2" id="ariaid-title3">Setting search options in your standard theme</h2>
<div class="body">
<p class="p">In the Copenhagen standard theme, you can add and remove some common search functionality
options for your theme in the Settings panel. </p>
<p class="p"><strong class="ph b">To update search options for your theme</strong></p>
<div class="p">
<ol class="ol">
<li class="li">
<a class="xref" href="#topic_bbf_bxw_x3c">Open the Settings panel in your standard
theme</a>.</li>
<li class="li">Click <strong class="ph b">Search settings</strong>, then select or deselect any of the following options:<ul class="ul" id="topic_bkw_n5z_42b__ul_pnp_jwz_42b">
<li class="li">
<strong class="ph b">Instant search</strong> enables users to see links to suggested articles while
entering their search terms, then select matched articles directly from the Search
box without going to the search results page first. Instant search uses partial word
search and returns results based on article titles only.</li>
<li class="li">
<strong class="ph b">Scoped search in help center</strong> enables users to search only the articles in
the current category.</li>
<li class="li">
<strong class="ph b">Scoped search in Community</strong> enables users to search only the posts in the
current topic.</li>
</ul>
<p class="p">The theme preview updates so that you can see changes as you add or remove
elements.</p>
</li>
<li class="li">When you're finished, click <strong class="ph b">Publish</strong>.</li>
</ol>
</div>
</div>
</div>
<div aria-labelledby="ariaid-title4" class="topic nested1" id="topic_w34_45z_42b">
<h2 class="title topictitle2" id="ariaid-title4">Setting visibility for home page and knowledge base elements in your standard theme</h2>
<div class="body">
<p class="p">In the Copenhagen standard theme, you can set visibility for some home page and knowledge
base elements for your theme in the settings panel. </p>
<p class="p"><strong class="ph b">To set visibility for home page and knowledge base elements in your theme</strong></p>
<div class="p">
<ol class="ol" id="topic_w34_45z_42b__ol_syx_5vz_42b">
<li class="li">
<a class="xref" href="#topic_bbf_bxw_x3c">Open the Settings panel in your standard
theme</a>.</li>
<li class="li">In the Settings panel, click <strong class="ph b">Home page elements</strong>, then select or deselect
<strong class="ph b">Recent activity</strong> to add or remove the recent activity feed from your home page.
<p class="p">Recent activity shows a list of the five most recent new articles, article
comments, new community posts, and community comments on your help center home
page.</p>
</li>
<li class="li">Click <strong class="ph b">Article page elements</strong>, then select or deselect any of the following options:<div class="p">
<ul class="ul" id="topic_w34_45z_42b__ul_ygz_mhg_p2b">
<li class="li">
<strong class="ph b">Articles in section</strong> displays a list of all articles in the current
section in a sidebar on the article.</li>
<li class="li">
<strong class="ph b">Author</strong> displays the avatar and name of the author on each article.</li>
<li class="li">
<strong class="ph b">Comments</strong> shows all comments at the bottom of the article in order of
oldest to newest.</li>
<li class="li">
<strong class="ph b">Follow</strong> displays a button on the article so that users can subscribe to
the article to receive notifications when new comments are added. Notifications
are not sent when the article content is updated.</li>
<li class="li">
<strong class="ph b">Recently viewed</strong> displays a list of articles recently viewed by the user
in a sidebar on the article.</li>
<li class="li">
<strong class="ph b">Related articles</strong> displays a list of related articles, on a relevancy
score, in a sidebar on the article, see <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408886618394" target="_blank">How is the relate articles list populated</a>.</li>
<li class="li">
<strong class="ph b">Social sharing</strong> adds elements for sharing content on social media to the
article.</li>
</ul>
</div>
<p class="p">The theme preview updates so that you can see changes as you add or remove
elements.</p>
</li>
<li class="li">Click <strong class="ph b">Section page elements</strong>, then select or deselect <strong class="ph b">Follow</strong>, if you want
to enable users to follow sections.<p class="p">Follow displays a button on the section so that
users can subscribe to the section to receive notifications when new articles are
added to the section and when new comments are added to articles in the section.
</p>
</li>
<li class="li">When you're finished, click <strong class="ph b">Publish</strong>.</li>
</ol>
</div>
</div>
</div>
<div aria-labelledby="ariaid-title5" class="topic nested1" id="topic_v2m_pgg_p2b">
<h2 class="title topictitle2" id="ariaid-title5">Setting visibility for community elements in your standard theme</h2>
<div class="body">
<div class="p">In the Copenhagen standard theme, you can set visibility for some community elements for
your theme in the settings panel.<div class="note">
<span class="notetitle">Note:</span> This feature requires Gather Professional. You will
see the community post and community topic elements even if you do not have Zendesk
Gather. If you do not have a community, then setting options in this section will have no
effect.</div>
</div>
<p class="p"><strong class="ph b">To set visibility for community elements in your theme</strong></p>
<div class="p">
<ol class="ol">
<li class="li">
<a class="xref" href="#topic_bbf_bxw_x3c">Open the Settings panel in your standard
theme</a>.</li>
<li class="li">In the Settings panel, click <strong class="ph b">Community post elements</strong>, then select or deselect
any of the following options:<ul class="ul" id="topic_v2m_pgg_p2b__ul_atl_v3g_p2b">
<li class="li">
<strong class="ph b">Follow</strong> displays a button on the community post so that users can subscribe
to the post to receive notifications when new comments are added.</li>
<li class="li">
<strong class="ph b">Social sharing</strong> adds elements for sharing content on social media to the
post.</li>
</ul>
The theme preview updates so that you can see changes as you add or remove
elements.</li>
<li class="li">Click <strong class="ph b">Community topic elements</strong>, then select or deselect <strong class="ph b">Follow</strong>, if you
want to enable users to follow community topics.<div class="p">
<ul class="ul" id="topic_v2m_pgg_p2b__ul_m1y_nrt_p2b">
<li class="li">
<strong class="ph b">Follow</strong> displays a button on the community topic so that users can
subscribe to the topic to receive notifications when new posts are added to the
topic and when new comments are added to posts in the topic. </li>
</ul>
</div>
</li>
<li class="li">When you're finished, click <strong class="ph b">Publish</strong>.</li>
</ol>
</div>
</div>
</div>
<div aria-labelledby="ariaid-title6" class="topic nested1" id="topic_qth_vd5_w3c">
<h2 class="title topictitle2" id="ariaid-title6">Setting visibility for suggested articles in the request form</h2>
<div class="body">
<p class="p">In the Copenhagen standard theme, you can set visibility for showing users a list of
suggested articles in the new request form. Specifically, as users enter a subject in the
request form, a list of suggested articles in the knowledge base appears. They can click one
of the articles instead of submitting the request. See <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408846805530#topic_hgd_mqd_yy" target="_blank">Submitting a support request</a>. </p>
<p class="p"><strong class="ph b">To set visibility for suggested articles in the request form</strong></p>
<div class="p">
<ol class="ol" id="topic_qth_vd5_w3c__ol_ffs_wd5_w3c">
<li class="li">
<a class="xref" href="#topic_bbf_bxw_x3c">Open the Settings panel in your standard
theme</a>.</li>
<li class="li">In the Settings panel, click <strong class="ph b">Show suggested articles</strong>, then select or deselect
the option to <strong class="ph b">Show suggested articles</strong>.</li>
<li class="li">When you're finished, click <strong class="ph b">Publish</strong>.</li>
</ol>
</div>
</div>
</div>
<script id="docs-schema-markup" type="application/ld+json">{
"@context": "https://schema.org",
"@type": "TechArticle",
"@id": "https://support.zendesk.com/hc/en-us/articles/4408844090522",
"url": "https://support.zendesk.com/hc/en-us/articles/4408844090522",
"headline": "Hiding and showing elements in your Copenhagen standard theme",
"description": "You can configure the visibility and search functionality of various elements in your Copenhagen standard theme through the Settings panel without editing the theme code.",
"articleSection": "Using themes and customizing your help center",
"datePublished": "2021-10-16T04:07:55+00:00",
"dateModified": "2026-04-15T13:42:10.671573+00:00",
"inLanguage": "en-US",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://support.zendesk.com/hc/en-us/articles/4408844090522"
},
"author": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"publisher": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"isPartOf": {
"@type": "WebSite",
"name": "Zendesk Help",
"@id": "https://support.zendesk.com/hc/"
},
"about": {
"@type": "SoftwareApplication",
"name": "Zendesk",
"@id": "https://www.zendesk.com",
"softwareAddOn": {
"@type": "SoftwareApplication",
"name": "Knowledge",
"@id": "https://support.zendesk.com/hc/en-us/sections/4405298860954"
}
}
}</script><script id="ai-summary-script">
//<![CDATA[
const ai_summary_style = document.createElement('style');
ai_summary_style.innerHTML = `#styled-article-body{padding:0 0 0}#article-body #docs-ai-summary{background-color:#f3f3f3;border:1px solid #d3d3d3;padding:10px 10px 6px;margin-bottom:16px}#article-body #docs-ai-summary #docs-ai-summary-toggle{font-size:.9em;font-weight:700;margin-bottom:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}#article-body #docs-ai-summary #docs-ai-summary-toggle #up-triangle{margin-left:auto;padding-right:10px;display:none}#article-body #docs-ai-summary #docs-ai-summary-toggle #down-triangle{margin-left:auto;padding-right:10px}#article-body #docs-ai-summary #docs-ai-summary-content{font-size:.9em;padding-left:25px;padding-right:25px;margin-bottom:12px}`;
document.head.appendChild(ai_summary_style);

const toggleAISummary = () => {
const summary = document.getElementById("docs-ai-summary-content");
const upTriangle = document.getElementById("up-triangle");
const downTriangle = document.getElementById("down-triangle");
if (summary.style.display === "none") {
summary.style.display = "block";
upTriangle.style.display = "none";
downTriangle.style.display = "inline";
} else {
summary.style.display = "none";
upTriangle.style.display = "inline";
downTriangle.style.display = "none";
}
};

document.getElementById("docs-ai-summary-toggle").addEventListener("click", toggleAISummary);
//]]>
</script>
</body>