[Quick add] Button visible with no-JS

[andrewetchen]

Describe the current behavior

Quick add button still visible when JavaScript is disabled.

Describe the expected behavior

For quick add to not be visible when JavaScript is disabled.

Version information (Dawn, browsers and operating systems)

• Dawn Version: 5.0.0
• Chrome Version: 100.0.4896.127
• macOS Version: 12.3.1

Possible solution

Add the no-js-hidden class to the following:

dawn/snippets/card-product.liquid

Line 144 in 3591cdf

<div class="quick-add">

Solution - Collection page

Solution - Featured collection section

---

Additional context/screenshots

Collection page

• Click on the Product Grid section.
• Enable the Enable quick add button setting.
• Click save.
• Preview the storefront collection page.
• Disable JavaScript.
• Reload the page.

Featured collection

• Navigate to any Featured collection section.
• Enable the Enable quick add button setting.
• Click save.
• Preview the storefront and navigate to the Featured collection section.
• Disable JavaScript.
• Reload the page.