List

Met het Beau Shift Project investeren we in onderzoek, innovatie en opleidingen. Steun met deze crowdfunding, sponsoring of donatie nieuw onderzoek en opleidingen want dit is nog maar het begin!

Crowdfunding

Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Ecwid Store</title>
    <style>
        body {
            background-color: black;
            color: white;
        }
        .button-container {
            position: fixed;
            top: 10px;
            left: 0;
            right: 0;
            text-align: center;
            z-index: 1000;
            pointer-events: none;
        }
        .nav-button {
            display: inline-block;
            padding: 8px 16px;
            background-color: #f0f0f0;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            pointer-events: auto;
            margin: 0 5px;
            color: black;
        }
        #my-store-15026098 {
            padding-top: 50px; /* Add some top padding to avoid overlap */
        }
        /* Ecwid store customization */
        html#ecwid_html body#ecwid_body.page-internal {
            background-color: black;
            color: white;
        }
        .ec-size .ec-store .grid-product__title-inner,
        .ec-size .ec-store .grid-product__price-amount,
        .ec-size .ec-store .grid-product__price-saved {
            color: white;
        }
        .ec-size .ec-store .form-control__button {
            background-color: #f0f0f0;
            color: black;
        }
        .ec-size .ec-store .ec-breadcrumbs__link {
            color: #f0f0f0;
        }
        .ec-size .ec-store .ec-cart-step__number {
            background-color: #f0f0f0;
            color: black;
        }
        .ec-size .ec-store .ec-cart__title {
            color: white;
        }
    </style>
</head>
<body>
    <div class="button-container">
        <button id="home-button" class="nav-button" style="display: none;">Home Crowdfunding</button>
        <button id="back-button" class="nav-button" style="display: none;">Terug naar home</button>
    </div>
    <div id="my-store-15026098"></div>
    <div>
        <script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?15026098&data_platform=code&data_date=2024-10-01" charset="utf-8"></script>
        <script type="text/javascript">
            xProductBrowser("categoriesPerRow=3","views=grid(20,3) list(60) table(60)","categoryView=grid","searchView=list","id=my-store-15026098");
        </script>
    </div>

    <script>
        window.addEventListener('load', function() {
            var homeButton = document.getElementById('home-button');
            var backButton = document.getElementById('back-button');
            var storeContainer = document.getElementById('my-store-15026098');

            function showButton(button) {
                button.style.display = 'inline-block';
            }

            function hideButton(button) {
                button.style.display = 'none';
            }

            Ecwid.OnPageLoaded.add(function(page) {
                if (page.type == "CATEGORY" || page.type == "PRODUCT") {
                    showButton(homeButton);
                    hideButton(backButton);
                } else if (page.type == "CART" || page.type == "CHECKOUT") {
                    hideButton(homeButton);
                    showButton(backButton);
                } else {
                    hideButton(homeButton);
                    hideButton(backButton);
                }
            });

            homeButton.addEventListener('click', function() {
                Ecwid.openPage('category', {id: 0});
            });

            backButton.addEventListener('click', function() {
                Ecwid.openPage('category', {id: 0});
            });
        });
    </script>
</body>
</html>