Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello, good morning!
I've tried creating a collapsible description on my product page, however when I implemented the code, I am getting an error message (Please check the image below). Any idea how to fix this please?
This is the store - https://dronehub.ph/products/gemfan-flash-7042-2-propeller?variant=44176028893370
password - iatsau
Thank you!
Solved! Go to the solution
This is an accepted solution.
Please take the {% render 'icon-caret' %} code back in main-product.liquid file, then go to your Online store > Themes > Edit code > under Snippets > click + Add new snippet
in 'File name', add icon-caret, put this code below into the file and save
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
- Solved it? Hit Like and Accept solution or ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi @Mabinibooks
Please go to Online Store > Themes > click "..." in the current theme > Edit code, open main-product.liquid file, go to line 204, remove this code
{% render 'icon-caret' %}
Save file and check again.
- Solved it? Hit Like and Accept solution or ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Thank you Dan, it worked, now I need a collapsible arrow on the side of the description text. How can I do this, please?
This is an accepted solution.
Please take the {% render 'icon-caret' %} code back in main-product.liquid file, then go to your Online store > Themes > Edit code > under Snippets > click + Add new snippet
in 'File name', add icon-caret, put this code below into the file and save
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
- Solved it? Hit Like and Accept solution or ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
You are genuine!
Hi Mabini, your name reminds me of a familiar historic name
Anyway. It says there that it cannot find the file named icon-caret.liquid. Check your snippets folder if you have the file.
Hello Paul, if you're familiar with Filipino History, you'll know the name.
Yes, you are correct, I was already able to sort it out, there's another shopify partner who provided the code. Thanks for the reply anyway.
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