Insert Product Description In Another Section

Technical Q&A
, ,
1

I’m currently using the Shopfiy Impact Theme. On the product page the description is put in an odd place compared to other Themes. Because my product descriptions can be very long they push the Buy Button down the page.

I am curious if it is possible to add a “Custom Liquid”, “Custom HTML”, or “Rich Text” section lower down the page that can auto-populate the product description there.

I’ve attached an image that can hopefully better explain my end goal.

Any help would be greatly appreciated. Thank you!

2

Hello @mattvanderloop

Welcome to Shopify community.

Yes, if your theme offers, custom-liquid section then you can surely add the section in theme customization and add

{{ product.description }}.

Thanks

3

This has worked perfectly. I just have a quick follow-up question if you have another minute. When I do this the product description losses all formatting. For example the bullet points disappear and anything with a “header” format just shows as plain text.

Again, any help would be greatly appreciated. Thank you!

4

Hello @mattvanderloop

Then you can add the same but in a Custom HTML section.

Sweet_Savior_3_0-1710960001401.png
Sweet_Savior_3_0-1710960001401.png485×806 9.16 KB

Thanks

5

When I do that I get an error that reads as follows:

“Setting ‘html’ can’t include Liquid syntax (‘{{’,‘}}’, ‘{%’ or ‘%}’) without valid dynamic sources” (see attached screenshot).

mattvanderloop_0-1710960515710.jpeg
mattvanderloop_0-1710960515710.jpeg1920×1080 184 KB

I noticed that your section just says “HTML” and mine says “Custom HTML”… Is this just a difference between the themes that you and I are using?

6

Yes, My theme is Motion.

Okay do one thing.

Create a new section ‘product-description’ and paste below code in it:


{% schema %}
  {
    "name": "Product Description",
    "settings": [],
    "presets"[
      {
        "name":"Product Description"
      }
    ]
  }
{% endschema %}

Add the section from customization where you want on PDP page and save.

Thanks

7

I believe I have created the new “section”. However, when I posted the code provided I got an error that reads as follows:

“Invalid JSON in tag ‘schema’”

mattvanderloop_0-1710965236754.jpeg
mattvanderloop_0-1710965236754.jpeg1920×1080 144 KB

Thank you for your continued help, I greatly appreciate it!

8

Okay there was a typo in the code:

Use below code:


{% schema %}
  {
    "name": "Product Description",
    "settings": [],
    "presets": [
      {
        "name":"Product Description"
      }
    ]
  }
{% endschema %}
9

I used that updated code to create the new “section”. At first it was not appearing when I went to customize the page. So, I added a line under the presets that was as follows:

“presets”: [
{
“name”:“Product Description”,
“category”: “Text”
}
]

This snippet made it show up in the customization editor as an option to add to a page. However, all the text is still showing without any formatting again. :see_no_evil_monkey:

Maybe it needs to be a different category than the “Text” that I put?

10

Are you using custom liquid or custom HTML? I used custom liquid and it worked perfect for me.