Shopify themes, liquid, logos, and UX
Hello, I want my product descriptions to appear in a collapsible row section I will have under my checkout button so that everything looks clean, however I dont know how to make sure product descriptions will automatically be uploaded to the collapsible row section. Any help is appreciated, thanks.
( ^ The red part is the normal description, and blue is where I want the descriptions to automatically be placed when I create a product)
store: artisimo.es
pass: pongia
Hello @JordiP
Please follow the steps below after logging into the Shopify admin:
1.) Go to the Shopify Admin panel.
2.) Click on Online Store > Themes.
3.) Please find the theme that you want to edit and then click Actions > Edit Code
4.) Search main-product.liquid
5.) Insert the provided code at the given location, then save the changes.
Firstly, search for "collapsible_tab" in the schema. Next, navigate to the settings section. Once you find "type": "page," proceed to the end and add the following code. Check the below screenshot for the reference where to add the code.
Code:
{
"type": "liquid",
"id": "collapsible_tab_custom_liquid",
"label": "Custom Liquid"
}
Screenshot: https://prnt.sc/RXlkoLDfV50v
then search "accordion__content" in the same file and add below code after the {{ block.settings.page.content }} Also check the below screenshot for the reference to where to add the code.
Code:
{% if block.settings.collapsible_tab_custom_liquid %} {{ block.settings.collapsible_tab_custom_liquid }} {% endif %}
Screenshot: https://prnt.sc/4K-IJGjRhwrf
Then save your changes and navigate to the admin panel, then follow the below steps.
1.) Click on Online Store > Themes.
2.) Please find the same theme and then open Customize.
3.) then navigate to the product page.
4.) Inside the Product Information Add Block Collapsible row
5.) then add the below code in Custom Liquid. Add below code
{{product.description}}
6.) Save and check your changes.
Output Screenshots:
1.) https://prnt.sc/rUIYy_r_tnm8
2.) https://prnt.sc/tNEJD49lKwUs
Please hit Like and Mark it as a Solution if you find our reply helpful.
Thank You,
WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call: 877.536.3789
Canada: 150 King St W. STE 200, Toronto, ON M5H 1J9
| USA: 98 Cutter Mill Rd. STE 466, Great Neck, NY 11021
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025