我将如何着手将此 PHP 代码更改为根据 WordPress Woocommerce 插件中选择元素的 ID 选择一个选项？我相信我已经在 wc-template-function.php 中找到了正确的 PHP 文件，但是我缺乏 PHP 技能使我退缩了。这是我目前所拥有的:

if ( ! function_exists( 'wc_dropdown_variation_attribute_options' ) ) {

    /**
     * Output a list of variation attributes for use in the cart forms.
     *
     * @param array $args
     * @since 2.4.0
     */
    function wc_dropdown_variation_attribute_options( $args = array() ) {
        $args = wp_parse_args( $args, array(
            'options'          => false,
            'attribute'        => false,
            'product'          => false,
            'selected'         => false,
            'name'             => '',
            'id'               => '',
            'class'            => '',
            'show_option_none' => __( 'Choose an option', 'woocommerce' ),
            'show_option_color' => __( 'Choose a color', 'woocommerce' ),
            'show_option_size' => __( 'Choose a size', 'woocommerce' )
        ) );

        $options   = $args['options'];
        $product   = $args['product'];
        $attribute = $args['attribute'];
        $name      = $args['name'] ? $args['name'] : 'attribute_' . sanitize_title( $attribute );
        $id        = $args['id'] ? $args['id'] : sanitize_title( $attribute );
        $class     = $args['class'];

        if ( empty( $options ) && ! empty( $product ) && ! empty( $attribute ) ) {
            $attributes = $product->get_variation_attributes();
            $options    = $attributes[ $attribute ];
        }

        echo '<select id="' . esc_attr( $id ) . '" class="' . esc_attr( $class ) . '" name="' . esc_attr( $name ) . '" data-attribute_name="attribute_' . esc_attr( sanitize_title( $attribute ) ) . '">';

        if ( $args['show_option_none'] ) {
            echo '<option value="">' . esc_html( $args['show_option_none'] ) . '</option>';
        }
        if ( $args['$id_colors'] ) {
            echo '<option value="">' . esc_html( $args['show_option_color'] ) . '</option>';
        }
        if ( $args['$id_sizes'] ) {
            echo '<option value="">' . esc_html( $args['show_option_size'] ) . '</option>';
        }

        if ( ! empty( $options ) ) {
            if ( $product && taxonomy_exists( $attribute ) ) {
                // Get terms if this is a taxonomy - ordered. We need the names too.
                $terms = wc_get_product_terms( $product->id, $attribute, array( 'fields' => 'all' ) );

                foreach ( $terms as $term ) {
                    if ( in_array( $term->slug, $options ) ) {
                        echo '<option value="' . esc_attr( $term->slug ) . '" ' . selected( sanitize_title( $args['selected'] ), $term->slug, false ) . '>' . apply_filters( 'woocommerce_variation_option_name', $term->name ) . '</option>';
                    }
                }
            } else {
                foreach ( $options as $option ) {
                    // This handles < 2.4.0 bw compatibility where text attributes were not sanitized.
                    $selected = sanitize_title( $args['selected'] ) === $args['selected'] ? selected( $args['selected'], sanitize_title( $option ), false ) : selected( $args['selected'], $option, false );
                    echo '<option value="' . esc_attr( $option ) . '" ' . $selected . '>' . esc_html( apply_filters( 'woocommerce_variation_option_name', $option ) ) . '</option>';
                }
            }
        }

        echo '</select>';
    }
}

您可以看到我尝试将 show_option_color 和 show_option_size 添加到数组中的位置，然后为它们添加 if 语句，但它似乎不起作用。我不确定如何引用选择元素的 ID 并根据它是否是正确的选择元素来编写 if 语句。

这是我要定位的 HTML。

<select id="sizes" class="" name="attribute_sizes" data-attribute_name="attribute_sizes">Want this to say Choose a size</select>

<select id="colors" class="" name="attribute_sizes" data-attribute_name="attribute_sizes">Want this to say Choose a color</select>

variable.php 代码第 27 - 38 行:

<?php foreach ( $attributes as $attribute_name => $options ) : ?>
                    <tr>
                        <td class="label"><label for="<?php echo sanitize_title( $attribute_name ); ?>"><?php echo wc_attribute_label( $attribute_name ); ?></label></td>
                        <td class="value">
                            <?php
                                $selected = isset( $_REQUEST[ 'attribute_' . sanitize_title( $attribute_name ) ] ) ? wc_clean( $_REQUEST[ 'attribute_' . sanitize_title( $attribute_name ) ] ) : $product->get_variation_default_attribute( $attribute_name );
                                wc_dropdown_variation_attribute_options( array( 'options' => $options, 'attribute' => $attribute_name, 'product' => $product, 'selected' => $selected ) );
                                echo end( $attribute_keys ) === $attribute_name ? '<a class="reset_variations" href="#">' . __( 'Clear selection', 'woocommerce' ) . '</a>' : '';
                            ?>
                        </td>
                    </tr>
                <?php endforeach;?>

最佳答案

这是自定义过滤器的完美用例!我首先要描述一种方法，它不是最快的方法，但对于可能需要阅读您的代码的任何其他人来说，它可能是最简洁和最容易理解的方法。如果您时间紧迫，我还将描述一种“更肮脏”的方式来完成这项工作。

快捷方式:

找到这个显示的地方在文件中:

/wp-content/plugins/woocommerce/templates/single-product/add-to-cart/variable.php

在第 27 行附近，根据您的 WooCommerce 版本，您会看到类似以下行的内容:

<option value=""><?php echo __( 'Choose an option', 'woocommerce' ) ?>&hellip;</option>

__() 函数使用“woocommerce”文本域通过 WordPress 的翻译系统运行第一个参数。最好保留翻译的可能性，因此我们希望在通过翻译功能发送之前更改此文本。

这行代码发生在输出所有产品变体属性的循环中。这使我们能够通过查看 $name 变量轻松查看输出的是哪个属性。

我们需要创建一个函数来接收 $name 变量并根据它输出一个字符串。它看起来像这样:

function get_text_for_select_based_on_attribute($attribute) {

// Find the name of the attribute for the slug we passed in to the function
$attribute_name = wc_attribute_label($attribute);

// Create a string for our select
$select_text = 'Select a ' . $attribute_name;

// Send the $select_text variable back to our calling function
return $select_text;
}

现在，在 variable.php 第 27 行的代码之前，我们可以放这样的东西:

<?php 

  $select_text = get_text_for_select_based_on_attribute($name);

?>

然后，只需将“选择一个选项”替换为您的 $select_text 变量即可:

<option value=""><?php echo __( $select_text, 'woocommerce' ) ?>&hellip;</option>

不要忘记在模板覆盖中完成所有这些操作，否则您的定制将在下次更新时丢失!

http://docs.woothemes.com/document/template-structure/

更清洁的方式:

一个更好、更可扩展的方法是添加一个自定义过滤器来传递它。这是一些额外的步骤，但如果您想根据您的产品逐个覆盖功能，则可以轻松添加更多自定义逻辑。

首先，使用语义上有意义的名称创建一个自定义过滤器，并将其放在主题的 functions.php 文件中的某个位置:

add_filter('variable_product_select_text', 'get_text_for_select_based_on_attribute', 10, 1);

然后，在 variable.php 文件中，不是直接调用该函数，而是通过您的新过滤器传递它:

$select_text = apply_filters('variable_product_select_text', $name);

为这样的事情设置自定义过滤器确实需要更长的时间，但您可以获得可维护性的优势，因为您可以堆叠或关闭功能，而无需进一步修改现有代码。

WC 2.4 更新

WooCommerce 2.4 版引入了一种获取属性及其关联选择的不同方式。由于他们仍然没有为此提供过滤器，我建议使用上述方法覆盖 wc_dropdown_variation_attribute_options 函数。因此，将整个函数从声明开始复制并粘贴到主题的 functions.php 文件中，如果不是颜色或大小，则为选择的文本添加一个变量:

//Don't include the if(!function_exists(...) part.

wc_dropdown_variation_attribute_options($args = array()) {
  // Uses the same function as above, or optionally a custom filter
  $select_text = get_text_for_select_based_on_attribute($args['attribute']);

  wc_dropdown_variation_attribute_options( $args = array() ) {
    $args = wp_parse_args( $args, array(
        'options'          => false,
        'attribute'        => false,
        'product'          => false,
        'selected'         => false,
        'name'             => '',
        'id'               => '',
        'class'            => '',
        'show_option_none' => __( $select_text, 'woocommerce' ),
        'show_option_color' => __( 'Choose a color', 'woocommerce' ),
        'show_option_size' => __( 'Choose a size', 'woocommerce' )
    ) );
// Put the rest of the function here

关于php - 如何在 Woocommerce 中从 "Choose an option"更改按钮文本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32170575/