Shopify themes, liquid, logos, and UX
How can I make the product title on the cart page unclickable so that the customer can't go to the product page?
I'm using dawn theme.
Solved! Go to the solution
This is an accepted solution.
You can go into your theme code, open the sections folder, and look for "main-cart-items.liquid". Open that file, and ctrl + f for "cart-item__name". You'll see something that looks like this:
<a href="{{ item.url }}" class="cart-item__name break">{{ item.product.title | escape }}</a>
Since that's an anchor tag with an href attribute, it'll take you to the product page. You could just change it to a span tag and remove the href attribute:
<span class="cart-item__name break">{{ item.product.title | escape }}</span>
This is an accepted solution.
You can go into your theme code, open the sections folder, and look for "main-cart-items.liquid". Open that file, and ctrl + f for "cart-item__name". You'll see something that looks like this:
<a href="{{ item.url }}" class="cart-item__name break">{{ item.product.title | escape }}</a>
Since that's an anchor tag with an href attribute, it'll take you to the product page. You could just change it to a span tag and remove the href attribute:
<span class="cart-item__name break">{{ item.product.title | escape }}</span>
Thank you very much:)
@Ninthony Hi there,
I am with this website, https://luxstoneworks.com/ and i am using Ella theme from themeforest.
I have a question about how to make the images or links unclickable, could you please help me?
Almost everything on this theme is clickable, and i need most of the images or links or titles to be unclickable, which really is bothering me.
For example, the "why us" section on homepage, you can see from the below screenshot, I left the “button” and "link" empty, I thought if I just not enter any URL, then it will become unclickable. However, it is still clickable, it will redirect to homepage if I click the picture. So, what should i do to make it unclickable?
Could you please help me to fix this? Thanks very much in advance!
Hi @Ninthony,
I added this code, but it doesn't seem to remove the clickthrough on my checkout page: https://metiertype.myshopify.com/checkouts/cn/Z2NwLXVzLWVhc3QxOjAxSFczQVNNM1gzMko4REZDMUdKR1lDSlNI?c...
Can you help?
- Hannah
@StudioFounded the solution posted was for Dawn theme on the cart page. You can no longer edit the checkout directly as Shopify has moved everything to Checkout Extensibility. It can currently only be edited by an app extension.
Hi, I tried (Dawn) and it is not working.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025