Issue 5823 - Change header content based on page on help.eyeo.com

includes/layout/header.tmpl

Index: includes/layout/header.tmpl
===================================================================
--- a/includes/layout/header.tmpl
+++ b/includes/layout/header.tmpl
@@ -1,30 +1,41 @@
-<header id="site-header" class="navbar">
+{% if product_id %}
+  {% set product = products[product_id] %}
+  {% set search_label = "Search " + product.full_name + " Help" %}
+  {% set search_site = product.url + "," + config.get("general", "siteurl") %}

[juliandoucette, 2017/10/09 22:58:06]

Does the order matter? If so, I think we should prefer help-center results?

[ire, 2017/10/10 18:44:47]

Done.

[ire, 2017/10/10 18:44:47]

I don't know, there doesn't seem to be any documentation on this. I will change
it so the help center url is first just in case.

+{% else %}
+  {% set search_label = "Search for help..." %}
+  {% set search_site = config.get("general", "siteurl") %}
+{% endif %}
+
+<header id="site-header" class="navbar {{ 'site-header-minimal' if product_id is not defined }}">
   <div class="navbar-wrapper">
     <h1 id="site-title">
       {{ "index" | linkify() }}
         <img src="/img/png/eyeo-help.png" srcset="/img/svg/eyeo-help.svg 2x" alt="{{ "eyeo Help" | translate("site-title", "Image alt text") }}">
       </a>
     </h1>
 
     <button class="toggle-navbar-collapse unstyled phablet-and-mobile-only">
       <img src="/img/png/search-icon.png" srcset="/img/svg/search-icon.svg 2x" alt="{{ "Toggle Search Bar" | translate("search-toggle-alt", "Image alt text") }}">
     </button>
 
     <div class="navbar-collapse">
       <form id="search-form" action="https://duckduckgo.com" method="GET">
-        <label for="search" class="sr-only">{{ "Search Adblock Plus Help" | translate("search-form-label", "Input label") }}</label>
-        <input id="search" name="q" type="search" placeholder="{{ "Search Adblock Plus Help" | translate("search-form-label", "Input label") }}">
-        <input type="hidden" name="sites" value="adblockplus.org">
+        <label for="search" class="sr-only">{{ search_label | translate("search-form-label", "Input label") }}</label>
+        <input id="search" name="q" type="search" placeholder="{{ search_label | translate("search-form-label", "Input label") }}">
+        <input type="hidden" name="sites" value="{{ search_site }}">
         <button type="submit">
           <img src="/img/png/search-icon.png" srcset="/img/svg/search-icon.svg 2x" alt="{{ "Search" | translate("search-icon-alt", "Image alt text") }}">
         </button>
       </form>
 
+      {% if product_id %}
       <nav id="product-website-link">
-        <a href="https://adblockplus.org/">
-          {{ "Adblock Plus" | translate("abp-product-link", "Link label") }}<img src="/img/png/external-icon.png" srcset="/img/svg/external-icon.svg 2x" alt="{{ "External link icon" | translate("external-link-icon", "Image alt text") }}">
+        <a href="{{ product.url }}">
+          {{ product.full_name | translate(product_id+"-product-link", "Link label") }}<img src="/img/png/external-icon.png" srcset="/img/svg/external-icon.svg 2x" alt="{{ "External link icon" | translate("external-link-icon", "Image alt text") }}">
         </a>
       </nav>
+      {% endif %}
     </div>
   </div>
 </header>