<?php

function add_variation_radio_buttons() {
    ?>
    <script type="text/javascript">
    document.addEventListener( 'DOMContentLoaded', function() {
        var variations_form = document.querySelector( 'form.variations_form' );
        var data = variations_form.getAttribute( 'data-product_variations' );
        data = JSON.parse( data );

        var selects = document.querySelectorAll( 'table.variations select' );
        selects.forEach( function( select ) {
            var options = select.querySelectorAll( 'option' );
            options.forEach( function( option ) {
                if( ! option.value ) {
                    return;
                }

                var pricing = '';
                data.forEach( function( row ) {
                    if( row.attributes[select.name] == option.value ) {
                        pricing = row.price_html;
                    }
                } );

                var radio = document.createElement( 'input' );
                radio.type = 'radio';
                radio.name = select.name;
                radio.value = option.value;
                radio.checked = option.selected;
                var label = document.createElement( 'label' );
                label.appendChild( document.createTextNode( ' ' + option.text + ' ' ) );
                var div = document.createElement( 'div' );
                div.classList.add('fb-woo-single-btn-variation');
                div.appendChild( radio );
                div.appendChild( label );

                // Check if variation has stock
                var variationData = data.find(function(row) {
                    return row.attributes[select.name] == option.value;
                });

                // Check if product has only one attribute
                var hasSingleAttribute = Object.keys(variationData.attributes).length === 1;

                if (variationData && !variationData.is_in_stock && hasSingleAttribute) {
                    div.classList.add('disable');
                }

                select.closest( 'td' ).appendChild( div );

                radio.addEventListener( 'click', function( event ) {
                    select.value = radio.value;
                    jQuery( select ).trigger( 'change' );
                } );
            } );

            select.style.display = 'none';
        } );
    } );
    </script>
    <?php
}

add_action( 'woocommerce_variable_add_to_cart', 'add_variation_radio_buttons' );



# SOURCE: https://codedcommerce.com/woo/change-variation-drop-downs-to-radio-buttons/
/*
add_action( 'woocommerce_variable_add_to_cart', function() {
 
    add_action( 'wp_print_footer_scripts', function() {
 
        ?>
        <script type="text/javascript">
 
        // DOM Loaded
        document.addEventListener( 'DOMContentLoaded', function() {
  
            // Get Variation Pricing Data
            var variations_form = document.querySelector( 'form.variations_form' );
            var data = variations_form.getAttribute( 'data-product_variations' );
            data = JSON.parse( data );
 
            // Loop Drop Downs
            document.querySelectorAll( 'table.variations select' )
                .forEach( function( select ) {
 
                // Loop Drop Down Options
                select.querySelectorAll( 'option' )
                    .forEach( function( option ) {
 
                    // Skip Empty
                    if( ! option.value ) {
                        return;
                    }
 
                    // Get Pricing For This Option
                    var pricing = '';
                    data.forEach( function( row ) {
                        if( row.attributes[select.name] == option.value ) {
                            pricing = row.price_html;
                        }
                    } );
 
                    // Create Radio
                    var radio = document.createElement( 'input' );
                        radio.type = 'radio';
                        radio.name = select.name;
                        radio.value = option.value;
                        radio.checked = option.selected;
                    var label = document.createElement( 'label' );
                   
                        label.appendChild( document.createTextNode( ' ' + option.text + ' ' ) );
                    var div = document.createElement( 'div' );
                        div.classList.add('fb-woo-single-btn-variation');
                        div.appendChild( radio );
                        div.appendChild( label );
 
                    // Insert Radio
                    select.closest( 'td' ).appendChild( div );
 
                    // Handle Clicking
                    radio.addEventListener( 'click', function( event ) {
                        select.value = radio.value;
                        jQuery( select ).trigger( 'change' );
                    } );
 
                } ); // End Drop Down Options Loop
 
                // Hide Drop Down
                select.style.display = 'none';
 
            } ); // End Drop Downs Loop
  
        } ); // End Document Loaded
 
        </script>
        <?php
 
    } );
 
} );

*/
?>

3Dmix 3D-MTV070 – Motív pre 3D LED nočnú lampu – Káva

Náhradný alebo doplnkový motív.

9.00

Počet ľudí pozerajúcich tento tovar: 2
<style>
.fb-woo-single-btn-variation {
  display: none;
  }
</style>

5 na sklade

Náhradný alebo doplnkový motív pre 3D LED nočnú lampu. V prípade, že už vlastníte 3D lampu, nemusíte kupovať celý set, stačí tento motív. Pred kúpou si starostlivo skontrolujte rozmer výrezu motívu, aby Vám pasoval do základne!

Vlastnosti produktu:

Detailný laserom gravírovaný 3D obraz odolný voči vyblednutiu

Špecifikácia výrobku:

Materiál motívu: akryl

Rozmery:

Rozmer: dlhšia strana 15-20 cm, kratšia strana 11-19 cm (záleží od motívu), hrúbka 4 mm
Rozmer výrezu na vloženie do 3D lampy: 70 mm x 15 mm x 4 mm

Obsah balenia:

1 x akrylový motív

Motív

Jedlo a nápoje

Záručná doba

2 roky

Materiál

Akryl

Výrobca

3Dmix

Može Vás zaujímať

3D-LED-nocna-lampa-Jednorozec-ruzova

3Dmix 3DL-CRK050 – 3D LED nočná lampa – Jednorožec (Crack základňa)

Original price was: €28.00.Current price is: €22.00.

Pridať do košíka
3D-pero-s-LCD-displejom-modre

Sandipen RP100Bm – 3D pero s LCD displejom – modré

Original price was: €44.00.Current price is: €29.00.

Pridať do košíka
Darčeková poukážka

Darčeková poukážka VR (Virtuálna Realita) Akurát – 1 hod.

Original price was: €24.00.Current price is: €20.00.

Pridať do košíka
3D-pero-s-LCD-displejom-ruzove

Sandipen RP100Br – 3D pero s LCD displejom – ružové

Original price was: €44.00.Current price is: €29.00.

Pridať do košíka

Naposledy prezerané produkty

3D-LED-nocna-lampa-Jednorozec-ruzova

3Dmix 3DL-CRK050 – 3D LED nočná lampa – Jednorožec (Crack základňa)

Original price was: €28.00.Current price is: €22.00.

Pridať do košíka
3D-pero-s-LCD-displejom-modre

Sandipen RP100Bm – 3D pero s LCD displejom – modré

Original price was: €44.00.Current price is: €29.00.

Pridať do košíka
Darčeková poukážka

Darčeková poukážka VR (Virtuálna Realita) Akurát – 1 hod.

Original price was: €24.00.Current price is: €20.00.

Pridať do košíka
3D-pero-s-LCD-displejom-ruzove

Sandipen RP100Br – 3D pero s LCD displejom – ružové

Original price was: €44.00.Current price is: €29.00.

Pridať do košíka

UPOZORNENIE: Túto novú stránku sme museli predčasne spustiť i keď nie je úplne dokončená.
Ospravedlňujeme za možné problémy.

V prípade otázok alebo problémov volajte 0907 660 345.

Ďakujeme za pochopenie.

Nakupujte v e-shopoch a zároveň pomáhajte

Ďakujeme za Vaše 2 alebo 3 % z dane

V prípade, že potrebujete pomoc, neváhajte nás kontaktovať.

Ako darovať 2 alebo 3 % z dane?

Prispejte svojou kvapkou.

Ďakujeme za každý Váš dar

Ďakujeme za Váš príspevok