Fix accessible cart image link (#605)

* Fix accesible cart image link: * add cursor pointer only on JS
Shopify · Sep 10, 2021 · 453b181 · 453b181
1 parent a70083d
commit 453b181
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/assets/component-cart-items.css b/assets/component-cart-items.css
@@ -34,6 +34,10 @@
   }
 }
 
+.js .cart-item__image {
+  cursor: pointer;
+}
+
 .cart-item__details {
   font-size: 1.6rem;
   line-height: 1.4;

diff --git a/sections/main-cart-items.liquid b/sections/main-cart-items.liquid
@@ -46,15 +46,14 @@
                 <tr class="cart-item" id="CartItem-{{ item.index | plus: 1 }}">
                   <td class="cart-item__media">
                     {% if item.image %}
-                      <a href="{{ item.url }}">
-                        <img class="cart-item__image"
-                          src="{{ item.image | img_url: '300x' }}"
-                          alt="{{ item.image.alt | escape }}"
-                          loading="lazy"
-                          width="150"
-                          height="{{ 150 | divided_by: item.image.aspect_ratio | ceil }}"
-                        >
-                      </a>
+                      <img class="cart-item__image"
+                        src="{{ item.image | img_url: '300x' }}"
+                        alt="{{ item.image.alt | escape }}"
+                        loading="lazy"
+                        width="150"
+                        height="{{ 150 | divided_by: item.image.aspect_ratio | ceil }}"
+                        onclick="window.location.href='{{ item.url }}'"
+                      >
                     {% endif %}
                   </td>