Make the product title a link to the product page.

Shopify · May 30, 2024 · 3bba303 · 3bba303
1 parent 6cc3f56
commit 3bba303
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/assets/quick-add.css b/assets/quick-add.css
@@ -140,6 +140,11 @@
   padding-left: 1rem;
 }
 
+.quick-add-modal__content-info--bulk-details > a:hover {
+  text-decoration: underline;
+  text-underline-offset: 0.3rem;
+}
+
 @media screen and (min-width: 990px) {
   .quick-add-modal__content-info--bulk .quick-add__product-media,
   .quick-add-modal__content-info--bulk .quick-add__product-container,

diff --git a/snippets/card-product.liquid b/snippets/card-product.liquid
@@ -498,7 +498,11 @@
                     </div>
                     <div>
                       <div class="quick-add-modal__content-info--bulk-details small-hide medium-hide">
-                        <h3 class="h2">{{ card_product.title | escape }}</h3>
+                        <a href="{{ card_product.url }}" class="full-unstyled-link">
+                          <h3 class="h2">
+                            {{ card_product.title | escape }}
+                          </h3>
+                        </a>
                         {% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}
                         {%- if card_product.quantity_price_breaks_configured? -%}
                           <div class="card__information-volume-pricing-note">