Custom Section not appearing in "Add Section" list in Admin Editor

Technical Q&A
1

I have a custom sections/custom-icons.liquid file that isn’t appearing in the “add sections” option in the Shopify admin editor for the homepage. I’m looking for a solution to get it to appear as an option here so I can add it to the homepage as I need it.

Here is my schema

{% schema %}
{
  "name": "Custom Icons",
  "settings": [
    {
      "type": "header",
      "content": "Slider Settings"
    },
    {
      "type": "checkbox",
      "id": "autoPlay",
      "label": "Auto Play",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "wrapAround",
      "label": "Wrap Around",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "pageDots",
      "label": "Show Page Dots",
      "default": false
    },
    {
      "type": "header",
      "content": "Image 1"
    },
    {
      "type": "image_picker",
      "id": "image_1",
      "label": "Image",
      "info": "Upload an image for Image 1"
    },
    {
      "type": "text",
      "id": "image_1_heading",
      "label": "Heading",
      "info": "Enter a heading for Image 1"
    },
    {
      "type": "text",
      "id": "image_1_text_body",
      "label": "Text Body",
      "info": "Enter a text body for Image 1"
    },
    {
      "type": "checkbox",
      "id": "image_1_text_body_italic",
      "label": "Italic Text",
      "default": false
    },
    {
      "type": "header",
      "content": "Image 2"
    },
    {
      "type": "image_picker",
      "id": "image_2",
      "label": "Image",
      "info": "Upload an image for Image 2"
    },
    {
      "type": "text",
      "id": "image_2_heading",
      "label": "Heading",
      "info": "Enter a heading for Image 2"
    },
    {
      "type": "text",
      "id": "image_2_text_body",
      "label": "Text Body",
      "info": "Enter a text body for Image 2"
    },
    {
      "type": "checkbox",
      "id": "image_2_text_body_italic",
      "label": "Italic Text",
      "default": false
    },
    {
      "type": "header",
      "content": "Image 3"
    },
    {
      "type": "image_picker",
      "id": "image_3",
      "label": "Image",
      "info": "Upload an image for Image 3"
    },
        {
      "type": "text",
      "id": "image_3_heading",
      "label": "Heading",
      "info": "Enter a heading for Image 3"
    },
    {
      "type": "text",
      "id": "image_3_text_body",
      "label": "Text Body",
      "info": "Enter a text body for Image 3"
    },
    {
      "type": "checkbox",
      "id": "image_3_text_body_italic",
      "label": "Italic Text",
      "default": false
    },
     {
      "type": "header",
      "content": "Image 4"
    },
    {
      "type": "image_picker",
      "id": "image_4",
      "label": "Image",
      "info": "Upload an image for Image 2"
    },
    {
      "type": "text",
      "id": "image_4_heading",
      "label": "Heading",
      "info": "Enter a heading for Image 2"
    },
    {
      "type": "text",
      "id": "image_4_text_body",
      "label": "Text Body",
      "info": "Enter a text body for Image 2"
    },
    {
      "type": "checkbox",
      "id": "image_4_text_body_italic",
      "label": "Italic Text",
      "default": false
    }
  ]
}
{% endschema %}
2

I found out from someone answering a different question I posted in the community that adding the following to the bottom of schema resolved the issue

],
"presets": [
{
"category": "icons",
"name": "custom icons"
}
]
}