Merhaba bizde WoodMart ile projeler geliştiriyoruz ve local ortamda temada olmayan birçok özelliği eklentisiz temaya kazandırıyoruz. İstediğiniz ile uyumlu mu bilmem ama kodu deneyin sorun olursa iletişime geçin kontrol edelim.




Temanızın functions.php dosyasına aşağıdaki kodu ekleyin:
function custom_enqueue_scripts() {
    if ( is_product() ) {
        wp_enqueue_script( 'custom-variation-price-table', get_template_directory_uri() . '/js/custom-variation-price-table.js', array('jquery'), '1.0', true );
        wp_enqueue_style( 'custom-variation-price-table-style', get_template_directory_uri() . '/css/custom-variation-price-table.css' );
    }
}
add_action( 'wp_enqueue_scripts', 'custom_enqueue_scripts' );
Temanızın functions.php dosyasına aşağıdaki kodu ekleyin:
function display_variation_price_table() {
    if ( ! is_product() ) return;
    global $product;
    
    if ( $product->is_type( 'variable' ) ) {
        ?>
        <div id="variation-price-table"></div>
        <script type="text/template" id="price-table-template">
            <table>
                <tr><td>100 Adet</td><td>950₺</td></tr>
                <tr><td>200 Adet</td><td>1250₺</td></tr>
                <tr><td>300 Adet</td><td>1550₺</td></tr>
                <tr><td>400 Adet</td><td>1850₺</td></tr>
                <tr><td>500 Adet</td><td>2150₺</td></tr>
                <tr><td>600 Adet</td><td>2450₺</td></tr>
                <tr><td>700 Adet</td><td>2750₺</td></tr>
                <tr><td>800 Adet</td><td>3050₺</td></tr>
                <tr><td>900 Adet</td><td>3350₺</td></tr>
                <tr><td>1000 Adet</td><td>3650₺</td></tr>
                <tr><td>1100 Adet</td><td>4500₺</td></tr>
                <tr><td>1200 Adet</td><td>4800₺</td></tr>
                <tr><td>1300 Adet</td><td>5100₺</td></tr>
                <tr><td>1400 Adet</td><td>5400₺</td></tr>
                <tr><td>1500 Adet</td><td>5700₺</td></tr>
            </table>
        </script>
        <?php
    }
}
add_action( 'woocommerce_after_single_product', 'display_variation_price_table' );
Temanızın kök dizininde bir js klasörü oluşturun ve bu klasörde custom-variation-price-table.js adlı bir dosya oluşturun. Bu dosyanın içine aşağıdaki kodu ekleyin:

jQuery(document).ready(function($) {
    var priceTableTemplate = $('#price-table-template').html();
    
    $('form.variations_form').on('found_variation', function(event, variation) {
        $('#variation-price-table').html(priceTableTemplate);
    });
    
    $('form.variations_form').on('reset_data', function() {
        $('#variation-price-table').html('');
    });
});
Temanızın kök dizininde bir css klasörü oluşturun ve bu klasörde custom-variation-price-table.css adlı bir dosya oluşturun. Bu dosyanın içine aşağıdaki kodu ekleyin:

#variation-price-table {
    margin-top: 20px;
}
#variation-price-table table {
    width: 100%;
    border-collapse: collapse;
}
#variation-price-table table, 
#variation-price-table table th, 
#variation-price-table table td {
    border: 1px solid #000;
}
#variation-price-table table th, 
#variation-price-table table td {
    padding: 10px;
    text-align: center;
}