javascript - 数量框未在 Shopify 中显示值

Question

我正在寻求一些帮助来解决我修改后的 Shopify 主题所遇到的问题。该网站目前已上线，我注意到数量框存在问题，我可以通过按 +/- 按钮修改数量框，但按钮中的值不可见，我只是不明白为什么会这样。

我的网站:[ https://defineclothing.co/collections/work-wear/products/belted-panel-burgandy-skirt?variant=37162255815]

我查看了我购买的原始主题，看是否能找到不同之处，我查看了 Friebug，但无法确定哪里出了问题。

我在 Firebug 上看到的一件事是错误:

Use of getPreventDefault() is deprecated.  Use defaultPrevented instead.

但是这个文件 (jquery.min.js) 的链接是从 ajax.googleapis.com 加载的，所以不确定我是如何解决这个问题的，以及这是否是阻止值显示的原因。

如果有人能建议我如何解决这个问题，我将不胜感激。

主题站点:[ http://preview.themeforest.net/item/ella-responsive-shopify-template/full_screen_preview/9691007?_ga=2.49581167.854559603.1509872080-2135413938.1508191597]

提前致谢。

Answer 1

您需要在输入框内将文本居中对齐并删除不必要的填充。请应用此 CSS

.product-shop .quantity, .product-shop #quantity {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}