为什么数量向上和向下箭头仅显示在某些产品页面上,而不显示在 BigCommerce Cornerstone Light 主题的其他页面上?
Why do the Quantity Up and Down arrows only show on some of the product pages and not others on BigCommerce's Cornerstone Light theme?
数量上下箭头svg,使用代码如下:
<button class="button button--icon" data-action="dec">
<span class="is-srOnly">Decrease Quantity:</span>
<i class="icon" aria-hidden="true">
<svg>
<use xlink:href="#icon-keyboard-arrow-down"/>
</svg>
<button class="button button--icon" data-action="inc">
<span class="is-srOnly">Increase Quantity:</span>
<i class="icon" aria-hidden="true">
<svg>
<use xlink:href="#icon-keyboard-arrow-up"/>
</svg>
</i>
</button>
仅显示在我们网站上的 select 产品上(按钮仍然有效)。我一直无法弄清楚是否存在某种模式或方法来解释它们出现或不出现的原因,但其中一些看起来像这样:
其他人看起来像这样:
如果需要更多信息,请告诉我,但这是我能找到的所有相关信息,但我可能会弄错。
箭头由JavaScript生成。如果它们显示在某些页面上而不显示在其他页面上,那会让我相信它们未加载的页面上存在 JavaScript 错误。打开 Chrome DevTools 控制台检查是否有任何 JavaScript 错误,并尝试解决它们。如果没有 link 到该站点,我无法具体说明导致此问题的错误是什么。
数量上下箭头svg,使用代码如下:
<button class="button button--icon" data-action="dec">
<span class="is-srOnly">Decrease Quantity:</span>
<i class="icon" aria-hidden="true">
<svg>
<use xlink:href="#icon-keyboard-arrow-down"/>
</svg>
<button class="button button--icon" data-action="inc">
<span class="is-srOnly">Increase Quantity:</span>
<i class="icon" aria-hidden="true">
<svg>
<use xlink:href="#icon-keyboard-arrow-up"/>
</svg>
</i>
</button>
仅显示在我们网站上的 select 产品上(按钮仍然有效)。我一直无法弄清楚是否存在某种模式或方法来解释它们出现或不出现的原因,但其中一些看起来像这样:
其他人看起来像这样:
如果需要更多信息,请告诉我,但这是我能找到的所有相关信息,但我可能会弄错。
箭头由JavaScript生成。如果它们显示在某些页面上而不显示在其他页面上,那会让我相信它们未加载的页面上存在 JavaScript 错误。打开 Chrome DevTools 控制台检查是否有任何 JavaScript 错误,并尝试解决它们。如果没有 link 到该站点,我无法具体说明导致此问题的错误是什么。