Rich text block on Brooklyn Theme

archer223
Tourist
15 0 1

Hi There,

I want to convert the rich text section on Brooklyn Theme to now have multiple blocks, But it is not working. It is not displaying on the page. Any help is is greatly appreciate

<div data-section-id="{{ block.id }}" data-section-type="featured-content-section">
  <div class="rich-text wrapper">
    <div class="grid">
      <div class="grid__item text-center{% unless block.settings.home_page_full_width %} large--two-thirds medium--two-thirds push--large--one-sixth push--medium--one-sixth{% endunless %}">
        {% if block.settings.block_title != blank %}
          <div class="section-header">
            <h2 class="rich-text__heading--{{ block.settings.text_size }} section-header__title h1">{{ block.settings.block_title | escape }}</h2>
          </div>
        {% endif %}
        {% if block.settings.text != blank %}
          <div class="rte rich-text__text--{{ block.settings.text_size }}">
            {{ block.settings.text }}
          </div>
        {% endif %}
      </div>
    </div>
  </div>
</div>
 
{% schema %}
{
  "name": "Text Blocks",
"max_blocks": 3,
  "settings": [
      {
      "type": "checkbox",
      "id": "home_page_full_width",
      "label": {
        "en": "Wide display"
      }
   }
  ],
  "blocks": [
    {
      "type": "select",
      "name": "Add Block",
      "settings": [
 
    {
      "type": "text",
      "id": "section_title",
      "label": {
        "en": "Heading"
      },
      "default": {
        "en": "Talk about your brand"
      }
    },
    {
      "type": "richtext",
      "id": "text",
      "label": {
        "en": "Text"
      },
      "default": {
        "en": "<p>Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.</p>"
      }
    },
    {
      "type": "select",
      "id": "text_size",
      "label": {
        "en": "Size"
      },
      "default": "medium",
      "options": [
        {
          "label": {
            "en": "Small"
          },
          "value": "small"
        },
        {
          "label": {
            "en": "Medium"
          },
          "value": "medium"
        },
        {
          "label": {
            "en": "Large"
          },
          "value": "large"
        }
      ]
    }
  ]
}
]
}
{% endschema %}
 

 

0 Likes