我的产品分为2类: -第一个有一个价格的产品(如简单产品):“ Distributeur”(自动售货机) -和另一个带有3个变体(S,M,XL)的“ A emporter”(商店)。
其中一些产品在自动售货机和商店中。但是价格或大小是不同的。
例如“我的披萨X”: -在自动售货机中:M号仅售9 $ -在商店:S尺寸为6 $,M尺寸为8 $,XL尺寸为17 $
所以在我的产品页面中,如果当前类别是自动售货机,我希望仅显示“ 9美元的M号尺寸”,并隐藏其他版本 或者,如果当前类别是商店,则显示商店变化(S,M,XL),并隐藏“ 9美元变化时的M号”
我正在使用WC Variations单选按钮来显示它们(因此是复选框,而不是选项选择)。
我试图使用顶级产品类别来创建这样的css规则:
<?php
/**
* Variable product add to cart
*
* @author WooThemes
* @package WooCommerce/Templates
* @version 2.5.0
*
* Modified to use radio buttons instead of dropdowns
* @author 8manos
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
global $product;
$attribute_keys = array_keys( $attributes );
do_action( 'woocommerce_before_add_to_cart_form' );
$cat = get_the_terms( $product->ID, 'product_cat' );
foreach ($cat as $topcat) {
if($topcat->parent == 0){
$slugTop = $topcat->slug;
}
}
?>
<form class="variations_form cart" method="post" enctype='multipart/form-data' data-product_id="<?php echo absint( $product->get_id() ); ?>" data-product_variations="<?php echo htmlspecialchars( wp_json_encode( $available_variations ) ) ?>">
<?php do_action( 'woocommerce_before_variations_form' ); ?>
<?php if ( empty( $available_variations ) && false !== $available_variations ) : ?>
<p class="stock out-of-stock"><?php _e( 'This product is currently out of stock and unavailable.', 'woocommerce' ); ?></p>
<?php else : ?>
<table class="variations" cellspacing="0">
<tbody>
<?php foreach ( $attributes as $name => $options ) : ?>
<tr class="attribute-<?php echo sanitize_title($name); ?>">
<td class="label"><label for="<?php echo sanitize_title( $name ); ?>"><?php echo wc_attribute_label( $name ); ?></label></td>
<?php
$sanitized_name = sanitize_title( $name );
if ( isset( $_REQUEST[ 'attribute_' . $sanitized_name ] ) ) {
$checked_value = $_REQUEST[ 'attribute_' . $sanitized_name ];
} elseif ( isset( $selected_attributes[ $sanitized_name ] ) ) {
$checked_value = $selected_attributes[ $sanitized_name ];
} else {
$checked_value = '';
}
?>
<td class="value <?php echo $slugTop; ?>">
<?php
if ( ! empty( $options ) ) {
if ( taxonomy_exists( $name ) ) {
// Get terms if this is a taxonomy - ordered. We need the names too.
$terms = wc_get_product_terms( $product->get_id(), $name, array( 'fields' => 'all' ) );
foreach ( $terms as $term ) {
if ( ! in_array( $term->slug, $options ) ) {
continue;
}
print_attribute_radio( $checked_value, $term->slug, $term->name, $sanitized_name );
}
} else {
foreach ( $options as $option ) {
print_attribute_radio( $checked_value, $option, $option, $sanitized_name );
}
}
}
echo end( $attribute_keys ) === $name ? apply_filters( 'woocommerce_reset_variations_link', '<a class="reset_variations" href="#">' . __( 'Clear', 'woocommerce' ) . '</a>' ) : '';
?>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php do_action( 'woocommerce_before_add_to_cart_button' ); ?>
<div class="single_variation_wrap">
<?php
do_action( 'woocommerce_before_single_variation' );
do_action( 'woocommerce_single_variation' );
do_action( 'woocommerce_after_single_variation' );
?>
</div>
<?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>
<?php endif; ?>
<?php do_action( 'woocommerce_after_variations_form' ); ?>
</form>
<?php do_action( 'woocommerce_after_add_to_cart_form' ); ?>
并在我的CSS中执行了此操作:
td.value.produits-a-emporter div:last-child{
display:none !important;
}
td.value.distributeur div:first-child, td.value.distributeur div:nth-child(2), td.value.distributeur div:nth-child(3){
display:none !important;
}
但仍显示
有人知道如何编辑我的代码以使其正常工作吗?