wordpress - 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="-">

还有下面这 block

<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>