WooCommerce Product Add-Ons – Nur eine Checkbox möglich

Die offiziellen Addons von WooCommerce erweitern euren WooCommerce mit den verschiedensten Funktionen und Erweiterungen.

Heute möchte ich euch kurz und knapp ein kleines Snippet bereitstsellen, mit dem ihr die maximale Auswahl der Checkboxen prüfen und begrenzen könnt.

Aktuell ist es nämlich so dass hier beliebig viele Felder angeklickt werden können, was grundsätzlich auch so passen kann, aber in meinem speziellen Fall,möchte ich nur maximal eine Auswahl erlauben.

Wie immer könnt ihr das folgende Snippet direkt in eure functions.php einfügen und nicht vergessen “Child-Theme” ist pflicht.

function add_custom_checkbox_script() {
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            var maxAllowed = 1;
            $('.wc-pao-addon-checkbox').change(function() {
                if ($('.wc-pao-addon-checkbox:checked').length > maxAllowed) {
                    $(this).prop('checked', false);
                    alert('Maximal eine Auswahl erlaubt.');
                }
            });
        });
    </script>
    <?php
}
add_action('wp_footer', 'add_custom_checkbox_script');
Code-Sprache: JavaScript (javascript)

Im Code deutlich erkennbar auch die Option die maximale Anzahl entsprechend anzupassen.