arrow_back

แก้ไขโมดูล

PricingCard

Module Code *

ไม่สามารถแก้ไข Module Code ได้

ประเภท

ชื่อแสดงผล (ไทย)

เวอร์ชัน *

หมวดหมู่ *

ไอคอน (Material Icons)

ไม่พบไอคอน

คลิกเลือกจากรายการหรือพิมพ์ชื่อไอคอน

คำอธิบาย

Thumbnail URL

เปิดใช้งานโมดูล

ตั้งเป็น Featured (แนะนำใน Builder)

info JSON fields ด้านล่างใช้สำหรับ AI Generator อ่านข้อมูลเพิ่มเติมเกี่ยวกับ props และโครงสร้างของโมดูลนี้

Schema Props (JSON)

{
    "planName": {
        "type": "text",
        "default": "Pro Plan",
        "label": "ชื่อแพ็กเกจ"
    },
    "price": {
        "type": "text",
        "default": "990",
        "label": "ราคา"
    },
    "currency": {
        "type": "text",
        "default": "฿",
        "label": "สกุลเงิน"
    },
    "period": {
        "type": "text",
        "default": "\/เดือน",
        "label": "ระยะเวลา"
    },
    "features": {
        "type": "text",
        "default": "Feature 1, Feature 2, Feature 3",
        "label": "ฟีเจอร์ (คั่นด้วย comma)"
    },
    "buttonText": {
        "type": "text",
        "default": "เลือกแพ็กเกจนี้",
        "label": "ข้อความปุ่ม"
    },
    "buttonLink": {
        "type": "text",
        "default": "#",
        "label": "ลิงก์ปุ่ม (URL)"
    },
    "buttonOpenNewTab": {
        "type": "boolean",
        "default": false,
        "label": "เปิดในแท็บใหม่"
    },
    "highlighted": {
        "type": "boolean",
        "default": false,
        "label": "แนะนำ (ไฮไลท์)"
    },
    "bgColor": {
        "type": "color",
        "default": "#ffffff",
        "label": "สีพื้นหลัง"
    },
    "accentColor": {
        "type": "color",
        "default": "#dc2626",
        "label": "สีเน้น"
    }
}

กำหนด props ที่รับได้ เพื่อให้ AI เข้าใจวิธีใช้โมดูล

Builder Data (Craft.js JSON)

สำหรับ Composite Module — เก็บ Craft.js JSON ของโมดูลนี้

Editable Slots (JSON)

ช่องที่ผู้ใช้สามารถแก้ไขได้ใน template

ยกเลิก