Contact IR

การ์ดติดต่อนักลงทุนสัมพันธ์สไตล์ widget3

การ์ดติดต่อนักลงทุนสัมพันธ์สไตล์ widget3 — บล็อกไล่เฉดฟ้าพร้อมภาพพื้นหลังหมุดแผนที่ แสดงชื่อผู้ติดต่อ อีเมล เบอร์โทร ที่ตั้งสำนักงานใหญ่ และปุ่มลิงก์ไปแผนที่

Set widget3Category contactScope .stk-w3-contact-irSet base widget3

Examples

แต่ละหัวข้อคือ UI คนละรูปแบบ ส่วนขนาดคอลัมน์เป็น layout ของรูปแบบเดียวกัน

การ์ดติดต่อ IR พร้อมภาพพื้นหลัง

UI รูปแบบที่ 1

1 layout

PreviewOpen

defaultการ์ดติดต่อ IR พร้อมภาพพื้นหลังGrid 12/12 · Measuring UI… · JavaScript

Composition

โครงสร้างส่วนประกอบหลักที่สรุปจาก HTML ของแต่ละ variant โดยตัด layout wrappers ออก

Variantdefault

Loading composition…

Content Schema

อ่าน schema เต็มและตัวอย่างค่าจาก get_widget ฟิลด์หลัก:

title
contact_person
email
email_link
phone
phone_link
address_title
address
map_button_label
map_link

Asset URLs

CSS: https://stackui-cdn.intern-studio.com/widgets/widget3/contact-ir/contact-ir.css
JS:  https://stackui-cdn.intern-studio.com/widgets/widget3/contact-ir/contact-ir.js
Preview: https://stackui-cdn.intern-studio.com/widgets/widget3/contact-ir/preview.html
Set base: ดู dependencies.setBase จาก get_widget และโหลดก่อน widget CSS

ใช้ get_core ก่อนหนึ่งครั้ง จากนั้นเรียก get_widget โดยส่ง id="contact-ir" และ set="widget3" เพื่อรับ HTML, CSS, JavaScript, dependencies และ URL ของ asset ที่ตรงกับ environment