Creatable Carousel Section for Shopify

creatable-carousel.liquid

{% schema %}
  {
    "name": "Creatable Widget Section",
    "tag": "section",
    "class": "section section-creatable-carousel",
    "disabled_on": {
      "groups": ["header", "footer"]
    },
    "blocks": [],
    "settings": [
      {
        "id": "custom_embed_code",
        "type": "html",
        "label": "Embed code"
      }
    ],
    "presets": [
      {
        "name": "Creatable Widget Section",
        "category": ""
      }
    ]
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

<div class="isolate{% unless section.settings.full_width %} page-width{% endunless %}" id="creatable-carousel-no-title">
  <script> var pid = "{{ product.id }}";</script>
  <div class="rich-text content-container color-{{ section.settings.color_scheme }} gradient{% if section.settings.full_width %} rich-text--full-width content-container--full-width{% endif %} section-{{ section.id }}-padding">
    {{ section.settings.custom_embed_code }}
  </div>
</div>