Step1: create a new section liquid file named: custom_section.liquid
Step 2: add code scripts below:
Say Hi from my first custome section!
{% if section.settings.cs_checkbox %}
<img src="{{ product.featured_image|img_url }}">
{% endif %}
<h3>{{section.settings.cs_heading}}</h3>
<P>{{section.settings.cs_content}}</P>
{% schema %}
{
"name": "customsection",
"settings": [
{
"id":"cs_heading",
"type": "text",
"label":"Heading"
},
{
"id":"cs_content",
"type": "richtext",
"label":"Content"
},
{
"id":"cs_checkbox",
"type":"checkbox",
"label":"Show img"
}
]
}
{% endschema %}
Step3: add those new section to the default product json template.