Add optional description field to CTA block

torchbox · Jan 10, 2025 · 6af702e · 6af702e
1 parent b563d3f
commit 6af702e
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 0 deletions.
diff --git a/tbx/core/blocks.py b/tbx/core/blocks.py
@@ -235,6 +235,9 @@ def get_button_file_size(self):
 
 class CallToActionBlock(blocks.StructBlock):
     text = blocks.CharBlock(required=True, max_length=255)
+    description = blocks.RichTextBlock(
+        features=settings.PARAGRAPH_RICH_TEXT_FEATURES, required=False
+    )
     button_text = blocks.CharBlock(max_length=55)
     button_link = blocks.StreamBlock(
         [

diff --git a/tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/call_to_action.html b/tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/call_to_action.html
@@ -3,6 +3,7 @@
 <div class="call-to-action grid__call-to-action">
     <div class="call-to-action__inner">
         <p class="call-to-action__text">{{ value.text }}</p>
+        {% if value.description %}{{ value.description|richtext }}{% endif %}
 
         {% if value.button_text and value.button_link %}
             <a href="{{ value.get_button_link }}" class="call-to-action__button button">

diff --git a/tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/call_to_action.yaml b/tbx/project_styleguide/templates/patterns/molecules/streamfield/blocks/call_to_action.yaml
@@ -1,6 +1,7 @@
 context:
   value:
     text: Get in touch to learn about our journey to becoming employee-owned
+    # description: '<p>Speak to our team to boost regular giving, improve supporter loyalty, or mobilise people behind your cause.</p>'
     button_text: 'Contact Us'
     button_link:
       - internal_link:

diff --git a/...ct_styleguide/templates/patterns/molecules/streamfield/blocks/contact_call_to_action.html b/...ct_styleguide/templates/patterns/molecules/streamfield/blocks/contact_call_to_action.html
@@ -2,6 +2,7 @@
 <div class="contact-cta grid__contact-cta">
     {% for cta in value.call_to_action %}
         <h2 class="contact-cta__text heading heading--three heading--light">{{ cta.value.text }}</h2>
+        {% if cta.value.description %}{{ cta.value.description|richtext }}{% endif %}
     {% endfor %}
 
     {% if value.person %}

diff --git a/...ct_styleguide/templates/patterns/molecules/streamfield/blocks/contact_call_to_action.yaml b/...ct_styleguide/templates/patterns/molecules/streamfield/blocks/contact_call_to_action.yaml
@@ -3,6 +3,7 @@ context:
     call_to_action:
       - value:
           text: Get in touch to learn about our journey to becoming employee-owned
+          # description: '<p>Speak to our team to boost regular giving, improve supporter loyalty, or mobilise people behind your cause.</p>'
           button_text: 'Contact Us'
           button_link: True
     person: