【问题标题】: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?为什么数量向上和向下箭头仅显示在某些产品页面上,而不显示在 BigCommerce Cornerstone Light 主题上的其他页面上?
【发布时间】:2022-02-01 01:22:31
【问题描述】:

Quantity 上下箭头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>

仅显示在我们网站上的选定产品上(按钮仍然有效)。我一直无法弄清楚它们出现或不出现的原因是否有模式或方法,但其中一些看起来像这样:

其他的看起来像这样:

如果需要更多信息,请告诉我,但这是我能找到的所有相关信息,但我可能弄错了。

【问题讨论】:

  • 页面没有id为icon-keyboard-arrow-down的元素

标签: html user-interface svg button bigcommerce


【解决方案1】:

箭头由 JavaScript 生成。如果它们显示在某些页面上而不显示在其他页面上,那会让我相信在它们未加载的页面上存在 JavaScript 错误。打开您的 Chrome DevTools 控制台以检查任何 JavaScript 错误,并尝试解决它们。如果没有指向该站点的链接,我无法具体说明导致此问题的错误是什么。

【讨论】:

  • bobjohnson.com/toughbook-cf-33-intel-core-i5-6300u-2-40ghz 是页面无法正常工作的示例
  • 问题似乎来自相关产品或“客户也查看了”。该错误不是很可读,但与 Slick carousel 未正确初始化有关。如果您有开发人员在您主题的这一部分工作,我会与他们联系。如果不是自定义的,则可能是主题错误,我会联系该主题的开发人员。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-02-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多