Saya telah bermain-main dengan kait selama beberapa jam dan sejauh ini tidak dapat menemukan solusinya.

Saya mencoba memindahkan dropdown produk variabel di sebelah tombol kuantitas/tambahkan ke troli, tetapi saya tidak tahu bagaimana mencapainya.

Berikut adalah render saat ini:

enter image description here

Jadi tampilannya akan seperti:

  • Judul produk
  • Daerah harga
  • Tarik-turun atribut / Kuantitas / Tambahkan ke troli

Sunting:

Saya telah menghapus kisaran harga.

Dalam kode berikut saya mengubah perilaku harga langsung:

add_filter( 'woocommerce_variable_price_html', 'bbloomer_variation_price_format', 10, 2 );


function bbloomer_variation_price_format( $price, $product ) {

        // Main Price
        $prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
        $price = $prices[0] !== $prices[1] ? sprintf( __( '%1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

        // Sale Price
        $prices = array( $product->get_variation_regular_price( 'min', true ), $product->get_variation_regular_price( 'max', true ) );
        sort( $prices );
        $saleprice = $prices[0] !== $prices[1] ? sprintf( __( '%1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

        if ( $price !== $saleprice ) {
        $price = '<del>' . $saleprice . '</del> <ins>' . $price . '</ins>';
        }
        return $price;
}

Bagaimana saya bisa memindahkan dropdown produk variabel di sebelah kiri tombol Kuantitas / Tambahkan ke troli?

0
Malcom 25 Desember 2017, 22:00

1 menjawab

Jawaban Terbaik

Edit (terkait dengan komentar terakhir Anda):

Untuk produk variabel saja, kode di bawah ini akan:

  • Hapus kisaran harga (Jika Anda sudah melakukannya, Anda harus menghapus kode terkait).
  • Pindahkan variasi langsung harga yang dipilih di atas bidang pemilihan atribut…
  • Tambahkan CSS untuk mendapatkan bidang pilih atribut di sebelah kiri blok yang berisi bidang kuantitas dan tombol tambahkan ke keranjang.http://www.cbleu.net/sites/tie2/product/premium-quality/
  • Pindahkan lokasi deskripsi singkat setelah tombol tambahkan ke troli

Dalam fungsi ini Anda cukup menghapus Css dan menambahkannya ke file tema anak (atau tema aktif) styles.css aktif Anda.

Berikut adalah kode itu:

add_action( 'woocommerce_single_product_summary', 'custom_single_product_styles', 2 );
function custom_single_product_styles() {
    global $product;

    // Only for variable products
    if ( ! $product->is_type('variable') ) return;

    // Change the short description location after the add-to-cart button
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 15 );

    // Removing the price range
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );

    // Change the price location above variation attribute select fields
    remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );
    add_action( 'woocommerce_before_variations_form', 'woocommerce_single_variation', 10 );

    // Styles to display the variation attribute select fields at the left of Quantity/Add to cart
    // (Can be removed and inserted in styles.css file)
    ?>
        <style>
            .single-product div.product table.variations{
                float:left;
                max-width:50%;
            }
            .single-product div.product div.single_variation_wrap{
                float:left;
                max-width:50%;
            }
        </style>
    <?php
}

Kode masuk ke file function.php dari tema anak aktif Anda (atau tema) atau juga di file plugin apa pun.

Diuji dan berfungsi… Anda akan mendapatkan sesuatu seperti:

enter image description here

Template terkait yang terlibat secara khusus dalam hal ini adalah single-product/add-to-cart/variable.php

Anda dapat mencoba mengubah struktur yang ada agar sesuai dengan kebutuhan Anda khususnya dengan tema dan kebutuhan gaya Anda...

2
LoicTheAztec 25 Desember 2017, 22:50