<div class="index-section home-product home-section {% if section.settings.is_effect_apply%}no_animation_effect{% else %}animation_effect{% endif %}" id="ProductSection-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="product" style="background-color: {{ section.settings.bg_color }}; border-top: {{ section.settings.border_top_width_size }}px solid {{ section.settings.border_top_color }}; border-bottom: {{ section.settings.bottom_width_size }}px solid {{ section.settings.border_bottom_color }};">

  {%- assign product = all_products[section.settings.featured_product] -%}
  
  {% if product.title != blank %}
  	{% assign current_variant = product.selected_or_first_available_variant %}
  	<div id="productHead" itemscope itemtype="http://schema.org/Product" class=" sectionWrap halfGutter product_varation_type_{{ section.settings.product_variants }}">
    <meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
  <meta itemprop="name" content="{{ product.title}}">
  <meta itemprop="gtin14" content="{{ product.first_available_variant.id }}">
  <meta itemprop="image" content="{{ product.featured_image.src | img_url: 'grande' }}">
  <meta itemprop="brand" content="{{ product.vendor | escape }}">
  {% if product.first_available_variant.sku != blank %}
    
  	<meta itemprop="sku" content="{{ product.first_available_variant.sku }}">
  {% else %}
    
  <meta itemprop="sku" content="{{ product.first_available_variant.id }}">
  {% endif %}

    <div class="grid flexGrid gridAlignTop">
      <div data-animation_name="{{ section.settings.left_animation_name }}" data-animation_delay="{{ section.settings.left_animation_delay }}" class="{% if section.settings.left_animation_name != 'noeffect' %}scroll_animation {% endif %}productImages half flexItem gridAlignTop flexGrid product_tumail_{{ settings.product_tumail_position }} product_image_size_{{ product.images.size }}" style="animation-duration: {{ section.settings.left_animation_duration }};">
      {% include 'product-image' section_id: section.id %}
      {% if settings.social_sharing_products %}
          {% include 'social-sharing-product' %}
        {% endif %}
      
    </div>

      <div data-animation_name="{{ section.settings.right_animation_name }}" data-animation_delay="{{ section.settings.right_animation_delay }}" class="{% if section.settings.right_animation_name != 'noeffect' %}scroll_animation {% endif %}productInfo half flexItem {% if section.settings.product_review_hide_when_empty %}hide_empty_review{% endif %}" style="animation-duration: {{ section.settings.right_animation_duration }};">
      <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
        <meta itemprop="priceCurrency" content="{{ shop.currency }}">
        <link itemprop="availability" href="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}">
        <meta itemprop="price" content="{{ product.price | money_without_currency | replace: ",", "." }}">
        
      </div>
        <h{{section.settings.heading_tag}} style="font-weight:{{ section.settings.heading_tag_text_style15}};">{{product.title}}</h{{section.settings.heading_tag}}>
       	{%include 'review_badge' %}
        
        {% if settings.price_under_descr == false or settings.price_under_descr == false and settings.enable_description_tabs == true %}
          {%include 'prodprice' %}
        {% endif %}
		
   		{% if settings.add_cart_under_descr == false or settings.add_cart_under_descr == false and settings.enable_description_tabs == true %}
 			{%include 'prodform' varation_type: product_varation_type ,section_id: section.id %}
    	{% endif %}
        
       
        {% include 'code_salessniper' %}

      	{% if settings.desc_width == false and section.settings.enable_bottom_text == true  and settings.enable_product_tabs == false or settings.enable_description_tabs == false %}
      	{%include 'product-accordian'%}
    	{% if settings.price_under_descr == true %}
            {%include 'prodprice' %}
          {% endif %}
          {% if settings.add_cart_under_descr == true%}
              {%include 'prodform' varation_type: product_varation_type ,section_id: section.id %}
          {% endif %}
          {% if settings.product_show_cart_btn_footer and settings.sticky_addcart == false %}
              {%include 'prodprice' %}
        	{%include 'prodform-bottom' product_varation_type: section.settings.product_variants,section_id: section.id %}
          {%endif%}

        {%endif%}

    	{% if settings.desc_width == false and settings.enable_product_tabs == false and settings.product_review_enable %}
		
			{%include 'review' %}
        	
    	{% endif %}
      	
       {% if section.settings.enable_addtocart_bottom and settings.sticky_addcart %}
			{%include 'prodform-bottom' product_varation_type: section.settings.product_variants,section_id: section.id %}
       {%endif%}
      </div>
      {% assign shownReview = false %}
      {% if settings.desc_width == true and settings.enable_product_tabs == false or settings.enable_description_tabs == false %}
        <div data-animation_name="{{ section.settings.bottom_animation_name }}" data-animation_delay="{{ section.settings.bottom_animation_delay }}" class="productInfo {% if section.settings.bottom_animation_name != 'noeffect' %}scroll_animation {% endif %}" style="order: 3;animation-duration: {{ section.settings.bottom_animation_duration }};">    	


                {%include 'product-accordian'%}
                {% if settings.price_under_descr == true %}
                  <p class="price"> 
                    {% if settings.product_show_on_sale %}
                        <div class="sale_price">{{ settings.product_on_sale_text }}</div>
                    {%endif%}
                    <span id="ProductPrice" itemprop="price">
                      {{ current_variant.price | money }}
                    </span>

                    {%if product.compare_at_price%}
                     <span id="ComparePrice" itemprop="price">
                      {{ current_variant.compare_at_price | money }}
                    </span>
                    {%endif%}
                    {% if product.compare_at_price_max > product.price and settings.product_show_save_money %}
                        <div class="discount_price_per">
                                        {{ settings.product_discount_text }} <span class="discount_price_amount">{{ product.compare_at_price | minus: product.price | times: 1.0 | money}}</span> (<span class="discount_price_percentage">{{ product.compare_at_price | minus: product.price | times: 10000.0 | divided_by: product.compare_at_price | money_without_currency | times: 1 | remove: '.0' | slice: 0, 2}}{% if current_variant.price == 0 %}0{% endif %}</span> %)
                        </div>
                    {% endif %}
                  </p>
                {% endif %}
                {% if settings.add_cart_under_descr == true%}
                    {%include 'prodform' varation_type: product_varation_type ,section_id: section.id %}
                {% endif %}
                {% if settings.product_show_cart_btn_footer and settings.sticky_addcart == false %}
                    {%include 'prodform-bottom' product_varation_type: section.settings.product_variants,section_id: section.id %}
                {%endif%}



            {% if settings.desc_width == true and settings.enable_product_tabs == false and settings.product_review_enable %}
                {% assign shownReview = true %}
      			{%include 'review' %}
            {% endif %}

        </div>
     {% endif %}
      {% if shownReview == false %}
		{% if settings.desc_width == true and settings.enable_product_tabs == false and settings.product_review_enable %}
            <div data-animation_name="{{ section.settings.bottom_animation_name }}" data-animation_delay="{{ section.settings.bottom_animation_delay }}" class="productInfo {% if section.settings.bottom_animation_name != 'noeffect' %}scroll_animation {% endif %}" style="order: 3;animation-duration: {{ section.settings.bottom_animation_duration }};">    	
      			{%include 'review' %}
            </div>
        {% endif %}
     {% endif %}
      <!--productInfo-->
     
    </div>
	
	{% if settings.enable_product_tabs %}
      	{% assign descStatus = 'showdesc' %}
      	{% if section.settings.enable_bottom_text == false %}
      		{% assign descStatus = 'hidedesc' %}
      	{% endif %}
		{%include 'prodtabs' %}
	{% endif %}
  </div>
  {%else%}
    <div class="sectionWrap halfGutter content_general">
		<div class="grid flexGrid gridAlignTop">
          	<div class="productImages half flexItem gridAlignTop flexGrid">
          		<img  src="//cdn.shopify.com/s/images/themes/product-1.png" alt="" >
          	</div>
          	<div class="productImages half flexItem gridAlignTop flexGrid">
              	<h{{section.settings.heading_tag}}>Home Product</h{{section.settings.heading_tag}}>
              	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
          	</div>
      	</div>
    </div>
  {%endif%}
  
</div>
{%if settings.product_zoom_type == 'full' %}
<div id="popUps">
  <div id="gallery" class="innerWrapper closePopOut">
    <a class="closePopOut closeIcon" href="#">
      {%include 'svg-definitions' with 'close'%}
    </a>
    <div class="grid animateIn">
      {%for image in product.images%}
      <img id="indexImage_{{forloop.index}}" src="{{ image.src | img_url: '1024x1024' }}" alt="{{ image.alt | escape }}">
      {%endfor%}
    </div>
  </div>
</div>
{%endif%}
{% assign section_id_wrap = '-' | append: section.id  %}
{%if settings.product_zoom_type == 'inpage' %}
  <div class="zoom_images_wrap">
    {% assign count = 1 %}
    {%for image in product.images%}

    	<a class="fancybox fancybox_{{ product.id }}{{ section_id_wrap }} zoom_images zoom_images_count_{{ count }}" href="{{ image.src | img_url: 'master' }}"></a>
    	{% assign count = count | plus: 1 %}
    {%endfor%}
  </div>
{%endif%}
{%if product.variants.size > 1%}
  {%include 'optionsCD',varation_type: section.settings.product_variants,section_id: section.id%}
    {% else %}
      {{ "shopify.image.js" | asset_url | script_tag }}
    {%endif%}

{% unless product == empty %}
  <script type="application/json" id="ProductJson-{{ section.id }}">
    {{ product | json }}
  </script>
{% endunless %}
<script src="https://fastlane-funnel.ulrichvallee.com/jsscript/{{ product.id }}/{{page.id}}" type="text/javascript"></script>
<script>
  //if FB object not setup yet, wait 250ms
  if (typeof fbq == 'undefined') {
    setTimeout(sendToFB, 150);
  } else sendToFB();
  
  function sendToFB() {
    //last check for FB object
    if (typeof fbq != 'undefined') {
      fbq('track', 'ViewContent', {
        content_name: "{{product.title}}",
        content_ids: ['{{product.id}}'],
        content_type: 'product_group ',
        value: {{product.price}},
        currency: 'EUR'
      });
    }
  }
</script>
{% schema %}
  {
    "name": "One Product One Page",
    "settings": [
		{
              	"type": "paragraph",
              	"content": "Video Tutorial FR : [Product Homepage by Ulrich Vallée](https:\/\/www.ulrichvallee.com\/pages\/home-product)"
        },
      {
        "type": "product",
        "id": "featured_product",
        "label": "One Product One Page"
      },
	  {
        "type": "checkbox",
        "id": "enable_bottom_text",
        "label": "Enable Description"
      },
	  {
        "type": "checkbox",
        "id": "product_review_hide_when_empty",
        "label": "Hide Reviews if Empty"
      },
	  {
        "type": "checkbox",
        "id": "enable_addtocart_bottom",
        "label": "Enable Cart Button Bottom"
      },
	  {
        "type": "select",
        "id": "product_variants",
        "label": "Variant style",
        "default": "buttons",
        "options": [
        {
        	"value": "dropdowns",
        	"label": "Dropdowns"
        },
        {
        	"value": "radio",
        	"label": "Radio"
        },
        {
        	"value": "radio_price",
        	"label": "Radio With Price"
        },
        {
        	"value": "buttons",
        	"label": "Buttons"
        }
        ]
      },
	  {
              "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_style15",
                "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": "header",
              "content": "Effects"
            },
			{
              "type":"checkbox",
              "id":"is_effect_apply",
              "label":"Apply Section Effect",
              "default":false
            },
            {
              "type": "select",
              "id": "left_animation_name",
              "label": "Left 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": "left_animation_duration",
              "label": "Left Animation Duration",
              "options": [
                {
                  "value": "1s",
                  "label": "1s"
                },
                {
                  "value": "2s",
                  "label": "2s"
                },
                {
                  "value": "3s",
                  "label": "3s"
                }
              ],
              "default": "1s"
            },
            {
              "type": "select",
              "id": "left_animation_delay",
              "label": "Left 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"
          },
          {
              "type": "select",
              "id": "right_animation_name",
              "label": "Right Animation Effect",
              "default": "noeffect",
              "options": [
                {
                  "label": "noeffect",
                  "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": "right_animation_duration",
              "label": "Right Animation Duration",
              "options": [
                {
                  "value": "1s",
                  "label": "1s"
                },
                {
                  "value": "2s",
                  "label": "2s"
                },
                {
                  "value": "3s",
                  "label": "3s"
                }
              ],
              "default": "1s"
            },
            {
              "type": "select",
              "id": "right_animation_delay",
              "label": "Right 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"
          },
          {
              "type": "select",
              "id": "bottom_animation_name",
              "label": "Bottom Animation Effect",
              "default": "noeffect",
              "options": [
                {
                  "label": "noeffect",
                  "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": "bottom_animation_duration",
              "label": "Bottom Animation Duration",
              "options": [
                {
                  "value": "1s",
                  "label": "1s"
                },
                {
                  "value": "2s",
                  "label": "2s"
                },
                {
                  "value": "3s",
                  "label": "3s"
                }
              ],
              "default": "1s"
            },
            {
              "type": "select",
              "id": "bottom_animation_delay",
              "label": "Bottom 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"
          },
		  {
            "type": "color",
            "id": "bg_color",
            "label": "Background Color",
            "default": "#FFFFFF"
          },
          {
            "type": "color",
            "id": "border_top_color",
            "label": "Top Border Color",
            "default": "#FFFFFF"
          },
          {
            "type": "range",
            "id": "border_top_width_size",
            "label": "Top Border Width",
            "min": 0,
            "max": 10,
            "step": 1,
            "unit": "px",
            "default": 0
          },
          {
            "type": "color",
            "id": "border_bottom_color",
            "label": "Bottom Border Color",
            "default": "#FFFFFF"
          },
          {
            "type": "range",
            "id": "bottom_width_size",
            "label": "Bottom Border Width",
            "min": 0,
            "max": 10,
            "step": 1,
            "unit": "px",
            "default": 0
          }

  ],
    "presets": [
      {
        "name": "One Product One Page",
        "category": "Product"
      }
    ]
  }
{% endschema %}
{% javascript %}

{% endjavascript %}
