- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在我的网站上使用 woocommerce,但由于我只有一个主要产品和两个配件(相关产品),我不需要经典的商店页面,也不需要每个产品的单一产品页面。我的主要产品有颜色变化。
我想要一个添加到购物车按钮,在我的常规帖子页面之一中包含颜色变化下拉列表和数量字段。就像在单一产品页面上一样,但嵌入在我自己的页面中,并且没有我不需要的单一产品页面部分(描述,...)。
我最终决定使用我创建的两个自定义短代码来实现此目的:[my_vc_product_price id="xxx"]
和 [my_vc_add2cart_variable_product id="xxx"]
。这样我就可以把它们放在我想要的地方。
但我的问题是下拉菜单 + 变体可用性 + 添加到购物车按钮的行为与此元素在单一产品页面中的行为不同:- 当我在下拉菜单中选择颜色时,没有显示变体的可用性; - 当在下拉菜单中未选择颜色时,添加到卡特按钮不会禁用(仅选择颜色时,它才能禁用且 liveness )。
显示价格很容易,使用一些在互联网上找到的代码:
/**
* Add shortcode to allow to display product price in a page
*/
function my_vc_display_product_price( $args ) {
$product_id = $args['id'];
$product = wc_get_product( $product_id );
echo '<p class="price">' . $product->get_price_html() . '</p>';
}
add_shortcode( 'my_vc_product_price', 'my_vc_display_product_price');
为了获得相同的图形结果,我只需要在行中添加一些 CSS 类:“woocommerce”和“product”。
显示下拉菜单+数量和添加到购物车按钮的代码与 plugins/woocommerce/templates/single-product/add-to-cart/中的 variable.php 文件几乎相同.唯一真正改变的是您需要获取产品的“变体属性”,而不是属性。
$attributes = $product->get_variation_attributes();
$attribute_keys = array_keys( $attributes );
所以完整的功能代码是:
/**
* Add shortcode to allow to display an add to cart button with dropdown menu for variation attributes
*/
function my_vc_add_to_cart_button_variable_product( $args ) {
global $product;
$product_id = $args['id'];
$product = wc_get_product( $product_id );
if( $product->is_type( 'variable' )) {
$attributes = $product->get_variation_attributes();
$attribute_keys = array_keys( $attributes );
$available_variations = array( $product->get_available_variations() );
do_action( 'woocommerce_before_add_to_cart_form' ); ?>
<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 $attribute_name => $options ) : ?>
<tr>
<td class="value">
<?php
$selected = isset( $_REQUEST[ 'attribute_' . sanitize_title( $attribute_name ) ] ) ? wc_clean( stripslashes( urldecode( $_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 ) );
?>
</td>
</tr>
<?php endforeach;?>
</tbody>
</table>
<?php do_action( 'woocommerce_before_add_to_cart_button' ); ?>
<div class="single_variation_wrap">
<?php
/**
* woocommerce_before_single_variation Hook.
*/
do_action( 'woocommerce_before_single_variation' );
/**
* woocommerce_single_variation hook. Used to output the cart button and placeholder for variation data.
* @since 2.4.0
* @hooked woocommerce_single_variation - 10 Empty div for variation data.
* @hooked woocommerce_single_variation_add_to_cart_button - 20 Qty and cart button.
*/
do_action( 'woocommerce_single_variation' );
?>
<script type="text/template" id="tmpl-variation-template">
<div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div>
<div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div>
<div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div>
</script>
<script type="text/template" id="tmpl-unavailable-variation-template">
<p><?php _e( 'Sorry, this product is unavailable. Please choose a different combination.', 'woocommerce' ); ?></p>
</script>
<?php
/**
* woocommerce_after_single_variation Hook.
*/
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' );
}
}
add_shortcode( 'my_vc_add2cart_variable_product', 'my_vc_add_to_cart_button_variable_product');
知道出了什么问题吗?我不明白,如果代码相同,为什么它没有执行相同的代码。是否因为这段代码在 woocommerce 页面之外而遗漏了什么?
最佳答案
尝试使用下面的代码
function add_to_cart_form_shortcode( $atts ) {
if ( empty( $atts ) ) {
return '';
}
if ( ! isset( $atts['id'] ) && ! isset( $atts['sku'] ) ) {
return '';
}
$args = array(
'posts_per_page' => 1,
'post_type' => 'product',
'post_status' => 'publish',
'ignore_sticky_posts' => 1,
'no_found_rows' => 1,
);
if ( isset( $atts['sku'] ) ) {
$args['meta_query'][] = array(
'key' => '_sku',
'value' => sanitize_text_field( $atts['sku'] ),
'compare' => '=',
);
$args['post_type'] = array( 'product', 'product_variation' );
}
if ( isset( $atts['id'] ) ) {
$args['p'] = absint( $atts['id'] );
}
$single_product = new WP_Query( $args );
$preselected_id = '0';
if ( isset( $atts['sku'] ) && $single_product->have_posts() && 'product_variation' === $single_product->post->post_type ) {
$variation = new WC_Product_Variation( $single_product->post->ID );
$attributes = $variation->get_attributes();
$preselected_id = $single_product->post->ID;
$args = array(
'posts_per_page' => 1,
'post_type' => 'product',
'post_status' => 'publish',
'ignore_sticky_posts' => 1,
'no_found_rows' => 1,
'p' => $single_product->post->post_parent,
);
$single_product = new WP_Query( $args );
?>
<script type="text/javascript">
jQuery( document ).ready( function( $ ) {
var $variations_form = $( '[data-product-page-preselected-id="<?php echo esc_attr( $preselected_id ); ?>"]' ).find( 'form.variations_form' );
<?php foreach ( $attributes as $attr => $value ) { ?>
$variations_form.find( 'select[name="<?php echo esc_attr( $attr ); ?>"]' ).val( '<?php echo esc_js( $value ); ?>' );
<?php } ?>
});
</script>
<?php
}
$single_product->is_single = true;
ob_start();
global $wp_query;
$previous_wp_query = $wp_query;
$wp_query = $single_product;
wp_enqueue_script( 'wc-single-product' );
while ( $single_product->have_posts() ) {
$single_product->the_post()
?>
<div class="single-product" data-product-page-preselected-id="<?php echo esc_attr( $preselected_id ); ?>">
<?php woocommerce_template_single_add_to_cart(); ?>
</div>
<?php
}
$wp_query = $previous_wp_query;
wp_reset_postdata();
return '<div class="woocommerce">' . ob_get_clean() . '</div>';
}
add_shortcode( 'add_to_cart_form', 'add_to_cart_form_shortcode' );
/*Example Usage [add_to_cart_form id=147]*/
关于php - 如何在 woocommerce 循环外使用变体和添加到购物车按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55387735/
[编辑:在 functions.php 中添加代码并省略代码 WC 文件中的更改时,它实际上起作用了。重要提示:它仅在 ONE 属性存在时有效。但是,当有 2 个属性(例如尺寸和颜色)时,它就不起作用
我使用以下方法获取购物车中产品的版本ID。 $cartdetails = $woocommerce->cart->get_cart(); foreach($cartdetails as $ca
我目前使用 $order = new WC_Order($order_id); $order->update_status('completed', 'Order has been delivered
您好,我无法从 woocommerce 订单送货地址获取,我收到错误: fatal error :在 .. 中的非对象上调用成员函数 get_formatted_address() 我正在使用代码:
我不是在谈论向产品添加属性,而是我想添加属性本身.. 您可以从“产品”->“属性”下的 UI 执行此操作,但从代码中它是如何完成的(例如:要调用哪些函数或要更新的表)? 最佳答案 属性只是一个自定义分
是否可以使产品变化来改变价格? 例如,我有一个基本产品及其变体: 数量 -10 -20 -50 颜色 - 蓝色 -红色 项目 -是的 -没有 我有数量的价格,不管是什么颜色。但是,如果您选择“项目-否
有没有办法将其他收件人添加到 woocommerce 发票邮件中。我尝试使用“woocommerce_email_headers” Hook ,但它不起作用: add_filter( 'woocomm
我不是在谈论向产品添加属性,而是我想添加属性本身.. 您可以从“产品”->“属性”下的 UI 执行此操作,但从代码中它是如何完成的(例如:要调用哪些函数或要更新的表)? 最佳答案 属性只是一个自定义分
只是想看看是否有办法为我的送货选项添加工具提示或弹出窗口,以便在客户悬停或点击(通过移动设备)时更详细地向客户解释此选项的含义? 最佳答案 简单的解决方案是通过将以下内容添加到您的 functions
如何获取 woocommerce 中的类别列表?使用这段代码,我得到了 wordpress 类别列表: function gaga_lite_category_lists(){ $catego
我一直试图在 WooCommerce 上禁用产品价格四舍五入,但没有成功。即使我在 WooCommerce > Settings > General > Number of decimals 上将 d
我一直在尝试定制 woocommerce 中的相关产品。我使用 woocommerce_output_related_products_args 添加 meta_query 选项,但它们没有效果,这是
由于 WooCommerce 2.1 页面(例如订单接收)已被删除并替换为 WC 端点。我的结帐页面有一个自定义页面模板 (page-checkout.php),现在所有结帐端点也都在使用这个自定义页
我正在向 WooCommerce 的结帐页面添加额外的字段, 我已经添加了基本的文本字段,但我想要一个带有几个选项的下拉列表或选择框, 这是我到目前为止所做的,但我在某处犯了错误 $fields['b
我试图在我的 invoice.php 中拼出 WooCommerce 订单总额模板文件可以达到订单总金额。 首先我试过: $total = $order->get_total(); - format
我需要在购物车页面和结帐页面中显示的价格(小计、总计...)后添加文字提及。 我知道如何在单个页面和商店页面上执行此操作,但不知道如何在其他页面上执行此操作。我唯一找到的就是这段代码,但它不起作用。
在 Woocommerce 中,在管理产品列表中,我应该需要为特定属性过滤产品。 根据“Add a filter dropdown for product tags in woocommerce ad
Woocommerce 有一个带有“woocommerce”类的 div 我想添加另一个类或删除该类。那是哪个文件? 最佳答案 虽然 WooCommerce 没有提供任何支持的方法来实现这一点
您好,目前我想获取 woocommerce 中的税率名称。我有什么办法可以得到这张图中圈出的值:/image/pyGAH.png 我当前的代码: $items = $order->get_items(
在 Woocommerce 中,我尝试显示可变产品的销售日期。 我找到了a code ,如果我将此代码准确地发布在functions.php中,它不会执行任何操作。我尝试修改它,因为我只需要在起始页上
我是一名优秀的程序员,十分优秀!