rebly-sections 1.0.1 → 1.2.0

package/assets/data/component-library/home-grid-banner-type-4.liquid

@@ -0,0 +1,900 @@
+{% assign full = section.settings.full %}
+{% assign margin = section.settings.margin | split: ',' %}
+{% assign top = margin[0] %}
+{% assign bottom = margin[1] %}    
+
+<div class="{% if section.settings.full %} container-fluid {% else %}container{% endif %}">  
+  <div class="grid-banner-type-4" style="margin-top:{{top}}px; margin-bottom:{{bottom}}px;"> 
+    <div class="dt-sc-hr-invisible-large"></div>
+
+    {% if section.settings.title != blank or section.settings.small_title != blank  %}
+    <div class="section-header section-header--small full-position-{{section.settings.content_position}}">
+      <div class="border-title">
+        {% if section.settings.title != blank %}
+        <h2 class="section-header__title" style="color:{{ section.settings.title_clr }};">    
+          {{ section.settings.title }}
+        </h2>
+        {% endif %}  
+        {% if section.settings.small_title != blank %}
+        <div class="short-desc"><p style="color:{{ section.settings.text_clr }};">{{ section.settings.small_title }}</p></div>
+        {% endif %}                
+      </div>
+    </div>      
+    {% endif %}
+
+    <div class="grid-uniform featuredItems">  
+      <div class="grid__item wide--one-quarter post-large--one-quarter large--one-quarter medium--grid__item">
+        <div class="middle-top">
+          <div class="overlay {{ section.settings.overlay_type1 }}">
+            <div class="featured-image">
+              {% if section.settings.link_1 != blank %}<a class="banner_half_img" href="{{ section.settings.link_1 }}">{% endif%}
+              {% if section.settings.image_1 != blank %}
+              <img src="{{ section.settings.image_1 | img_url: '1000X' }}" alt="{{ section.settings.title_1 }}" />
+              {% if section.settings.use_overlay %}
+              <div class="ovrly"></div>
+              {% endif%}
+              {% else %}
+              <img src="//via.placeholder.com/600x500">
+              {% endif%}           
+              {% if section.settings.link_1 != blank %}  </a>
+              {% endif%}
+            </div>
+            <div class="featured-content featured-content-{{section.type}}-{{section.id}} imageText_position {{ section.settings.image_text_position_1 }}">       
+              <div class="content-info" style="background:{{ section.settings.content_bg_1}}">
+                {% if section.settings.text_1 != blank %}
+                <h5 style="color:{{ section.settings.text_1_clr }};">{{ section.settings.text_1}}</h5>    
+                {% endif %}
+                {% if section.settings.title_1 != blank %}
+                <h2 style="color:{{ section.settings.title_1_clr }};">{{ section.settings.title_1 }}</h2>
+                {% endif %}                
+                {% if section.settings.additional_text_1 != blank %}
+                <p class="additional-text" style="color:{{ section.settings.additional_text_1_clr }};">{{ section.settings.additional_text_1 }}</p>
+                {% endif %}
+              </div>
+              {% if section.settings.button_1 != blank %}
+              <a class="link link1" href="{{ section.settings.link_1 }}" style="color:{{ section.settings.button_1_txt}};">{{ section.settings.button_1}}</a>    
+              {% endif %}         
+            </div>            
+          </div>
+        </div>
+
+        <div class="middle-bottom">
+          <div class="overlay {{ section.settings.overlay_type1 }}">
+            <div class="featured-image">
+              {% if section.settings.link_2 != blank %}<a class="banner_half_img" href="{{ section.settings.link_2 }}">{% endif%}
+              {% if section.settings.image_2 != blank %}
+              <img src="{{ section.settings.image_2 | img_url: '1000X' }}" alt="{{ section.settings.title_2 }}" />
+              {% if section.settings.use_overlay %}
+              <div class="ovrly"></div>
+              {% endif%}
+              {% else %}
+              <img src="//via.placeholder.com/600x500">
+              {% endif%}           
+              {% if section.settings.link_2 != blank %}  </a>
+              {% endif%}
+            </div>
+            <div class="featured-content featured-content-{{section.type}}-{{section.id}} imageText_position {{ section.settings.image_text_position_2 }}">       
+              <div class="content-info" style="background:{{ section.settings.content_bg_2}}">
+                {% if section.settings.text_2 != blank %}
+                <h5 style="color:{{ section.settings.text_2_clr }};">{{ section.settings.text_2}}</h5>    
+                {% endif %}
+                {% if section.settings.title_2 != blank %}
+                <h2 style="color:{{ section.settings.title_2_clr }};">{{ section.settings.title_2 }}</h2>
+                {% endif %}                
+                {% if block.settings.additional_text_2 != blank %}
+                <p class="additional-text" style="color:{{ section.settings.additional_text_2_clr }};">{{ section.settings.additional_text_2 }}</p>
+                {% endif %}
+              </div>
+              {% if section.settings.button_2 != blank %}
+              <a class="link link2" href="{{ section.settings.link_2 }}" style="color:{{ section.settings.button_2_txt}};">{{ section.settings.button_2}}</a>    
+              {% endif %}         
+            </div>            
+          </div>
+        </div>
+      </div> 
+
+      <div class="grid__item wide--one-half post-large--one-half large--one-half medium--grid__item">
+        <div class="middle-center">
+          <div class="overlay {{ section.settings.overlay_type1 }}">
+            <div class="featured-image">
+              {% if section.settings.link_3 != blank %}<a class="banner_half_img" href="{{ section.settings.link_3 }}">{% endif%}
+              {% if section.settings.image_3 != blank %}
+              <img src="{{ section.settings.image_3 | img_url: '1000X' }}" alt="{{ section.settings.title_3 }}" />
+              {% if section.settings.use_overlay %}
+              <div class="ovrly"></div>
+              {% endif%}
+              {% else %}
+              <img src="//via.placeholder.com/600x500">
+              {% endif%}           
+              {% if section.settings.link_3 != blank %}  </a>
+              {% endif%}
+            </div>
+            <div class="featured-content featured-content-{{section.type}}-{{section.id}} imageText_position {{ section.settings.image_text_position_3 }}">       
+              <div class="content-info" style="background:{{ section.settings.content_bg_3}}">
+                {% if section.settings.text_3 != blank %}
+                <h5 style="color:{{ section.settings.text_3_clr }};">{{ section.settings.text_3}}</h5>    
+                {% endif %}
+                {% if section.settings.title_3 != blank %}
+                <h2 style="color:{{ section.settings.title_3_clr }};">{{ section.settings.title_3 }}</h2>
+                {% endif %}                
+                {% if section.settings.additional_text_3 != blank %}
+                <p class="additional-text" style="color:{{ section.settings.additional_text_3_clr }};">{{ section.settings.additional_text_3 }}</p>
+                {% endif %}
+              </div>
+              {% if section.settings.button_3 != blank %}
+              <a class="link link3" href="{{ section.settings.link_3 }}" style="color:{{ section.settings.button_3_txt}};">{{ section.settings.button_3}}</a>    
+              {% endif %}         
+            </div>            
+          </div>
+        </div>
+      </div>       
+
+      <div class="grid__item wide--one-quarter post-large--one-quarter large--one-quarter medium--grid__item">
+        <div class="middle-top">
+          <div class="overlay {{ section.settings.overlay_type1 }}">
+            <div class="featured-image">
+              {% if section.settings.link_4 != blank %}<a class="banner_half_img" href="{{ section.settings.link_4 }}">{% endif%}
+              {% if section.settings.image_4 != blank %}
+              <img src="{{ section.settings.image_4 | img_url: '1000X' }}" alt="{{ section.settings.title_4 }}" />
+              {% if section.settings.use_overlay %}
+              <div class="ovrly"></div>
+              {% endif%}
+              {% else %}
+              <img src="//via.placeholder.com/600x500">
+              {% endif%}           
+              {% if section.settings.link_4 != blank %}  </a>
+              {% endif%}
+            </div>
+            <div class="featured-content featured-content-{{section.type}}-{{section.id}} imageText_position {{ section.settings.image_text_position_4 }}">       
+              <div class="content-info" style="background:{{ section.settings.content_bg_4}}">
+                {% if section.settings.text_4 != blank %}
+                <h5 style="color:{{ section.settings.text_4_clr }};">{{ section.settings.text_4}}</h5>    
+                {% endif %}
+                {% if section.settings.title_4 != blank %}
+                <h2 style="color:{{ section.settings.title_4_clr }};">{{ section.settings.title_4 }}</h2>
+                {% endif %}                
+                {% if section.settings.additional_text_4 != blank %}
+                <p class="additional-text" style="color:{{ section.settings.additional_text_4_clr }};">{{ section.settings.additional_text_4 }}</p>
+                {% endif %}
+              </div>
+              {% if section.settings.button_4 != blank %}
+              <a class="link link4" href="{{ section.settings.link_4 }}" style="color:{{ section.settings.button_4_txt}};">{{ section.settings.button_4}}</a>    
+              {% endif %}         
+            </div>            
+          </div>
+        </div>
+
+        <div class="middle-bottom">
+          <div class="overlay {{ section.settings.overlay_type1 }}">
+            <div class="featured-image">
+              {% if section.settings.link_5 != blank %}<a class="banner_half_img" href="{{ section.settings.link_5 }}">{% endif%}
+              {% if section.settings.image_5 != blank %}
+              <img src="{{ section.settings.image_5 | img_url: '1000X' }}" alt="{{ section.settings.title_5 }}" />
+              {% if section.settings.use_overlay %}
+              <div class="ovrly"></div>
+              {% endif%}
+              {% else %}
+              <img src="//via.placeholder.com/600x500">
+              {% endif%}           
+              {% if section.settings.link_5 != blank %}  </a>
+              {% endif%}
+            </div>
+            <div class="featured-content featured-content-{{section.type}}-{{section.id}} imageText_position {{ section.settings.image_text_position_5 }}">       
+              <div class="content-info" style="background:{{ section.settings.content_bg_5}}">
+                {% if section.settings.text_5 != blank %}
+                <h5 style="color:{{ section.settings.text_5_clr }};">{{ section.settings.text_5}}</h5>    
+                {% endif %}
+                {% if section.settings.title_5 != blank %}
+                <h2 style="color:{{ section.settings.title_5_clr }};">{{ section.settings.title_5 }}</h2>
+                {% endif %}                
+                {% if section.settings.additional_text_5 != blank %}
+                <p class="additional-text" style="color:{{ section.settings.additional_text_5_clr }};">{{ section.settings.additional_text_5 }}</p>
+                {% endif %}
+              </div>
+              {% if section.settings.button_5 != blank %}
+              <a class="link link5" href="{{ section.settings.link_5 }}" style="color:{{ section.settings.button_5_txt}};">{{ section.settings.button_5}}</a>    
+              {% endif %}         
+            </div>            
+          </div>
+        </div>
+      </div> 
+    </div>   
+    <div class="dt-sc-hr-invisible-medium"></div>
+  </div>  
+</div>
+
+<style>
+
+  #shopify-section-{{section.id}}.home-grid-banner .overlay.style_1 .ovrly, 
+  #shopify-section-{{section.id}}.home-grid-banner .overlay.style_2 .ovrly:before, 
+  #shopify-section-{{section.id}}.home-grid-banner .overlay.style_2 .ovrly:after,
+  #shopify-section-{{section.id}}.home-grid-banner .overlay.style_3 .ovrly,
+  #shopify-section-{{section.id}}.home-grid-banner .overlay.style_4 .ovrly,
+  #shopify-section-{{section.id}}.home-grid-banner .overlay.style_6 .ovrly,
+  #shopify-section-{{section.id}}.home-grid-banner .overlay.style_7 .ovrly { background:{{ section.settings.overlay_1 }}; }
+         
+  #shopify-section-{{section.id}}.home-grid-banner .featured-content-{{section.type}}-{{section.id}} .link1:hover { color:{{ section.settings.hover_button_1_txt }} !important; }
+  #shopify-section-{{section.id}}.home-grid-banner .featured-content-{{section.type}}-{{section.id}} .link2:hover { color:{{ section.settings.hover_button_2_txt }} !important; }
+  #shopify-section-{{section.id}}.home-grid-banner .featured-content-{{section.type}}-{{section.id}} .link3:hover { color:{{ section.settings.hover_button_3_txt }} !important; }
+  #shopify-section-{{section.id}}.home-grid-banner .featured-content-{{section.type}}-{{section.id}} .link4:hover { color:{{ section.settings.hover_button_4_txt }} !important; }
+  #shopify-section-{{section.id}}.home-grid-banner .featured-content-{{section.type}}-{{section.id}} .link5:hover { color:{{ section.settings.hover_button_5_txt }} !important; }
+      
+</style>
+
+
+{% schema %}
+{
+"name": "Grid Banner Type 4",
+"class": "index-section home-grid-banner",
+"settings": [  
+{
+"type": "checkbox",
+"id": "full",
+"label": "Show Full width"
+},
+{
+"type": "text",
+"id": "margin",
+"label": "Style value (Margin)",
+"default":"0,0",
+"info":"Top(px),Bottom(px)"
+},
+{
+"type": "text",
+"id": "title",
+"label": "Heading",
+"default": "Grid Banner Type 4"
+},  
+{
+"type": "color",
+"id": "title_clr",
+"label": "Title Color",
+"default":"#000"
+},    
+{
+"type": "text",
+"id": "small_title",
+"label": "Small Heading",
+"default": "Small Heading"
+},  
+{
+"type": "color",
+"id": "text_clr",
+"label": "Text color",
+"default":"#000"
+},
+{
+"type": "select",
+"id": "content_position",
+"label": "Heading Position",
+"options": [
+{
+"value": "default",
+"label": "Full center"
+},
+{
+"value": "full-left",
+"label": "Full left"
+},
+{
+"value": "full-right",
+"label": "Full right"
+}
+]
+},
+{
+"type": "select",
+"id": "overlay_type1",
+"label": "Overlay Style",
+"options": [
+{
+"value": "style_1",
+"label": "Style 1"
+},
+{
+"value": "style_2",
+"label": "Style 2"
+},
+{
+"value": "style_3",
+"label": "Style 3"
+},
+{
+"value": "style_4",
+"label": "Style 4"
+},
+{
+"value": "style_5",
+"label": "Style 5"
+},
+{
+"value": "style_6",
+"label": "Style 6"
+},
+{
+"value": "style_7",
+"label": "Style 7"
+},
+{
+"value": "default",
+"label": "None"
+}
+]
+},
+{
+"type": "checkbox",
+"id": "use_overlay",
+"label": "Overlay"
+
+},
+{
+"type": "color",
+"id": "overlay_1",
+"label": "Overlay",
+"default": "#fff"
+},
+{
+"type": "image_picker",
+"id": "image_1",
+"label": "Image",
+"info": "Size: 600x500"
+},
+{
+"type": "color",
+"id": "content_bg_1",
+"label": "Content Bg color",
+"default": "#fff"
+},
+{
+"type": "text",
+"id": "title_1",
+"label": "Heading",
+"default": "Heading"
+},
+{
+"type": "color",
+"id": "title_1_clr",
+"label": "Heading color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "text_1",
+"label": "Sub Heading",
+"default": "Sub Heading"
+},
+{
+"type": "color",
+"id": "text_1_clr",
+"label": "Sub Heading color",
+"default": "#000"
+},
+{
+"type": "textarea",
+"id": "additional_text_1",
+"label": "Description",
+"default": "Description"
+},
+{
+"type": "color",
+"id": "additional_text_1_clr",
+"label": "Description color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "button_1",
+"label": "Button text",
+"default": "Shop Now"
+},
+{
+"type": "color",
+"id": "button_1_txt",
+"label": "Button text color",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "hover_button_1_txt",
+"label": "Button hover text",
+"default": "#fff"
+},
+{
+"type": "select",
+"id": "image_text_position_1",
+"label": "Image Text Position",
+"options": [
+{
+"value": "imgtxt-top-left",
+"label": "Top Left"
+},
+{
+"value": "imgtxt-top-right",
+"label": "Top Right"
+},
+{
+"value": "imgtxt-middle",
+"label": "Middle"
+},
+{
+"value": "imgtxt-middle-left",
+"label": "Middle Left"
+},
+{
+"value": "imgtxt-middle-right",
+"label": "Middle Right"
+},
+{
+"value": "imgtxt-bottom",
+"label": "Bottom"
+},
+{
+"value": "imgtxt-bottom-left",
+"label": "Bottom Left"
+},
+{
+"value": "imgtxt-bottom-right",
+"label": "Bottom Right"
+}     
+],
+"default": "imgtxt-middle"
+},
+{
+"type": "url",
+"id": "link_1",
+"label": "Link URL"
+},
+{
+"type": "image_picker",
+"id": "image_2",
+"label": "Image",
+"info": "Size: 600x500"
+},
+{
+"type": "color",
+"id": "content_bg_2",
+"label": "Content Bg color",
+"default": "#fff"
+},
+{
+"type": "text",
+"id": "title_2",
+"label": "Heading",
+"default": "Heading"
+},
+{
+"type": "color",
+"id": "title_2_clr",
+"label": "Heading color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "text_2",
+"label": "Sub Heading",
+"default": "Sub Heading"
+},
+{
+"type": "color",
+"id": "text_2_clr",
+"label": "Sub Heading color",
+"default": "#000"
+},
+{
+"type": "textarea",
+"id": "additional_text_2",
+"label": "Description",
+"default": "Description"
+},
+{
+"type": "color",
+"id": "additional_text_2_clr",
+"label": "Description color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "button_2",
+"label": "Button text",
+"default": "Shop Now"
+},
+{
+"type": "color",
+"id": "button_2_txt",
+"label": "Button text color",
+"default": "#fff"
+},
+{
+"type": "color",
+"id": "hover_button_2_txt",
+"label": "Button hover text",
+"default": "#fff"
+},
+{
+"type": "select",
+"id": "image_text_position_2",
+"label": "Image Text Position",
+"options": [
+{
+"value": "imgtxt-top-left",
+"label": "Top Left"
+},
+{
+"value": "imgtxt-top-right",
+"label": "Top Right"
+},
+{
+"value": "imgtxt-middle",
+"label": "Middle"
+},
+{
+"value": "imgtxt-middle-left",
+"label": "Middle Left"
+},
+{
+"value": "imgtxt-middle-right",
+"label": "Middle Right"
+},
+{
+"value": "imgtxt-bottom",
+"label": "Bottom"
+},
+{
+"value": "imgtxt-bottom-left",
+"label": "Bottom Left"
+},
+{
+"value": "imgtxt-bottom-right",
+"label": "Bottom Right"
+}     
+],
+"default": "imgtxt-middle"
+},
+{
+"type": "url",
+"id": "link_2",
+"label": "Link URL"
+},
+{
+"type": "image_picker",
+"id": "image_3",
+"label": "Image",
+"info": "Size: 600x500"
+},
+{
+"type": "color",
+"id": "content_bg_3",
+"label": "Content Bg color",
+"default": "#fff"
+},
+{
+"type": "text",
+"id": "title_3",
+"label": "Heading",
+"default": "Heading"
+},
+{
+"type": "color",
+"id": "title_3_clr",
+"label": "Heading color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "text_3",
+"label": "Sub Heading",
+"default": "Sub Heading"
+},
+{
+"type": "color",
+"id": "text_3_clr",
+"label": "Sub Heading color",
+"default": "#000"
+},
+{
+"type": "textarea",
+"id": "additional_text_3",
+"label": "Description",
+"default": "Description"
+},
+{
+"type": "color",
+"id": "additional_text_3_clr",
+"label": "Description color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "button_3",
+"label": "Button text",
+"default": "Shop Now"
+},
+{
+"type": "color",
+"id": "button_3_txt",
+"label": "Button text color",
+"default": "#fff"
+},
+{
+"type": "color",
+"id": "hover_button_3_txt",
+"label": "Button hover text",
+"default": "#fff"
+},
+{
+"type": "select",
+"id": "image_text_position_3",
+"label": "Image Text Position",
+"options": [
+{
+"value": "imgtxt-top-left",
+"label": "Top Left"
+},
+{
+"value": "imgtxt-top-right",
+"label": "Top Right"
+},
+{
+"value": "imgtxt-middle",
+"label": "Middle"
+},
+{
+"value": "imgtxt-middle-left",
+"label": "Middle Left"
+},
+{
+"value": "imgtxt-middle-right",
+"label": "Middle Right"
+},
+{
+"value": "imgtxt-bottom",
+"label": "Bottom"
+},
+{
+"value": "imgtxt-bottom-left",
+"label": "Bottom Left"
+},
+{
+"value": "imgtxt-bottom-right",
+"label": "Bottom Right"
+}     
+],
+"default": "imgtxt-middle"
+},
+{
+"type": "url",
+"id": "link_3",
+"label": "Link URL"
+},
+{
+"type": "image_picker",
+"id": "image_4",
+"label": "Image",
+"info": "Size: 600x500"
+},
+{
+"type": "color",
+"id": "content_bg_4",
+"label": "Content Bg color",
+"default": "#fff"
+},
+{
+"type": "text",
+"id": "title_4",
+"label": "Heading",
+"default": "Heading"
+},
+{
+"type": "color",
+"id": "title_4_clr",
+"label": "Heading color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "text_4",
+"label": "Sub Heading",
+"default": "Sub Heading"
+},
+{
+"type": "color",
+"id": "text_4_clr",
+"label": "Sub Heading color",
+"default": "#000"
+},
+{
+"type": "textarea",
+"id": "additional_text_4",
+"label": "Description",
+"default": "Description"
+},
+{
+"type": "color",
+"id": "additional_text_4_clr",
+"label": "Description color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "button_4",
+"label": "Button text",
+"default": "Shop Now"
+},
+{
+"type": "color",
+"id": "button_4_txt",
+"label": "Button text color",
+"default": "#fff"
+},
+{
+"type": "color",
+"id": "hover_button_4_txt",
+"label": "Button hover text",
+"default": "#fff"
+},
+{
+"type": "select",
+"id": "image_text_position_4",
+"label": "Image Text Position",
+"options": [
+{
+"value": "imgtxt-top-left",
+"label": "Top Left"
+},
+{
+"value": "imgtxt-top-right",
+"label": "Top Right"
+},
+{
+"value": "imgtxt-middle",
+"label": "Middle"
+},
+{
+"value": "imgtxt-middle-left",
+"label": "Middle Left"
+},
+{
+"value": "imgtxt-middle-right",
+"label": "Middle Right"
+},
+{
+"value": "imgtxt-bottom",
+"label": "Bottom"
+},
+{
+"value": "imgtxt-bottom-left",
+"label": "Bottom Left"
+},
+{
+"value": "imgtxt-bottom-right",
+"label": "Bottom Right"
+}     
+],
+"default": "imgtxt-middle"
+},
+{
+"type": "url",
+"id": "link_4",
+"label": "Link URL"
+},
+{
+"type": "image_picker",
+"id": "image_5",
+"label": "Image",
+"info": "Size: 600x500"
+},
+{
+"type": "color",
+"id": "content_bg_5",
+"label": "Content Bg color",
+"default": "#fff"
+},
+{
+"type": "text",
+"id": "title_5",
+"label": "Heading",
+"default": "Heading"
+},
+{
+"type": "color",
+"id": "title_5_clr",
+"label": "Heading color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "text_5",
+"label": "Sub Heading",
+"default": "Sub Heading"
+},
+{
+"type": "color",
+"id": "text_5_clr",
+"label": "Sub Heading color",
+"default": "#000"
+},
+{
+"type": "textarea",
+"id": "additional_text_5",
+"label": "Description",
+"default": "Description"
+},
+{
+"type": "color",
+"id": "additional_text_5_clr",
+"label": "Description color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "button_5",
+"label": "Button text",
+"default": "Shop Now"
+},
+{
+"type": "color",
+"id": "button_5_txt",
+"label": "Button text color",
+"default": "#fff"
+},
+{
+"type": "color",
+"id": "hover_button_5_txt",
+"label": "Button hover text",
+"default": "#fff"
+},
+{
+"type": "select",
+"id": "image_text_position_5",
+"label": "Image Text Position",
+"options": [
+{
+"value": "imgtxt-top-left",
+"label": "Top Left"
+},
+{
+"value": "imgtxt-top-right",
+"label": "Top Right"
+},
+{
+"value": "imgtxt-middle",
+"label": "Middle"
+},
+{
+"value": "imgtxt-middle-left",
+"label": "Middle Left"
+},
+{
+"value": "imgtxt-middle-right",
+"label": "Middle Right"
+},
+{
+"value": "imgtxt-bottom",
+"label": "Bottom"
+},
+{
+"value": "imgtxt-bottom-left",
+"label": "Bottom Left"
+},
+{
+"value": "imgtxt-bottom-right",
+"label": "Bottom Right"
+}     
+],
+"default": "imgtxt-middle"
+},
+{
+"type": "url",
+"id": "link_5",
+"label": "Link URL"
+}
+],
+"presets": [
+{
+"name": "Grid Banner Type 4",
+"category": "Block Images",
+"blocks": []
+}
+]
+}
+{% endschema %}