feat: unified form block + Contact page matches CMS (info+form+map+FAQ)
This commit is contained in:
浅念
@@ -27,6 +27,7 @@ BLOCKS = {
|
||||
'pricing':{'name':'服务方案','icon':'＄','fields':['title','items'],'defaults':{'title':'服务方案','items':[{'name':'标准方案','price':'联系我们','features':['专业咨询','售后服务'],'href':'/contact/'}]}},
|
||||
'map':{'name':'位置导航','icon':'⌖','fields':['title','address','url','embed'],'defaults':{'title':'欢迎来访','address':'请填写实际办公地址','url':'','embed':''}},
|
||||
'form_link':{'name':'询盘表单入口','icon':'✉','fields':['title','description','button','href'],'defaults':{'title':'提交询盘','description':'欢迎联系我们获取报价和资料','button':'联系销售','href':'/contact/'}},
|
||||
'form':{'name':'询盘表单','icon':'✉','fields':['title','description','button_text','button_href'],'defaults':{'title':'Get a Quote','description':'Send us your requirements and our team will reply within 24 hours.','button_text':'Contact Us','button_href':'/contact-us/'}},
|
||||
'trust_bar':{'name':'信任条','icon':'✓','fields':['title','items'],'defaults':{'title':'','items':[{'icon':'✓','title':'Certified quality','text':'Inspected before every shipment'},{'icon':'◎','title':'Global export','text':'Delivering to worldwide markets'},{'icon':'▤','title':'Full documentation','text':'Specs and export files on hand'},{'icon':'✉','title':'Responsive service','text':'Replies within one business day'}]}},
|
||||
'applications_band':{'name':'应用展示带','icon':'⊞','fields':['title','subtitle','items'],'defaults':{'title':'Built for real-world projects','subtitle':'APPLICATIONS','items':[{'icon':'◉','title':'Water supply','text':'Municipal piping and treatment networks.'},{'icon':'◍','title':'Drainage','text':'Gravity and pressure sewer systems.'},{'icon':'✦','title':'Gas','text':'PE pipelines for fuel gas distribution.'},{'icon':'◆','title':'Mining','text':'Abrasion-resistant slurry and vent lines.'}]}},
|
||||
}
|
||||
@@ -416,6 +417,24 @@ def render_blocks(blocks, site, page, entries):
|
||||
parts.append(start+f'<div class="sf-section-head"><h2>{title}</h2></div><address class="sf-map-address">{addr}</address>{action}'+end)
|
||||
elif typ=='form_link':
|
||||
parts.append(start+'<div class="sf-cta-wrap"><div><h2>'+title+'</h2><p>'+desc+'</p></div><a class="sf-button" href="'+safe_href(resolve('href','/contact/'))+'">'+escape(resolve('button','提交询盘'))+' →</a></div>'+end)
|
||||
elif typ=='form':
|
||||
btn=escape(resolve('button_text','Contact Us'));href=safe_href(resolve('button_href','/contact-us/'))
|
||||
form_endpoint=site.get('settings',{}).get('form_endpoint','')
|
||||
if form_endpoint and str(form_endpoint).startswith('https://'):
|
||||
form_html=(
|
||||
f'<div class="sf-form-card"><h2 class="sf-form-title">{title}</h2><p class="sf-form-text">{desc}</p>'
|
||||
f'<form class="sf-form-grid" action="{escape(str(form_endpoint),quote=True)}" method="POST">'
|
||||
f'<div class="sf-form-field"><label>Your Name *</label><input name="name" required maxlength="200" autocomplete="name"></div>'
|
||||
f'<div class="sf-form-field"><label>Email *</label><input name="email" type="email" required maxlength="200" autocomplete="email"></div>'
|
||||
f'<div class="sf-form-field"><label>Phone / WhatsApp</label><input name="phone" maxlength="50" autocomplete="tel"></div>'
|
||||
f'<div class="sf-form-field sf-form-full"><label>Message *</label><textarea name="message" required maxlength="5000" rows="4"></textarea></div>'
|
||||
f'<input name="website" tabindex="-1" autocomplete="off" class="sf-honeypot" aria-hidden="true" style="position:absolute;left:-9999px">'
|
||||
f'<button class="sf-button sf-form-submit" type="submit">Send Inquiry →</button></form></div>')
|
||||
else:
|
||||
form_html=(f'<div class="sf-form-card sf-form-fallback"><h2 class="sf-form-title">{title}</h2><p class="sf-form-text">{desc}</p>'
|
||||
f'<p class="sf-form-note">Configure an external form endpoint in site settings to enable this form.</p>'
|
||||
f'<a class="sf-button" href="{href}">{btn} →</a></div>')
|
||||
parts.append(start+form_html+end)
|
||||
elif typ=='layout':
|
||||
columns=block['columns'];gap=block.get('gap',24)
|
||||
weights=' '.join(f'{col["width"]}fr' for col in columns)
|
||||
|
||||
@@ -97,3 +97,19 @@
|
||||
.sf-section .sf-kicker,.sf-section .sf-feature>span,.sf-section .sf-item-copy small{color:var(--sf-accent-c,var(--accent,#3569d3))!important}
|
||||
.sf-section .sf-button{background:var(--sf-btn-c,var(--accent,#315ee2))!important}
|
||||
.sf-section .sf-link,.sf-section .sf-section-head>a{color:var(--sf-accent-c,var(--accent,#3569d3))!important}
|
||||
|
||||
/* ── 询盘表单区块 ── */
|
||||
.sf-theme-trade-pro .sf-form-card{background:var(--sf-tp-color-surface-muted,#f5f7fa);padding:calc(var(--sf-tp-space-8,32px) + 4px);border-radius:12px;max-width:640px;margin:0 auto}
|
||||
.sf-theme-trade-pro .sf-form-title{font-size:calc(var(--sf-title-size,24px) * .8);color:var(--sf-tp-color-text-primary,#1a2332);margin:0 0 8px}
|
||||
.sf-theme-trade-pro .sf-form-text{color:var(--sf-tp-color-text-muted,#5a6a7e);margin:0 0 24px}
|
||||
.sf-theme-trade-pro .sf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
|
||||
.sf-theme-trade-pro .sf-form-field{display:flex;flex-direction:column;gap:6px}
|
||||
.sf-theme-trade-pro .sf-form-field label{font-size:12px;font-weight:650;color:var(--sf-tp-color-text-primary,#3d5067)}
|
||||
.sf-theme-trade-pro .sf-form-field input,.sf-theme-trade-pro .sf-form-field textarea{padding:12px 14px;border:1px solid #d9e1ed;border-radius:8px;font:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}
|
||||
.sf-theme-trade-trade-pro .sf-form-field input:focus,.sf-theme-trade-pro .sf-form-field textarea:focus{border-color:var(--sf-tp-color-border-brand,#0874df);box-shadow:0 0 0 3px rgba(8,116,223,.12);outline:none}
|
||||
.sf-theme-trade-pro .sf-form-full{grid-column:1 / -1}
|
||||
.sf-theme-trade-pro .sf-form-submit{grid-column:1 / -1;justify-self:start;margin-top:8px}
|
||||
.sf-theme-trade-pro .sf-form-fallback{text-align:center;padding:48px 32px}
|
||||
.sf-theme-trade-pro .sf-form-note{color:var(--sf-tp-color-text-muted,#8494a6);font-size:13px;margin:0 0 20px}
|
||||
.sf-theme-trade-pro .sf-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
|
||||
@media (max-width:620px){.sf-theme-trade-pro .sf-form-grid{grid-template-columns:1fr}}
|
||||
|
||||
Reference in New Issue
Block a user