Change location of product description text dawn theme

Store Design
, , , ,
1

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
JordiP_0-1729166770979.png1600×869 300 KB

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

2

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.