Merge pull request #1444 from kchu93/MERC-4566

MERC-4566 Add option to hide breadcrumbs and page title
bigcommerce · Feb 28, 2019 · e9c925a · e9c925a
2 parents d92e2a0 + 6e144d4
commit e9c925a
Show file tree

Hide file tree

Showing 7 changed files with 64 additions and 17 deletions.
diff --git a/config.json b/config.json
@@ -44,6 +44,11 @@
     "Firefox ESR"
   ],
   "settings": {
+    "hide_breadcrumbs": false,
+    "hide_page_heading": false,
+    "hide_category_page_heading": false,
+    "hide_blog_page_heading": false,
+    "hide_contact_us_page_heading": false,
     "homepage_new_products_count": 5,
     "homepage_featured_products_count": 4,
     "homepage_top_products_count": 4,

diff --git a/schema.json b/schema.json
@@ -356,6 +356,40 @@
         "label": "Product thumbnail loading background",
         "id": "container-fill-base"
       },
+      {
+        "type": "heading",
+        "content": "Pages"
+      },
+      {
+        "type": "checkbox",
+        "label": "Hide breadcrumbs",
+        "force_reload": true,
+        "id": "hide_breadcrumbs"
+      },
+      {
+        "type": "checkbox",
+        "label": "Hide page heading",
+        "force_reload": true,
+        "id": "hide_page_heading"
+      },
+      {
+        "type": "checkbox",
+        "label": "Hide category page heading",
+        "force_reload": true,
+        "id": "hide_category_page_heading"
+      },
+      {
+        "type": "checkbox",
+        "label": "Hide blog page heading",
+        "force_reload": true,
+        "id": "hide_blog_page_heading"
+      },
+      {
+        "type": "checkbox",
+        "label": "Hide contact us page heading",
+        "force_reload": true,
+        "id": "hide_contact_us_page_heading"
+      },
       {
         "type": "heading",
         "content": "Products"

diff --git a/templates/components/common/breadcrumbs.html b/templates/components/common/breadcrumbs.html
@@ -1,13 +1,15 @@
 <ul class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
-    {{#each breadcrumbs}}
-        <li class="breadcrumb {{#if @last}}is-active{{/if}}" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
-            {{#or @last (if url "==" null)}}
-                <meta itemprop="item" content="{{url}}">
-                <span class="breadcrumb-label" itemprop="name">{{name}}</span>
-            {{else}}
-                <a href="{{url}}" class="breadcrumb-label" itemprop="item"><span itemprop="name">{{name}}</span></a>
-            {{/or}}
-            <meta itemprop="position" content="{{add @index 1}}" />
-        </li>
-    {{/each}}
+    {{#unless theme_settings.hide_breadcrumbs }}
+        {{#each breadcrumbs}}
+            <li class="breadcrumb {{#if @last}}is-active{{/if}}" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                {{#or @last (if url "==" null)}}
+                    <meta itemprop="item" content="{{url}}">
+                    <span class="breadcrumb-label" itemprop="name">{{name}}</span>
+                {{else}}
+                    <a href="{{url}}" class="breadcrumb-label" itemprop="item"><span itemprop="name">{{name}}</span></a>
+                {{/or}}
+                <meta itemprop="position" content="{{add @index 1}}" />
+            </li>
+        {{/each}}
+    {{/unless}}
 </ul>
diff --git a/templates/pages/blog.html b/templates/pages/blog.html
@@ -10,7 +10,9 @@
 {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
 
 <main class="page">
-    <h1 class="page-heading">{{ blog.name }}</h1>
+    {{#unless theme_settings.hide_blog_page_heading }}
+        <h1 class="page-heading">{{ blog.name }}</h1>
+    {{/unless}}
 
     {{#each blog.posts}}
         {{> components/blog/post post=this}}

diff --git a/templates/pages/category.html b/templates/pages/category.html
@@ -20,7 +20,9 @@
 {{#if category.image}}
     <img class="lazyload" data-sizes="auto" src="{{cdn 'img/loading.svg'}}" data-src="{{getImage category.image 'zoom_size'}}">
 {{/if}}
-<h1 class="page-heading">{{category.name}}</h1>
+{{#unless theme_settings.hide_category_page_heading }}
+    <h1 class="page-heading">{{category.name}}</h1>
+{{/unless}}
 {{{category.description}}}
 {{{snippet 'categories'}}}
 <div class="page">

diff --git a/templates/pages/contact-us.html b/templates/pages/contact-us.html
@@ -3,8 +3,9 @@
 {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
 
 <main class="page">
-
-    <h1 class="page-heading">{{page.title}}</h1>
+    {{#unless theme_settings.hide_contact_us_page_heading }}
+        <h1 class="page-heading">{{page.title}}</h1>
+    {{/unless}}
 
     {{#if page.sub_pages}}
         <nav class="navBar navBar--sub">

diff --git a/templates/pages/page.html b/templates/pages/page.html
@@ -3,8 +3,9 @@
 {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
 
 <main class="page">
-
-    <h1 class="page-heading">{{ page.title }}</h1>
+    {{#unless theme_settings.hide_page_heading }}
+        <h1 class="page-heading">{{ page.title }}</h1>
+    {{/unless}}
 
     {{#if page.sub_pages}}
     <nav class="navBar navBar--sub">