Das B2B Portal der Halbleiter- und Mikroelektronikbranche
[ivory-search id="23885" title="Default Search Form"]

Viscom AG

Ansprechpartner

  • Hagen Berger
  • hagen.berger@viscom.de

        Produkte und Leistungen als Unternehmenstyp:

        • Testhaus
          <style>
          
            /* Standardmäßig 3 Spalten */
          .pro-leistungen-grid {
              display: grid;
              grid-template-columns: 1fr 1fr 1fr;
              gap: 10px;
          }
          
          /* Bei Bildschirmbreiten unter 500px, nur 2 Spalten */
          @media (max-width: 500px) {
              .pro-leistungen-grid {
                  grid-template-columns: 1fr 1fr;
              }
          }
          
            
          </style>
          
          <?php
          $post_id = get_the_ID();
          $all_taxonomies = get_object_taxonomies(get_post_type($post_id));
          
          // Entfernen Sie die Standard-Kategorien-Taxonomie aus der Liste
          if (($key = array_search('category', $all_taxonomies)) !== false) {
              unset($all_taxonomies[$key]);
          }
          
          // Durchlaufen Sie jede Taxonomie und zeigen Sie deren Begriffe an
          foreach ($all_taxonomies as $taxonomy) {
              $terms = get_the_terms($post_id, $taxonomy);
              if ($terms && !is_wp_error($terms)) {
                  echo '<strong>' . get_taxonomy($taxonomy)->labels->singular_name . ':</strong><br>';
                  echo '<div class="pro-leistungen-grid">'; // Verwendung der CSS-Klasse
                  foreach ($terms as $term) {
                      echo '<div class="pro-leistungen-listitem">' . $term->name . '</div>';
                  }
                  echo '</div>'; // Ende des Grids
                  echo '<br>'; // Neue Zeile nach jedem Grid
              }
          }
          ?>
          
          <style>
              .tabs {
                  display: flex;
                  flex-wrap: wrap;
              }
          
              .tab-button {
                  padding: 10px 20px;
                  cursor: pointer;
                  background-color: #e0e0e0;
                  border: 1px solid #ccc;
                  margin-right: 5px;
                  border-radius: 4px;
              }
          
              .tab-button.active {
                  background-color: #03a9f4;
                  color: white;
              }
          
              .tab-content {
                  display: none;
                  padding: 20px;
                  border: 1px solid #ccc;
                  margin-top: 10px;
                  border-radius: 4px;
              }
          
              .tab-content.active {
                  display: block;
              }
          
              .pro-leistungen-grid {
                  display: grid;
                  grid-template-columns: 1fr 1fr 1fr;
                  gap: 10px;
              }
          
              @media (max-width: 500px) {
                  .pro-leistungen-grid {
                      grid-template-columns: 1fr 1fr;
                  }
              }
          /*
              .pro-leistungen-listitem {
                  padding: 10px;
                  background-color: #f0f0f0;
                  border: 1px solid #ccc;
                  border-radius: 4px;
              }*/
          </style>
          
          <div class="tabs">
              <?php
              $post_id = get_the_ID();
              $all_taxonomies = get_object_taxonomies(get_post_type($post_id));
          
              // Entfernen Sie die Standard-Kategorien-Taxonomie aus der Liste
              if (($key = array_search('category', $all_taxonomies)) !== false) {
                  unset($all_taxonomies[$key]);
              }
          
              $tab_index = 0;
          
              // Durchlaufen Sie jede Taxonomie und erstellen Sie Tabs und Inhalte
              foreach ($all_taxonomies as $taxonomy) {
                  $terms = get_the_terms($post_id, $taxonomy);
                  if ($terms && !is_wp_error($terms)) {
                      echo '<div class="tab-button' . ($tab_index == 0 ? ' active' : '') . '" onclick="openTab(event, \'tab-' . $taxonomy . '\')">' . get_taxonomy($taxonomy)->labels->singular_name . '</div>';
                      $tab_index++;
                  }
              }
              ?>
          </div>
          
          <?php
          $tab_index = 0;
          
          // Durchlaufen Sie jede Taxonomie und zeigen Sie deren Begriffe in den Tabs an
          foreach ($all_taxonomies as $taxonomy) {
              $terms = get_the_terms($post_id, $taxonomy);
              if ($terms && !is_wp_error($terms)) {
                  echo '<div id="tab-' . $taxonomy . '" class="tab-content' . ($tab_index == 0 ? ' active' : '') . '">';
                  echo '<div class="pro-leistungen-grid">';
                  foreach ($terms as $term) {
                      echo '<div class="pro-leistungen-listitem">' . $term->name . '</div>';
                  }
                  echo '</div>';
                  echo '</div>';
                  $tab_index++;
              }
          }
          ?>
          
          <script>
              function openTab(event, tabId) {
                  var i, tabcontent, tabbuttons;
          
                  // Alle Tab-Inhalte ausblenden
                  tabcontent = document.getElementsByClassName("tab-content");
                  for (i = 0; i < tabcontent.length; i++) {
                      tabcontent[i].style.display = "none";
                      tabcontent[i].classList.remove("active");
                  }
          
                  // Alle Tab-Buttons als inaktiv markieren
                  tabbuttons = document.getElementsByClassName("tab-button");
                  for (i = 0; i < tabbuttons.length; i++) {
                      tabbuttons[i].classList.remove("active");
                  }
          
                  // Aktiven Tab-Inhalt und -Button anzeigen
                  document.getElementById(tabId).style.display = "block";
                  document.getElementById(tabId).classList.add("active");
                  event.currentTarget.classList.add("active");
              }
          
              // Standardmäßig den ersten Tab öffnen
              document.addEventListener('DOMContentLoaded', function () {
                  document.getElementsByClassName('tab-button')[0].click();
              });
          </script>
          

        Stellenanzeige(n)

        Keine Vakanzen offen