Woocommerce 中产品的附加自定义尺寸
Additional custom dimensions for products in Woocommerce
我有一个产品具有以下尺寸参数:
- 长度(Woocomerce 标准)
- 宽度(Woocomerce 标准)
- 身高(Woocomerce 标准)
- 直径
- 厚度
- 电路
在产品编辑页面我只有长度、宽度、高度(Woocomerce 标准)
我想添加我的其他尺寸参数
如何正确添加这些额外尺寸?
这个有过滤器吗?
您可以为此使用 custom_fields or product attributes。
有多种方法……
1) 使用产品属性:(无需任何编码):
- 您应该创建 3 个新的产品属性 (一个用于彼此缺失的维度)。
- 您应该使用正确的选项(显示在产品选项上)和值在每个产品中设置它们中的每一个。
优点:那些其他尺寸属性将显示在产品页面上。
缺点:
- 需要为每个产品设置每个属性,每个值将成为该产品属性的术语。
- 没有特定的现有
WC_Product
方法来获取这些自定义产品属性,例如默认尺寸属性。因此,将它们放在产品页面之外会更加复杂。
2) 使用自定义设置字段:
// Add custom fields to product shipping tab
add_action( 'woocommerce_product_options_dimensions', 'add_product_options_other_dimensions');
function add_product_options_other_dimensions(){
global $product_object;
$product_id = method_exists( $product_object, 'get_id' ) ? $product_object->get_id() : $product_object->id;
echo '</div><div class="options_group">'; // New option group
woocommerce_wp_text_input( array(
'id' => '_diameter',
'label' => __( 'Diameter', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Diameter description help.', 'woocommerce' )
) );
woocommerce_wp_text_input( array(
'id' => '_thickness',
'label' => __( 'Thickness', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Thickness description help.', 'woocommerce' )
) );
woocommerce_wp_text_input( array(
'id' => '_circuit',
'label' => __( 'Circuit', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Circuit description help.', 'woocommerce' )
) );
}
// Save the custom fields values as meta data
add_action( 'woocommerce_process_product_meta', 'save_product_options_other_dimensions' );
function save_product_options_other_dimensions( $post_id ){
if( isset( $_POST['_diameter'] ) )
update_post_meta( $post_id, '_diameter', esc_attr( $_POST['_diameter'] ) );
if( isset( $_POST['_thickness'] ) )
update_post_meta( $post_id, '_thickness', esc_attr( $_POST['_thickness'] ) );
if( isset( $_POST['_circuit'] ) )
update_post_meta( $post_id, '_circuit', esc_attr( $_POST['_circuit'] ) );
}
// Add custom fields to product variation settings
add_action( 'woocommerce_product_after_variable_attributes','add_variation_options_other_dimensions', 10, 3 );
function add_variation_options_other_dimensions( $loop, $variation_data, $variation ){
$variation_diameter = get_post_meta($variation->ID,"_diameter", true );
if( ! $variation_diameter ) $variation_diameter = "";
$variation_thickness = get_post_meta($variation->ID,"_thickness", true );
if( ! $variation_thickness ) $variation_thickness = "";
$variation_circuit = get_post_meta($variation->ID,"_circuit", true );
if( ! $variation_circuit ) $variation_circuit = "";
echo '<p class="form-field dimensions_field">';
woocommerce_wp_text_input( array(
'id' => '_diameter' . '_' . $loop,
'label' => __( 'Diameter', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Diameter description help.', 'woocommerce' ),
'value' => $variation_diameter
) );
woocommerce_wp_text_input( array(
'id' => '_thickness' . '_' . $loop,
'label' => __( 'Thickness', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Thickness description help.', 'woocommerce' ),
'value' => $variation_thickness
) );
woocommerce_wp_text_input( array(
'id' => '_circuit' . '_' . $loop,
'label' => __( 'Circuit', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Circuit description help.', 'woocommerce' ),
'value' => $variation_circuit
) );
echo '</p>';
}
// Save product variation custom fields values
add_action( 'woocommerce_save_product_variation','save_variation_options_other_dimensions', 10 ,2 );
function save_variation_options_other_dimensions( $variation_id, $loop ){
$built_lenght = $_POST["_diameter_$loop"];
if( isset($built_lenght) )
update_post_meta( $variation_id, '_built_lenght', esc_attr($built_lenght) );
$built_width = $_POST["_thickness_$loop"];
if( isset($built_width) )
update_post_meta( $variation_id, '_built_width', esc_attr($built_width) );
$built_height = $_POST["_circuit_$loop"];
if( isset($built_height) )
update_post_meta( $variation_id, '_built_height', esc_attr($built_height) );
}
此代码在您的活动子主题(或主题)的 function.php 文件中。
您将获得以下产品:
对于产品变体(在可变产品“变体设置”中):
现在要显示和获取这些值,您必须 override the woocommerce template via your theme 如本文档中所述。
要通过您的主题复制和覆盖的文件是:single-product/product-attributes.php
模板。
您必须向其中添加一些代码才能在显示的默认维度之后显示自定义的附加维度标签和值。
要输出正确的值,您将使用 get_post_meta()
函数。
例如,要显示 diameter
值,您将使用:
<?php echo get_post_meta( $product->get_id(), '_diameter', true ); ?>
我有一个产品具有以下尺寸参数:
- 长度(Woocomerce 标准)
- 宽度(Woocomerce 标准)
- 身高(Woocomerce 标准)
- 直径
- 厚度
- 电路
在产品编辑页面我只有长度、宽度、高度(Woocomerce 标准)
我想添加我的其他尺寸参数
如何正确添加这些额外尺寸?
这个有过滤器吗?
您可以为此使用 custom_fields or product attributes。
有多种方法……
1) 使用产品属性:(无需任何编码):
- 您应该创建 3 个新的产品属性 (一个用于彼此缺失的维度)。
- 您应该使用正确的选项(显示在产品选项上)和值在每个产品中设置它们中的每一个。
优点:那些其他尺寸属性将显示在产品页面上。
缺点:
- 需要为每个产品设置每个属性,每个值将成为该产品属性的术语。
- 没有特定的现有
WC_Product
方法来获取这些自定义产品属性,例如默认尺寸属性。因此,将它们放在产品页面之外会更加复杂。
2) 使用自定义设置字段:
// Add custom fields to product shipping tab
add_action( 'woocommerce_product_options_dimensions', 'add_product_options_other_dimensions');
function add_product_options_other_dimensions(){
global $product_object;
$product_id = method_exists( $product_object, 'get_id' ) ? $product_object->get_id() : $product_object->id;
echo '</div><div class="options_group">'; // New option group
woocommerce_wp_text_input( array(
'id' => '_diameter',
'label' => __( 'Diameter', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Diameter description help.', 'woocommerce' )
) );
woocommerce_wp_text_input( array(
'id' => '_thickness',
'label' => __( 'Thickness', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Thickness description help.', 'woocommerce' )
) );
woocommerce_wp_text_input( array(
'id' => '_circuit',
'label' => __( 'Circuit', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Circuit description help.', 'woocommerce' )
) );
}
// Save the custom fields values as meta data
add_action( 'woocommerce_process_product_meta', 'save_product_options_other_dimensions' );
function save_product_options_other_dimensions( $post_id ){
if( isset( $_POST['_diameter'] ) )
update_post_meta( $post_id, '_diameter', esc_attr( $_POST['_diameter'] ) );
if( isset( $_POST['_thickness'] ) )
update_post_meta( $post_id, '_thickness', esc_attr( $_POST['_thickness'] ) );
if( isset( $_POST['_circuit'] ) )
update_post_meta( $post_id, '_circuit', esc_attr( $_POST['_circuit'] ) );
}
// Add custom fields to product variation settings
add_action( 'woocommerce_product_after_variable_attributes','add_variation_options_other_dimensions', 10, 3 );
function add_variation_options_other_dimensions( $loop, $variation_data, $variation ){
$variation_diameter = get_post_meta($variation->ID,"_diameter", true );
if( ! $variation_diameter ) $variation_diameter = "";
$variation_thickness = get_post_meta($variation->ID,"_thickness", true );
if( ! $variation_thickness ) $variation_thickness = "";
$variation_circuit = get_post_meta($variation->ID,"_circuit", true );
if( ! $variation_circuit ) $variation_circuit = "";
echo '<p class="form-field dimensions_field">';
woocommerce_wp_text_input( array(
'id' => '_diameter' . '_' . $loop,
'label' => __( 'Diameter', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Diameter description help.', 'woocommerce' ),
'value' => $variation_diameter
) );
woocommerce_wp_text_input( array(
'id' => '_thickness' . '_' . $loop,
'label' => __( 'Thickness', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Thickness description help.', 'woocommerce' ),
'value' => $variation_thickness
) );
woocommerce_wp_text_input( array(
'id' => '_circuit' . '_' . $loop,
'label' => __( 'Circuit', 'woocommerce' ),
'desc_tip' => 'true',
'description' => __( 'Circuit description help.', 'woocommerce' ),
'value' => $variation_circuit
) );
echo '</p>';
}
// Save product variation custom fields values
add_action( 'woocommerce_save_product_variation','save_variation_options_other_dimensions', 10 ,2 );
function save_variation_options_other_dimensions( $variation_id, $loop ){
$built_lenght = $_POST["_diameter_$loop"];
if( isset($built_lenght) )
update_post_meta( $variation_id, '_built_lenght', esc_attr($built_lenght) );
$built_width = $_POST["_thickness_$loop"];
if( isset($built_width) )
update_post_meta( $variation_id, '_built_width', esc_attr($built_width) );
$built_height = $_POST["_circuit_$loop"];
if( isset($built_height) )
update_post_meta( $variation_id, '_built_height', esc_attr($built_height) );
}
此代码在您的活动子主题(或主题)的 function.php 文件中。
您将获得以下产品:
对于产品变体(在可变产品“变体设置”中):
现在要显示和获取这些值,您必须 override the woocommerce template via your theme 如本文档中所述。
要通过您的主题复制和覆盖的文件是:single-product/product-attributes.php
模板。
您必须向其中添加一些代码才能在显示的默认维度之后显示自定义的附加维度标签和值。
要输出正确的值,您将使用 get_post_meta()
函数。
例如,要显示 diameter
值,您将使用:
<?php echo get_post_meta( $product->get_id(), '_diameter', true ); ?>