EPSON Europe Electronics GmbH

Riesstr. 1580992 MünchenDeutschland

+49 89 1400 5 0
+49 89 1400 5 110
info@epson-electronics.de
https://www.epson-electronics.de

Produkte und Leistungen als Unternehmenstyp:

Halbleiterhersteller

<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

1989 wurde die Epson Europe Electronics GmbH unter dem damaligen Namen Epson Semiconductor gegründet. Die Firmenphilosophie besteht nicht nur darin, Qualitätsprodukte zu verkaufen, sondern seine Kunden auch in allen technischen und logistischen Belangen durch ein europaweites Netz von Distributoren und Epson Technologiepartnern bestmöglich zu unterstützen.

Stellenanzeige(n)

Keine Vakanzen offen

← Zurück