fix(storefront): bctheme-1171 fix sold-out badge appearance

CHANGELOG.md

@@ -19,6 +19,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Removed all Google AMP template files [#2308](https://github.com/bigcommerce/cornerstone/pull/2308)
 - Webpack 5, Node 18 Support [#2311][https://github.com/bigcommerce/cornerstone/pull/2311]
 - Customer order summary with both physical and digital items shows shipping as null [#2309](https://github.com/bigcommerce/cornerstone/pull/2309)
+- Fix sold-out badge appearance [#2315](https://github.com/bigcommerce/cornerstone/pull/2315)
 
 ## 6.7.0 (11-03-2022)
 - Fixed escaping on created store account confirm message. [#2265]https://github.com/bigcommerce/cornerstone/pull/2265

templates/components/products/card.html

@@ -28,7 +28,7 @@
         {{/or}}"
     {{/if}}>
     <figure class="card-figure">
-        {{#if stock_level '===' 0}}
+        {{#or (if stock_level '===' 0) (unless has_options)}}
             {{#if theme_settings.pdp_sold_out_label '===' ''}}
                 {{> components/products/product-badge
                     badge-type='sold-out'
@@ -58,7 +58,7 @@
                     }}
                 {{/if}}
             {{/or}}
-        {{/if}}
+        {{/or}}
 
         <a href="{{url}}"
            class="card-figure__link"

templates/components/products/list-item.html

@@ -20,7 +20,7 @@
            data-event-type="product-click"
            {{/if}}
         >
-        {{#if stock_level '===' 0}}
+        {{#or (if stock_level '===' 0) (unless has_options)}}
             {{#if theme_settings.pdp_sold_out_label '===' ''}}
                 {{> components/products/product-badge
                     badge-type='sold-out'
@@ -50,7 +50,7 @@
                     }}
                 {{/if}}
             {{/or}}
-        {{/if}}
+        {{/or}}
         {{> components/common/responsive-img
             image=image
             class="listItem-image"