Appel à action

Présentation

image

Data

JSON (Osuny)

  • text richtext (mini)
  • image blob
    • alt string
    • credit richtext
  • elements
    • title string
    • url string
    • target_blank boolean
{
  "elements": [
    {
      "title": "Osuny", 
      "url": "https://www.osuny.org", 
      "target_blank": false
    }, {
      "title": "Noesya", 
      "url": "https://www.noesya.coop", 
      "target_blank": true
      }, {
        "title": "Hugo", 
        "url": "https://gohugo.io", 
        "target_blank" : false
    },
  ], 
  "text": "<p>Lorem ipsum</p>", 
  "image": {
    "id": "2a8c2241-04c5-4ff3-aa0b-a1240155f1f4", 
    "filename": "ios-14-blue-and-pink-abstract-fnkg9z594gq55bfl.jpg", 
    "signed_id" :"eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5WVRoak1..."
    }, 
    "alt": "Texte alternatif de l'image", 
    "credit": "<p>Crédit de l'image</p>",
}

Static (Hugo)

  • text richtext
  • image image
  • buttons hash
    • title string
    • text string
    • url string
    • target_blank boolean
- template: call_to_action
    title: >-
      CTA
    position: 1
    data:
      text: >-
        <p>Lorem ipsum</p>


      image:
        id: "7ce9ae91-3c9a-4700-ac2d-157df2e88855"
        file: "2a8c2241-04c5-4ff3-aa0b-a1240155f1f4"


      alt: >-
        Texte alternatif de l'image


      credit: >-
        <p>Crédit de l'image</p>


      buttons:
        - title: >-
            Osuny


          url: >-
            https://www.osuny.org


          target_blank: false


        - title: >-
            Noesya


          url: >-
            https://www.noesya.coop


          target_blank: true


        - title: >-
            Hugo


          url: >-
            https://gohugo.io


          target_blank: true

Configuration style

// _theme/_default_config.sass
$block-call-to-action-background: $primary !default
$block-call-to-action-color: white !default