website : https://lslelegance.myshopify.com
need help with the following :
I require the following :
Make the images in the cart clickable like the text
website : https://lslelegance.myshopify.com
need help with the following :
I require the following :
Make the images in the cart clickable like the text
Hello @lslelegance
Greetings!!
Please follow these steps:
Step 1: Go to Online store > Themes > Actions > Edit code.
Step 2: Go to sections > main-cart-items.liquid
Step 3: Ctrl+f and find this text “cart-item__image-container gradient global-media-settings”
Step 3: Replace image tag with this below code
<a href="{{ item.url }}" class="cart-item__link" aria-hidden="true" tabindex="-1"> </a>
<div class="cart-item__image-container gradient global-media-settings">
<a href="{{ item.url }}" class="cart-item__name h4 break"><img src="{{ item.image | image_url: width: 300 }}"
class="cart-item__image"
alt="{{ item.image.alt | escape }}"
loading="lazy"
width="150"
height="{{ 150 | divided_by: item.image.aspect_ratio | ceil }}"
>
</a>
Go to the theme code editor and under sections open main-cart-items.liquid
Find (line 66 for an unedited file)
under that change
To
That should work. It simply adds an item link as requested
I have included a class cart-item-img__link in case you want to further style the link for that image.