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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025