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

BessteQ GmbH

Produkte und Leistungen als Unternehmenstyp:

  • EMS-Dienstleister
    <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