Download This Apps Free
Install Now : Friends2a Technology – Section Schema Generator
If you need complete Shopify store development, please message us on WhatsApp. We will give you a response just in one minute. Or mail to us, Amzadhossen420360@gmail.com.
Friends2a Technology – Section Schema Generator – Installation Guide
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
- Log in to your Shopify Admin Dashboard.
- Go to Apps → Visit Shopify App Store.
- Search for ‘Section Schema Generator’ by Friends2a Technology.
- 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:
- Click ‘Show Code’ to preview the generated Liquid code.
- Click ‘Save as .liquid’ to download it.
- Copy the generated code into your Shopify theme under /sections/custom-section.liquid.
Step 4: Add the Section to Your Theme
- Go to Online Store → Themes → Customize.
- Click Add Section → Custom Section.
- Locate your newly created section.
- 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.
App Introduction
Create and export custom Shopify section schema instantly—no coding required.
App Details
Section Schema Generator is the ultimate Shopify developer tool that allows you to visually build JSON and Liquid section schema without writing a single line of code. Perfect for theme developers, it simplifies schema creation using drag-and-drop fields like text, color, images, and product selectors. Instantly generate and export ready-to-use .liquid files for any Shopify theme, saving time and eliminating coding errors.
⚙️ Features
Visual schema builder with drag-and-drop interface
Auto-generate Shopify section JSON and Liquid code
Add fields: text, image, color, product, and collection
Export ready-to-use .liquid schema files instantly
Developer-friendly tool to speed up theme creation
Screenshot ALT Texts
Shopify app interface showing section schema builder
Section editor view with product list configuration
Liquid schema code preview inside generator window
Readable, keyword-rich, human-like image alt text
App Card Subtitle
Generate Shopify section schema visually, no coding needed
App Store Search Terms
section generator
shopify schema
theme builder
json liquid
shopify developer
