Copy of ScarfLady Signup

{% comment %} ** Newsletter - dynamic ** - Draggable section {% endcomment %} {% comment %} Content settings {% endcomment %} {%- assign title = section.settings.title -%} {%- assign newsletter_richtext = section.settings.newsletter_richtext -%} {%- assign image = section.settings.image -%} {% comment %} End content settings {% endcomment %}

{% render 'shapes', background_shape: section.settings.background_shape, background_shape_color: section.settings.background_shape_color, shape_amount: section.settings.shape_amount, opacity: section.settings.opacity, id: section.id %}

{% if image != blank %}

{% capture newsletter_alt %} {% if image.alt != blank %} {{ image.alt | escape }} {% else %} {{ title | escape }} {% endif %} {% endcapture %} {% render 'image-element', image: image, alt: newsletter_alt, additional_classes: 'full-width-image' %}

{% endif %}

{% if title != blank %}

{{ title }}

{% endif %} {% if newsletter_richtext != blank %}

{{ newsletter_richtext }}

{% endif %}

{% form 'customer' %} {% if form.posted_successfully? %}

{{ 'general.newsletter_form.success_text' | t }}

{% elsif form.errors %} {% for field in form.errors %}

{{ field }} - {{ form.errors.messages[field] }}

{% endfor %} {% endif %}

{% if section.settings.display_first_name %} {{ 'general.newsletter_form.subscriber_first_name' | t }} {% endif %} {% if section.settings.display_last_name %} {{ 'general.newsletter_form.subscriber_last_name' | t }} {% endif %}

{{ 'general.newsletter_form.placeholder' | t }}

{% endform %}

{% schema %} { "name": "Newsletter", "class": "shopify-section--newsletter newsletter-section shapesOption", "settings": [ { "type": "text", "id": "title", "label": "Heading", "default": "Subscribe" }, { "type": "richtext", "id": "newsletter_richtext", "label": "Text", "default": "

Sign up to get the latest on sales, new releases and more …

" }, { "type": "select", "id": "newsletter_section_text_align", "label": "Text alignment", "default": "center", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ] }, { "type": "checkbox", "id": "display_first_name", "label": "Show first name" }, { "type": "checkbox", "id": "display_last_name", "label": "Show last name" }, { "type": "image_picker", "id": "image", "label": "Image", "info":"800 x 350px recommended" }, { "type": "select", "id": "image_position", "label": "Image position", "default": "left", "options": [ { "value": "left", "label": "Left" }, { "value": "right", "label": "Right" } ] }, { "type": "header", "content": "Colors" }, { "type": "color", "id": "newsletter_bg_color", "label": "Background", "default": "#ffffff" }, { "type": "color", "id": "newsletter_text_color", "label": "Text", "default": "#000000" }, { "type": "header", "content": "Shapes" }, { "type": "text", "id": "background_shape", "label": "Shape", "info": "[View list of available shapes.](https:\/\/outofthesandbox.com\/pages\/artisan-shapes-library) Example: hexagon" }, { "type": "color", "id": "background_shape_color", "label": "Color", "default": "#CCCCCC" }, { "type": "range", "id": "shape_amount", "label": "Number of shapes", "min": 0, "max": 8, "default": 0 }, { "type": "range", "id": "scale", "label": "Size of shapes", "min": 1, "max": 6, "default": 3 }, { "type": "range", "id": "opacity", "label": "Shape opacity", "min": 1, "max": 100, "default": 50 } ], "presets": [{ "name": "Newsletter", "category": "Social" }] } {% endschema %}