How to integrate the responsive tab into setting customizer on dawn theme

Store Design
1

Hello Guys,

I have tried to add a responsive tab on my shop (dawn theme), but I can’t figure out how to modify the code to add the tab function into the setting customizer. I tried to mess with schema but it kept showing the error code “‘Schema’ Tag Must Not Be Nested Inside Other Tags”.

Does anyone know how I should do with the code to integrate the tab into setting customizer? I will leave the code of tab below.

https://wallartfantasy.com/products/create-your-own-art


            

              
              
              
            

            
            
            
          


{% schema %}    
 {
      "name": "t:sections.main-product.name",
      "tag": "section",
      "class": "section",
      "blocks": [
      {
        "type": "tabcordion",
        "name": "️tabcordion",
        "settings": [
          {
             "type":"text",  
             "id":"button_text",
             "label":"button text",
             "default": "Button label"
            
          },
          {
             "type":"text",  
             "id":"heading",
             "label":"heading", 
             "default": "Tab"
          },
          {
            "type":"richtext",
            "id":"content",
            "label":"content",
            "default": "

Content

"
          }
        ]
      },

Any help and hints is much appreciated. Thank you.