<div class="fullPageSectionsWrap {% if section.settings.is_effect_apply%}no_animation_effect{% else %}animation_effect{% endif %} {% if is_first %}no-top-border{% endif %} {% if is_last and settings.mainitem_social_show != blank and settings.show_twitterfeed %}no-bottom-border{% endif %}">
{% for block in section.blocks %}
  {% capture section_img %}section_{{ i }}.jpg{% endcapture %}
  {% capture section_heading %}section_{{ i }}_heading{% endcapture %}
  {% capture section_copy %}section_{{ i }}_copy{% endcapture %}
  {% capture section_link %}section_{{ i }}_link{% endcapture %}
  {% capture section_button %}section_{{ i }}_button{% endcapture %}
  
     {%assign full = true%}
     {%if block.settings.heading != "" or  block.settings.copy != ""%}
     {%assign full = false%}
     {%endif%}
    <div data-animation_name="{{ block.settings.animation_name }}" data-animation_delay="{{ block.settings.animation_delay }}" class="{% if block.settings.animation_name != 'noeffect' %}scroll_animation {% endif %}fullPageSection homaContentImagePos_{{ block.settings.position }}" style="animation-duration: {{ block.settings.animation_duration }};">
      {% if block.settings.image != blank %}
			{% assign image_url = block.settings.image | img_url: 'original' %}
      {%else%}
      		{% assign image_url = 'image-content-parallax.jpg' | asset_url %}
      {% endif %}
      <div class="bgImage {%if  full == false%}fixedPosition{%endif%}" style="background-image:url({{ image_url }});"></div>
      {%if block.settings.heading != "" or block.settings.copy != ""%}
      <div class="content">
        <div class="inner">
          {%if block.settings.heading != ""%}
          <h{{block.settings.heading_tag}} style="font-weight:{{ block.settings.heading_tag_text_style10}};" class="top-heading-big">
            {%if block.settings.link != ""%}
              <a href="{{block.settings.link}}">
              {{block.settings.heading}}
              </a>
            {%else%}
              {{block.settings.heading}}
            {%endif%}
          </h{{block.settings.heading_tag}}>
          {%endif%}
          {%if block.settings.copy != ""%}
            <p>{{block.settings.copy}}</p>
          {%endif%}
          {%if block.settings.button != blank %}
            <a href="{{block.settings.link}}"><div class="button">{{block.settings.button}}</div></a>
         {%endif%}
        </div>
      </div>
      {%endif%}
    </div>

{%endfor%}
</div>

{% schema %}
  {
    "name": "Image Content Parallax",
    "max_blocks": 3,
	"settings": [
					{
              	"type": "paragraph",
              	"content": "Video Tutorial FR : [Image Content Parallax by Ulrich Vallée](https:\/\/www.ulrichvallee.com\/pages\/image-content-parallax)"
       				 },
          {
              "type":"checkbox",
              "id":"is_effect_apply",
              "label":"Apply Section Effect",
              "default":false
          }
    ],
    "blocks" : [
          {
            "type": "text",
            "name": "Slide",
            "settings": [
					
              {
                "type": "image_picker",
                "id": "image",
                "label": "Image",
                "info": "Minimun: 640px X 398px - Maximum : 1280px X 797px"
              },
              {
                "type": "text",
                "id": "heading",
                "label": "Heading text",
                "placeholder": "New Collection FastLane"
              },
  			  {
                "type": "select",
                "id": "heading_tag",
                "label": "Heading Tag",
                "default":"2",
                "options": [
                  {
                      "value": "1",
                      "label": "H1"
                  },
                  {
                      "value": "2",
                      "label": "H2"
                  },
                  {
                      "value": "3",
                      "label": "H3"
                  },
                  {
                      "value": "4",
                      "label": "H4"
                  },
                  {
                      "value": "5",
                      "label": "H5"
                  },
                  {
                      "value": "6",
                      "label": "H6"
                  }
                ]
              },
			  {
                "type": "select",
                "id": "heading_tag_text_style10",
                "label": "Heading Font Style",
                "options": [
                        {
                          "value": "300",
                          "label": "Lighter",
                          "group": "Font Style"
                        },
                        {
                          "value": "400",
                          "label": "Normal",
                          "group": "Font Style"
                        },
                        {
                          "value": "600",
                          "label": "Bold",
                          "group": "Font Style"
                        },
                        {
                          "value": "700",
                          "label": "Bolder",
                          "group": "Font Style"
                        }
                    ],
				"default": "600"
              },
              {
                "type": "textarea",
                "id": "copy",
                "label": "Content",
                "placeholder": "New Collection FastLane"
              },
 		      
              {
                "type": "text",
                "id": "link",
                "label": "Link URL",
                "placeholder": "http:\/\/yourshop.com\/collection"
              },
		      {
                "type": "text",
                "id": "button",
                "label": "Button"
              },
              {
              "type": "select",
              "id": "position",
              "label": "Image Position",
              "options": [
                {
                  "value": "left",
                  "label": "Left"
                },
                {
                  "value": "right",
                  "label": "Right"
                }
              ],
              "default": "left"
            },
            {
                "type": "select",
                "id": "animation_name",
                "label": "Animation Effect",
                "default": "noeffect",
                "options": [
                  {
                    "label": "No Effect",
                    "value": "noeffect"
                  },
                  {
                    "label": "bounce",
                    "value": "bounce"
                  },
                  {
                    "label": "flash",
                    "value": "flash"
                  },
                  {
                    "label": "pulse",
                    "value": "pulse"
                  },
                  {
                    "label": "rubberBand",
                    "value": "rubberBand"
                  },
                  {
                    "label": "shake",
                    "value": "shake"
                  },
                  {
                    "label": "headShake",
                    "value": "headShake"
                  },
                  {
                    "label": "swing",
                    "value": "swing"
                  },
                  {
                    "label": "tada",
                    "value": "tada"
                  },
                  {
                    "label": "wobble",
                    "value": "wobble"
                  },
                  {
                    "label": "jello",
                    "value": "jello"
                  },
                  {
                    "label": "bounceIn",
                    "value": "bounceIn"
                  },
                  {
                    "label": "bounceInDown",
                    "value": "bounceInDown"
                  },
                  {
                    "label": "bounceInLeft",
                    "value": "bounceInLeft"
                  },
                  {
                    "label": "bounceInRight",
                    "value": "bounceInRight"
                  },
                  {
                    "label": "bounceInUp",
                    "value": "bounceInUp"
                  },
                  {
                    "label": "fadeIn",
                    "value": "fadeIn"
                  },
                  {
                    "label": "fadeInDown",
                    "value": "fadeInDown"
                  },
                  {
                    "label": "fadeInDownBig",
                    "value": "fadeInDownBig"
                  },
                  {
                    "label": "fadeInLeft",
                    "value": "fadeInLeft"
                  },
                  {
                    "label": "fadeInLeftBig",
                    "value": "fadeInLeftBig"
                  },
                  {
                    "label": "fadeInRight",
                    "value": "fadeInRight"
                  },
                  {
                    "label": "fadeInRightBig",
                    "value": "fadeInRightBig"
                  },
                  {
                    "label": "fadeInUp",
                    "value": "fadeInUp"
                  },
                  {
                    "label": "fadeInUpBig",
                    "value": "fadeInUpBig"
                  },
                  {
                    "label": "flipInX",
                    "value": "flipInX"
                  },
                  {
                    "label": "flipInY",
                    "value": "flipInY"
                  },
                  {
                    "label": "lightSpeedIn",
                    "value": "lightSpeedIn"
                  },
                  {
                    "label": "rotateIn",
                    "value": "rotateIn"
                  },
                  {
                    "label": "rotateInDownLeft",
                    "value": "rotateInDownLeft"
                  },
                  {
                    "label": "rotateInDownRight",
                    "value": "rotateInDownRight"
                  },
                  {
                    "label": "rotateInUpLeft",
                    "value": "rotateInUpLeft"
                  },
                  {
                    "label": "rotateInUpRight",
                    "value": "rotateInUpRight"
                  },
                  {
                    "label": "hinge",
                    "value": "hinge"
                  },
                  {
                    "label": "jackInTheBox",
                    "value": "jackInTheBox"
                  },
                  {
                    "label": "rollIn",
                    "value": "rollIn"
                  },
                  {
                    "label": "zoomIn",
                    "value": "zoomIn"
                  },
                  {
                    "label": "zoomInDown",
                    "value": "zoomInDown"
                  },
                  {
                    "label": "zoomInLeft",
                    "value": "zoomInLeft"
                  },
                  {
                    "label": "zoomInRight",
                    "value": "zoomInRight"
                  },
                  {
                    "label": "zoomInUp",
                    "value": "zoomInUp"
                  },
                  {
                    "label": "slideInDown",
                    "value": "slideInDown"
                  },
                  {
                    "label": "slideInLeft",
                    "value": "slideInLeft"
                  },
                  {
                    "label": "slideInRight",
                    "value": "slideInRight"
                  },
                  {
                    "label": "slideInUp",
                    "value": "slideInUp"
                  },
                  {
                    "label": "heartBeat",
                    "value": "heartBeat"
                  }
                ]
              },
              {
                "type": "select",
                "id": "animation_duration",
                "label": "Animation Duration",
                "options": [
                  {
                    "value": "1s",
                    "label": "1s"
                  },
                  {
                    "value": "2s",
                    "label": "2s"
                  },
                  {
                    "value": "3s",
                    "label": "3s"
                  }
                ],
                "default": "1s"
              },
              {
                "type": "select",
                "id": "animation_delay",
                "label": "Animation Delay",
                "options": [
                  {
                    "value": "0",
                    "label": "0"
                  },
                  {
                    "value": "1",
                    "label": "1s"
                  },
                  {
                    "value": "2",
                    "label": "2s"
                  },
                  {
                    "value": "3",
                    "label": "3s"
                  },
                  {
                    "value": "4",
                    "label": "4s"
                  },
                  {
                    "value": "5",
                    "label": "5s"
                  },
                  {
                    "value": "6",
                    "label": "6s"
                  },
                  {
                    "value": "7",
                    "label": "7s"
                  },
                  {
                    "value": "8",
                    "label": "8s"
                  }
                ],
                "default": "0"
            }
            ]
          }
      ]
  }
{% endschema %}
