Prometeo
Account
AP
App
Generale
App
Pagine generate
Pagine generate
Pagine generate
Indietro
Layout
Layout
Layout
Indietro
Blocchi
Blocchi
Blocchi stilati
Blocchi master
Indietro
Stili grafici
Stili grafici
Stili grafici
Varianti grafiche
Indietro
Importa stili grafici
Importa stili grafici
Importazioni
Blocchi importati
Indietro
Immagini
Immagini
Libreria
Indietro
Impostazioni
Impostazioni
Dati per anteprime
Intelligenza artificiale
Siti destinazione
Tipi di campi
Tipi di pagina
Tipi di blocco
Indietro
Demo
Demo
Ricette
Ingredienti
Indietro
Più spazio
Modifica blocco
Salva
Name
Tipo
---------
Content
CTA
FAQ
Features
Hero
Navigation
Descrizione
Codice blocco
HTML template
{% load staticgen_tags %} <section class="block-cta-workshop" data-slot="{{ slot_key }}"> <div class="cta-workshop-inner"> <a href="{{ content.button_url|default:'#' }}" class="cta-workshop-btn">{{ content.button_label|default:"Partecipa al workshop" }}</a> </div> </section>
Styleable elements (JSON)
[]
Lista slot stileabili, es. [{"slot": "title", "default": "h2"}].
CSS base
.block-cta-workshop { background: #AB1E24; padding: 25px; } .cta-workshop-inner { text-align: center; } .cta-workshop-btn { display: inline-block; background: #000; color: #fff; font-family: Archivo, sans-serif; font-size: 18px; font-weight: 800; text-transform: uppercase; padding: 20px 55px; border: 1px solid #fff; transition: all .3s; text-decoration: none; } .cta-workshop-btn:hover { background: #1B252F; color: #AB1E25; } @media (max-width: 767px) { .cta-workshop-btn { font-size: 16px; } }
JS base (legacy)
{"type":"object","properties":{"button_label":{"type":"string"},"button_url":{"type":"string"}}}
Deprecato. Preferire js_shared + js_instance_template.
JS condiviso
Library/behavior, incluso una sola volta per blocco.
JS per istanza
Template con {{ block_id }}, eseguito per ogni occorrenza.
Schema contenuti
Content schema json
{}
Default content json
{}