• 10-07-2024, 14:00:15
    #1
    Varyasyon kısmını ürün içinden değil de şu şekilde bir tabloyla yapmak istiyorum nasıl yapabilirim

  • 10-07-2024, 14:02:34
    #2
    tema ayarları > tek ürün > sepete ekle kısmına geldiğinde Sepete ekle düğmesi"nden önce veya Sepete ekle düğmesi"nden sonra bölümlerinde html bloğu ekleyebilirsin.
  • 10-07-2024, 14:08:53
    #3
    Hocam en kolay yöntemi, Excel de tablo oluşturup kopyalayarak Ürün açıklama kısmına yapıştırmaktır.
  • 10-07-2024, 14:13:13
    #4
    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;
    }
  • 10-07-2024, 17:40:28
    #5
    blood_eagle adlı üyeden alıntı: mesajı görüntüle
    tema ayarları > tek ürün > sepete ekle kısmına geldiğinde Sepete ekle düğmesi"nden önce veya Sepete ekle düğmesi"nden sonra bölümlerinde html bloğu ekleyebilirsin.
    WebTicarMarketi adlı üyeden alıntı: mesajı görüntüle
    Hocam en kolay yöntemi, Excel de tablo oluşturup kopyalayarak Ürün açıklama kısmına yapıştırmaktır.
    ByRecep77 adlı üyeden alıntı: mesajı görüntüle
    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;
    }

    Teşekkür ederim her şey tamam olmak üzere sonra deneyeceğim ilk iş olarak