What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Change location of product description text dawn theme

Change location of product description text dawn theme

JordiP
Explorer
53 0 10

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.

JordiP_0-1729166770979.png

( ^ 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

Reply 1 (1)

WebDeskSolution
Shopify Partner
185 42 51

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 Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9