Question

我要在WooCommerce变体下拉菜单中添加价格，然后将下拉菜单更改为单选按钮。效果很好，但我需要调整价格。

PHP将价格添加到下拉选项中：

ggplot(data = mydata, 
       aes(x = site, 
           y = percentage, 
           fill = fct_reorder(substrate, percentage))) + 
  geom_bar(stat = "identity") +
  guides(fill = guide_legend(title = "substrate"))

jQuery将下拉菜单更改为单选按钮和标签。

if( !is_admin() ) {
    add_filter( 'woocommerce_variation_option_name','display_price_in_variation_option_name');
    function display_price_in_variation_option_name( $term ) {
        global $product;
        if ( empty( $term ) ) {
            return $term;
        }
        if ( empty( $product->get_id() ) ) {
            return $term;
        }
        $variation_id = $product->get_children();
        foreach ( $variation_id as $id ) {
            $_product       = new WC_Product_Variation( $id );
            $variation_data = $_product->get_variation_attributes();
            foreach ( $variation_data as $key => $data ) {
                $display_price = $_product->get_price();

                if ( $data == $term ) {
                    $html = $term;
                    $html .= '-' . $display_price;
                    return $html;
                }
            }
        }
        return $term;
    }
}

如何在价格周围添加跨度标签，以便对其进行样式设置？

Answer 1

我没有找到实现此服务器端的方法，因此我找到了here的jQuery解决方案。

$('.variation-wrap label').html(function () {
    var text = $(this).text().split('-');
    var last = text.pop();
    return text.join(" ") + (text.length > 0 ? ' <span class="last">$' + last + '</span>' : last);
});

格式Woocommerce变化价格

1 个答案: