How to check for duplicate code

How to check for duplicate code

Sicilia2025
Excursionist
26 0 4

My collapsible row content (description) is duplicated no matter what I do. Apparently this is because there is a duplicate in code, but I have no idea how to find it. I didn't find anything in theme.liquid and base.css is too long. Is there an easier way to fix this? Thanks in advance.

Reply 1 (1)

richardcobain
Pathfinder
120 4 14

Yes, the duplication issue is likely caused by your theme rendering the same content twice, either in liquid templates or JavaScript. To find and fix it:

  1. Check the collapsible row section in Sections (e.g., collapsible-row.liquid or product-template.liquid) for duplicate {{ product.description }} or {{ block.settings.content }} entries.
  2. Inspect JavaScript files (e.g., theme.js) for scripts duplicating the content dynamically.
  3. Use Chrome DevTools (Ctrl + Shift + I → Elements tab) to locate duplicate elements and trace their source in the code.

If you still can't find it, try temporarily removing the collapsible row block and re-adding it from the theme editor.