如何获取 WooCommerce 属性以在选择时显示自定义元/文本


How can I get WooCommerce attributes to display custom meta/text on selection?

我正在使用Wordpress和WooCommerce销售艺术品,我有一个框架样式的属性。我喜欢当用户选择一个框架时,我可以使用自定义图像更新照片以匹配该框架,同样,我正在尝试找出一种根据用户选择显示自定义文本的方法。

因此,澄清一下,如果有人选择"黑色勺子框架",我希望能够显示特定的框架大小和描述。如果他们将他们的选择更改为"红木框架",我希望描述随之改变。

WooCommerce允许将描述添加到属性中,我一直在尝试弄清楚如何调用该元数据并随着下拉选择的变化而更改它。

任何帮助甚至为我指出正确的方向将不胜感激!

首先,给出您的选择

function your_options() {
    $sample_select_options = array(
        '0' => array( 'value' => '0', 'label' => __( '', '_s' ) ),
        '1   ' => array( 'value' => '1   ', 'label' => __( 'Something1', '_s' ) ),
        '2   ' => array( 'value' => '2   ', 'label' => __( 'Something2', '_s' ) );
    return apply_filters( 'your_options', $give_me_options );
}

在页面上设置选择选项

<select name="" id="" style="width: 300px;">
        <?php
            $selected = options['give_me_options'];
            $p = '';
            $r = '';
            foreach ( your_options() as $option ) {
                $label = $option['label'];
                if ( $selected == $option['label'] ) // Make default first in list
                    $p .= "'n't<option style='"padding-right: 10px;'" selected='selected' value='" . esc_attr( $option['label'] ) . "'>$label</option>";
                else
                    $r .= "'n't<option style='"padding-right: 10px;'" value='" . esc_attr( $option['label'] ) . "'>$label</option>";
            }
            echo $p . $r;
        ?></select>

最后,将操作放在您的页面,在哪里提供它,当然还有保存功能:)

这只是如何操作的指南,而不是特定的代码。