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.
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:
- 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.
- Inspect JavaScript files (e.g., theme.js) for scripts duplicating the content dynamically.
- 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.