MERC-4566 Add option to hide breadcrumbs and page title

bigcommerce · Feb 14, 2019 · e3e3834 · e3e3834
1 parent e77e420
commit e3e3834
Show file tree

Hide file tree

Showing 7 changed files with 62 additions and 14 deletions.
diff --git a/config.json b/config.json
@@ -43,6 +43,11 @@
     "Firefox ESR"
   ],
   "settings": {
+    "page_heading": false,
+    "breadcrumbs": false,
+    "blog_page_heading": false,
+    "category_page_heading": false,
+    "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": "breadcrumbs"
+      },
+      {
+        "type": "checkbox",
+        "label": "Hide page heading",
+        "force_reload": true,
+        "id": "page_heading"
+      },
+      {
+        "type": "checkbox",
+        "label": "Hide category page heading",
+        "force_reload": true,
+        "id": "category_page_heading"
+      },
+      {
+        "type": "checkbox",
+        "label": "Hide blog page heading",
+        "force_reload": true,
+        "id": "blog_page_heading"
+      },
+      {
+        "type": "checkbox",
+        "label": "Hide contact-us page heading",
+        "force_reload": true,
+        "id": "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>
+        {{#or (if ../theme_settings.breadcrumbs '!==' true)}}
+            <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>
+        {{/or}}
     {{/each}}
 </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>
+    {{#or (if ../theme_settings.blog_page_heading '!==' true)}}
+        <h1 class="page-heading">{{ blog.name }}</h1>
+    {{/or}}
 
     {{#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>
+{{#or (if ../theme_settings.category_page_heading '!==' true)}}
+    <h1 class="page-heading">{{category.name}}</h1>
+{{/or}}
 {{{category.description}}}
 {{{snippet 'categories'}}}
 <div class="page">

diff --git a/templates/pages/contact-us.html b/templates/pages/contact-us.html
@@ -4,7 +4,9 @@
 
 <main class="page">
 
-    <h1 class="page-heading">{{page.title}}</h1>
+    {{#or (if ../theme_settings.contact_us_page_heading '!==' true)}}
+        <h1 class="page-heading">{{page.title}}</h1>
+    {{/or}}
 
     {{#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>
+    {{#or (if ../theme_settings.page_heading '!==' true)}}
+        <h1 class="page-heading">{{ page.title }}</h1>
+    {{/or}}
 
     {{#if page.sub_pages}}
     <nav class="navBar navBar--sub">