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

Haug Electronic Solutions

  • Schelmenwasenstraße 970567 StuttgartDeutschland
Unternehmen auf Google Maps anzeigen

Produkte und Leistungen als Unternehmenstyp:

  • Franchise Distributoren
    <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>
    

Linecard

Unternehmensbeschreibung

Eine Welt ohne Lösungselektronik lässt sich schwer vorstellen. Genau wie Lösungselektronik ohne Haug. Unsere Produkte stecken zum Beispiel in Park- und Kassensystemen, Solar- und Melkanlagen, Windrädern sowie Dialysegeräten und entscheiden über den Erfolg dieser Anwendungen. Als Lösungsentwickler versuchen wir früh zu antizipieren, was Sie und Ihre Kunden brauchen. Dabei denken wir über das einzelne Bauteil hinaus und orientieren uns vor allem an der Nachhaltigkeit der gesamten Lösung anhand der Frage: Wie passt was am besten zusammen, um eine Anwendung besser zu machen. Unser vielfältiges und umfangreiches Produktportfolio deckt die Bereiche Kabelkonfektion, Elektronische Komponenten, Induktivitäten und Abschirmungen ab.

Stellenanzeige(n)

Keine Vakanzen offen