adding social media icons to a section on a page

[oscprofessional]

Hello @TBS2023 ,

Go to your Shopify admin panel.

Just Easy installation, Follow given steps
Click on “Online Store” and then “Themes.”
Find the theme you want to edit, click on “Actions,” and then select “Edit Code.”

Add File in section folder (section/social-section.liquid) file:

• Just Add (Copy or Paste) this code

Here is the code:

  ## {{ section.settings.sectionTitle }}
  
  {% for block in section.blocks %}
      

          
              
          
      

  {% endfor %}
  

{% schema %}
    {
        "name": "Social Icons Section",
        "settings": [
          {
            "type": "text",
            "id": "sectionTitle",
            "label": "Section Heading",
            "default": "Follow Us on social media"
          },
          {
            "type": "text",
            "id": "size",
            "label": "title size",
            "default": "16"
          }
        ],
        "blocks": [{
            "name": "Icons",
            "type": "Text",
            "settings": [
                {
                    "type": "url",
                    "id": "social_url",
                    "label": "Add Your PDF's"
                },
                {
                    "type": "image_picker",
                    "id": "social_image",
                    "label": "Add Social Icon"
                }
            ]
        }
            
        ],
    "presets": [
            {
                "name": "Add Social Icons"
            }
        ]
    }
{% endschema %}

Features:

• Add Icons as per choice

• Add Urls of social media

Additional

• Added a feature for change section title font size

Here is the screen shot below for configuration:

I hope this solution meets our needs.
Thank you !!