How can I make images in the cart clickable like 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

@SetuBridge_1

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>
1 Like

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.