WooCommerce 加减按钮

Question

我是一名 Web 开发人员，我想使用 WooCommerce 制作自己的网上商店。但是我有一个问题，产品页面上的加号和减号按钮没有显示，有没有人知道如何获得这些按钮（也许在某处添加一些代码）？

Answer 1

您需要在子主题中覆盖来自 woocommerce 的“数量输入”。这位于插件 -> woocommerce -> 模板 -> 全局 -> 数量输入 复制此文件中的内容。在您的主题文件夹中创建一个“woocommerce”目录。在此目录中创建另一个名为“global”的文件夹。把内容贴在这里。

找到代码

<input type="number" step="<?php echo esc_attr( $step ); ?>" <?php if ( is_numeric( $min_value ) ) : ?>min="<?php echo esc_attr( $min_value ); ?>"<?php endif; ?> <?php if ( is_numeric( $max_value ) ) : ?>max="<?php echo esc_attr( $max_value ); ?>"<?php endif; ?> name="<?php echo esc_attr( $input_name ); ?>" value="<?php echo esc_attr( $input_value ); ?>" title="<?php _ex( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?>" class="input-text qty text" size="4" />

在这上面添加这段代码

<input class="minus" type="button" value="-">

和它下面的这块

<input class="plus" type="button" value="+">

您的整体代码如下所示：

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
?>
<div class="quantity">
<input class="minus" type="button" value="-">
<input type="number" step="<?php echo esc_attr( $step ); ?>" <?php if ( is_numeric( $min_value ) ) : ?>min="<?php echo esc_attr( $min_value ); ?>"<?php endif; ?> <?php if ( is_numeric( $max_value ) ) : ?>max="<?php echo esc_attr( $max_value ); ?>"<?php endif; ?> name="<?php echo esc_attr( $input_name ); ?>" value="<?php echo esc_attr( $input_value ); ?>" title="<?php _ex( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?>" class="input-text qty text" size="4" />
<input class="plus" type="button" value="+">
</div>