fix: google search console issue with breadcrumb list

tbreuss · Jul 30, 2023 · a4eddf7 · a4eddf7
1 parent a04338b
commit a4eddf7
Show file tree

Hide file tree

Showing 4 changed files with 102 additions and 37 deletions.
diff --git a/assets/app/dist/main.css b/assets/app/dist/main.css
@@ -5165,6 +5165,54 @@ h3 a:hover {
  text-decoration: none;
 }
 
+up-modal .breadcumbList {
+ display: none;
+}
+
+.breadcumbList {
+ margin-top: 1rem;
+ font-size: 0.9rem;
+}
+
+.breadcumbList__home {
+ color: #c2c2c2;
+}
+
+.breadcumbList__home:hover {
+ color: #7f7f7f;
+}
+
+.breadcumbList__home::after {
+ content: " › ";
+}
+
+ol[typeof=BreadcrumbList] {
+ display: inline;
+ list-style-type: none;
+ padding: 0;
+ color: #c2c2c2;
+}
+
+li[typeof=ListItem] {
+ display: inline;
+}
+
+li[typeof=ListItem]::after {
+ content: " › ";
+}
+
+li:last-child[typeof=ListItem]::after {
+ content: "";
+}
+
+li[typeof=ListItem] a {
+ color: #c2c2c2;
+}
+
+li[typeof=ListItem] a:hover {
+ color: #7f7f7f;
+}
+
 .button {
  display: inline-block;
  font-weight: 400;

diff --git a/assets/app/dist/main.min.css b/assets/app/dist/main.min.css
diff --git a/assets/app/scss/_breadcrumbs.scss b/assets/app/scss/_breadcrumbs.scss
@@ -32,3 +32,51 @@
  }
 
 }
+
+up-modal .breadcumbList {
+ display: none;
+}
+
+.breadcumbList {
+ margin-top:1rem;
+ font-size: 0.9rem;
+}
+
+.breadcumbList__home {
+ color: #c2c2c2;
+}
+
+.breadcumbList__home:hover {
+ color: #7f7f7f;
+}
+
+.breadcumbList__home::after {
+ content: " › ";
+}
+
+ol[typeof=BreadcrumbList] {
+ display: inline;
+ list-style-type: none;
+ padding:0;
+ color: #c2c2c2;
+}
+
+li[typeof=ListItem] {
+ display: inline;
+}
+
+li[typeof=ListItem]::after {
+ content: " › ";
+}
+
+li:last-child[typeof=ListItem]::after {
+ content: "";
+} 
+
+li[typeof=ListItem] a {
+ color: #c2c2c2;
+}
+
+li[typeof=ListItem] a:hover {
+ color: #7f7f7f;
+}
diff --git a/views/layouts/base.php b/views/layouts/base.php
@@ -124,56 +124,25 @@ function gtag(){dataLayer.push(arguments);}
  <div class="container navbar-border-bottom"><div class="border"></div></div>
 
  <?php if (!empty($this->params['breadcrumbs'])): ?>
- <div class="container container--breadcumbList">
- <ol vocab="https://schema.org/" typeof="BreadcrumbList">
- <li property="itemListElement" typeof="ListItem">
- <a property="item" typeof="WebPage" href="<?= Url::home() ?>">
- <span property="name">Startseite</span></a>
- <meta property="position" content="1">
- </li> 
+ <div class="container breadcumbList">
+ <a class="breadcumbList__home" href="javascript:window.location.href='<?= Url::home() ?>'">Start</a>
+ <ol vocab="https://schema.org/" typeof="BreadcrumbList"> 
  <?php foreach ($this->params['breadcrumbs'] as $itemCount => $item): ?> 
  <?php if (is_array($item)): ?>
  <li property="itemListElement" typeof="ListItem">
  <a property="item" typeof="WebPage" href="<?= Url::to($item['url']) ?>">
  <span property="name"><?= $item['label'] ?></span></a>
- <meta property="position" content="<?= $itemCount + 2 ?>">
+ <meta property="position" content="<?= $itemCount + 1 ?>">
  </li> 
  <?php endif; ?>
  <?php if (is_string($item)): ?>
  <li property="itemListElement" typeof="ListItem">
  <span property="name"><?= $item ?></span>
- <meta property="position" content="<?= $itemCount + 2 ?>">
+ <meta property="position" content="<?= $itemCount + 1 ?>">
  </li> 
  <?php endif; ?>
  <?php endforeach; ?>
  </ol>
- <style>
- up-modal .container--breadcumbList {
- display: none;
- }
- ol[typeof=BreadcrumbList] {
- list-style-type: none;
- margin:1rem 0 0 0;
- padding:0;
- font-size: 0.9rem;
- color: #c2c2c2;
- }
- li[typeof=ListItem] {
- display: inline;
- }
- li[typeof=ListItem]::after {
- content: " › ";
- }
- li:last-child[typeof=ListItem]::after {
- content: "";
- } 
- li[typeof=ListItem] a {
- color: #c2c2c2;
- }
- li[typeof=ListItem] a:hover {
- color: #7f7f7f;
- }
- </style>
  </div>
  <?php endif; ?>