Why do the Quantity Up and Down arrows only show on some of the product pages and not others on BigC-CodePudding

The Quantity up and down arrows svg, which use the following code:

                <button  data-action="dec">
                    <span >Decrease Quantity:</span>
                    <i  aria-hidden="true">
                        <svg>
                            <use xlink:href="#icon-keyboard-arrow-down"/>
                        </svg>

                <button  data-action="inc">
                    <span >Increase Quantity:</span>
                    <i  aria-hidden="true">
                        <svg>
                            <use xlink:href="#icon-keyboard-arrow-up"/>
                        </svg>
                    </i>
                </button>

only show up on select products on our website (Buttons still work). I haven't been able to figure out if there is a pattern or a method to why they are showing up or not showing up, but some of them look like this:

Working buttons

and others look like this:

Broken Buttons

If more info is needed, please let me know, but this is all I could find that was relevant, but I could be mistaken.

CodePudding user response：

The arrows are generated by JavaScript. If they are showing on some pages and not on others, that would lead me to believe there is a JavaScript error on the page where they are not loading. Open your Chrome DevTools console to check for any JavaScript errors, and try to resolve them. Without a link to the site, I cannot say specifically what the error is that is breaking this.