Friends2a Technology – Section Schema Generator
This guide explains how to install and use the Section Schema Generator app in Shopify. The app allows you to easily create section schema code (JSON & Liquid) visually without manual coding.

App Overview
The Section Schema Generator helps Shopify developers and store owners create dynamic section schema code quickly. You can visually build and export Shopify section settings with a ready-to-use structure.

Installation Steps
1. Log in to your Shopify Admin Dashboard.
2. Go to Apps → Visit Shopify App Store.
3. Search for ‘Section Schema Generator’ by Friends2a Technology.
4. Click ‘Add app’ and then ‘Install’ to integrate it into your store.

How to Use Section Schema Generator
Step 1: Open the App Interface
After installation, go to your Shopify admin sidebar → Apps → Section Schema Generator. The interface includes two main tabs:
• Elements — Add different fields and controls.
• Settings — Configure schema options.

Step 2: Add Elements
Drag and drop fields from the left panel to build your section schema:
• Text – Single-line input fields.
• Textarea – Multi-line fields.
• Checkbox – On/Off toggle.
• Color Picker – Choose color fields.
• Image Picker – Upload or choose images.
• Product / Product List – Select one or multiple products.
• Collection / Collection List – Select collections.

Step 3: View or Export the Code
Once the section schema is created:
1. Click ‘Show Code’ to preview the generated Liquid code.
2. Click ‘Save as .liquid’ to download it.
3. Copy the generated code into your Shopify theme under /sections/custom-section.liquid.

Step 4: Add the Section to Your Theme
1. Go to Online Store → Themes → Customize.
2. Click Add Section → Custom Section.
3. Locate your newly created section.
4. Save and preview your theme.
Example Output

{% assign product_list_0 = section.settings.product_list_0 %}
{% for product in product_list_0 %}
{{ product.title }}
{{ product.description }}
{% endfor %}

{% schema %}
{
“name”: “Code in Shopify Section”,
“settings”: [
{
“type”: “product_list”,
“label”: “Product List 0”,
“id”: “product_list_0”
}
],
“presets”: []
}
{% endschema %}

Benefits
✅ No need to write JSON or Liquid manually.
✅ Save time with automatically generated code.
✅ Ideal for theme developers and Shopify agencies.
✅ Exports valid, ready-to-use schema code.
✅ Simplifies complex schema creation visually.