A user installed the Debutify-Pets-8.3 theme and encountered a “Corrupted HTML” error in the sections/cart-details.liquid file without making any modifications. The error stems from Shopify flagging the non-standard <cart-details> HTML tag, which isn’t recognized as valid HTML unless defined as a custom element in JavaScript.
Attempted Solutions:
<cart-details> with standard <div> tags or wrap it in valid HTMLCurrent Resolution:
The final recommendation is to revert to the original code with the <cart-details> tag intact and ignore Shopify’s “corrupt HTML” warning, as it’s a false positive. The custom tag is required for the theme’s JavaScript to function properly. If issues persist, contacting Debutify support directly is advised.
Status: The discussion remains open with the user needing to implement the reversion and verify the cart works correctly.
I downloaded a Debutify-Pets-8.3 template to my shop from Debutify’s website. When I edit the page template for the shopping cart, I get a prompt: there is corrupt HTML in the template file sections/cart-details.liquid. I have not modified the code. Why does this prompt appear?
Here is the whole message:
Corrupted HTML has been detected in the sections/cart-details.liquid file of your template. check for missing or redundant HTML tags.
Hi @Soldaypet ,
“Corrupted HTML has been detected in the sections/cart-details.liquid file…”
even though you haven’t edited the code. This happens because Shopify scans the file and flags any non-standard or invalid HTML tags. In your case, the issue is caused by the tag , which is not a standard HTML tag unless it’s specifically defined as a custom element in JavaScript (which most Shopify themes don’t do by default).
Here is the problematic code:
Since is not recognized HTML, Shopify assumes the file is corrupted or malformed. Even though it might render fine in some browsers, Shopify’s theme editor flags it.
To fix this error, you should replace the unknown tag with a valid one like
{% render 'loading-spinner', class: '' %}
This change will stop Shopify from showing the “corrupt HTML” warning, and your cart page will still work the same way. Nothing else in the file seems broken — this tag is the main reason for the alert.
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 
(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
Hi, @Soldaypet
I can figure out it for you. But it needs to check the theme code. If you need my help, please let me know.
Hello @Soldaypet Thanks for sharing the screenshot. Based on what I can see from your cart-details.liquid file, the error message you’re getting — “Corrupted HTML has been detected” — is likely triggered by one or more of these issues:
{% render 'section-padding', section: section %}
This assumes section-padding is a snippet. However, if this snippet is missing, or if it contains HTML that isn’t properly closed, it can trigger HTML corruption errors.
Check that the file snippets/section-padding.liquid exists and is valid HTML/Liquid.
Make sure:
. cart-details is a custom web component or valid custom element.
. There’s no missing closing tag — which doesn’t seem to be the case here — but if cart-details is not self-closing and not defined as a component, this might be invalid.
Try replacing it temporarily with standard HTML to test if the warning goes away:
{% render 'loading-spinner', class: '' %}
If this removes the error, then the issue is with Shopify not recognizing cart-details as a valid tag.
To Fix the Error
Verify that all custom tags like are supported and defined properly in JS.
Ensure all HTML tags are correctly opened and closed.
Make sure all included snippets (section-padding, loading-spinner) exist and are not broken.
Additional Tip
If you’re unsure where the issue lies, copy your cart-details.liquid file contents and paste it into a HTML validator — or temporarily comment out blocks line by line to isolate which one causes the alert.
Thank you 
I replaced it with the code you gave me, but the shopping cart page now looks like this and won’t load. Here is a screenshot of the complete code:
what should I do?
Keep the tag so the JS works, but
Prevent Shopify’s warning, or make it safe without breaking the cart.
Here’s what to do:
Instead of replacing , wrap it inside a
Replace this:
With this:
Can you please send me your collaborator code and store link? I will check it for you.
Replace this block:
With this:
{% comment %} Shopify may flagReplace with this :
{% render 'loading-spinner', class: '' %}
Hi, The template no longer prompts this issue, but the cart page keeps loading and won’t display. What’s happening? What to do?
The cart page is stuck loading because replacing with
broke the JavaScript tied to the cart in your Debutify theme.
Fix**:** Revert to the original code:
Ignore the “corrupt HTML” warning—it’s a false positive. The cart should work now. If not, check with Debutify support for requirements.
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!