rebly-sections 1.0.1 → 1.2.0

package/assets/data/component-library/social-links-menu.liquid

@@ -0,0 +1,244 @@
+
+
+
+<div data-section-id="{{ section.id }}"  data-section-type="header-sicial-type" class="header-sicial-type" style="">
+
+
+<ul class="inline-list social-icons">
+  {% if settings.social_twitter_link != blank %}
+    <li>
+      <a class="icon-fallback-text twitt hexagon" target="blank" href="{{ settings.social_twitter_link }}" title="{{ 'layout.footer.twitter' | t: name: shop.name, platform: 'Twitter' }}">
+       
+     
+        <span class="fab fa-twitter" aria-hidden="true"></span>
+       
+      </a>
+    </li>
+  {% endif %}
+  {% if settings.social_facebook_link != blank %}
+    <li>
+      <a class="icon-fallback-text fb hexagon" target="blank" href="{{ settings.social_facebook_link }}" title="{{ 'layout.footer.facebook' | t: name: shop.name, platform: 'Facebook' }}">
+        <span class="fab fa-facebook" aria-hidden="true"></span>
+        <span class="fallback-text">Facebook</span>
+      </a>
+    </li>
+  {% endif %}
+  {% if settings.social_pinterest_link != blank %}
+    <li>
+      <a class="icon-fallback-text pin hexagon" target="blank" href="{{ settings.social_pinterest_link }}" title="{{ 'layout.footer.pinterest' | t: name: shop.name, platform: 'Pinterest' }}">
+        <span class="fab fa-pinterest" aria-hidden="true"></span>
+        <span class="fallback-text">Pinterest</span>
+      </a>
+    </li>
+  {% endif %}
+  {% if settings.social_google_plus_link != blank %}
+    <li>
+      <a class="icon-fallback-text google hexagon" target="blank" href="{{ settings.social_google_plus_link }}" title="{{ 'layout.footer.google' | t: name: shop.name, platform: 'Google Plus' }}" rel="publisher">
+        <span class="fab fa-google-plus-g" aria-hidden="true"></span>
+        <span class="fallback-text">Google</span>
+      </a>
+    </li>
+  {% endif %}
+  {% if settings.social_instagram_link != blank %}
+    <li>
+      <a class="icon-fallback-text ins" target="blank" href="{{ settings.social_instagram_link }}" title="{{ 'layout.footer.instagram' | t: name: shop.name, platform: 'Instagram' }}">
+        <span class="fab fa-instagram" aria-hidden="true"></span>
+        <span class="fallback-text">Instagram</span>
+      </a>
+    </li>
+  {% endif %}
+  {% if settings.social_tumblr_link != blank %}
+    <li>
+      <a class="icon-fallback-text tumblr" target="blank" href="{{ settings.social_tumblr_link }}" title="{{ 'layout.footer.tumblr' | t: name: shop.name, platform: 'Tumblr' }}">
+        <span class="fab fa-tumblr" aria-hidden="true"></span>
+        <span class="fallback-text">Tumblr</span>
+      </a>
+    </li>
+  {% endif %}
+  {% if settings.social_youtube_link != blank %}
+    <li>
+      <a class="icon-fallback-text youtube" target="blank" href="{{ settings.social_youtube_link }}" title="{{ 'layout.footer.youtube' | t: name: shop.name, platform: 'YouTube' }}">
+        <span class="fab fa-youtube" aria-hidden="true"></span>
+        <span class="fallback-text">YouTube</span>
+      </a>
+    </li>
+  {% endif %}
+  {% if settings.social_vimeo_link != blank %}
+    <li>
+      <a class="icon-fallback-text vimeo" target="blank" href="{{ settings.social_vimeo_link }}" title="{{ 'layout.footer.vimeo' | t: name: shop.name, platform: 'Vimeo' }}">
+        <span class="fab fa-vimeo" aria-hidden="true"></span>
+        <span class="fallback-text">Vimeo</span>
+      </a>
+    </li>
+  {% endif %}
+  
+  {% if settings.social_rss_link != blank %}
+    <li>
+      <a class="icon-fallback-text rss" target="blank" href="{{ settings.social_rss_link }}" title="{{ 'layout.footer.RSS' | t: name: shop.name, platform: 'RSS' }}">
+        <span class="fab fa-rss" aria-hidden="true"></span>
+        <span class="fallback-text">RSS</span>
+      </a>
+    </li>
+  {% endif %}
+</ul>
+
+
+
+
+
+</div>
+
+
+
+
+
+
+
+
+
+
+<style>
+
+
+
+
+
+
+
+  .header-type-16 .header-sicial-type li a::after { background: {{section.settings.social_icon_border_clr}};}
+
+  .header-type-16 .header-sicial-type li a {color:{{section.settings.social_icon_clr}};}
+
+  .header-type-16 .header-sicial-type li a:hover {color:{{section.settings.social_hovericon_clr}};}
+  
+  
+  
+  
+  
+  .header-type-16 .header-sicial-type li a.twitt::after { background: {{section.settings.social_1_iconclr}};}
+  
+  .header-type-16 .header-sicial-type li a.fb::after { background: {{section.settings.social_2_iconclr}};}
+  
+  .header-type-16 .header-sicial-type li a.pin::after { background: {{section.settings.social_3_iconclr}};}
+  
+  .header-type-16 .header-sicial-type li a.google:after { background: {{section.settings.social_4_iconclr}};}
+  
+  .header-type-16 .header-sicial-type li a.ins::after { background: {{section.settings.social_5_iconclr}};}
+  
+  .header-type-16 .header-sicial-type li a.tumblr::after { background: {{section.settings.social_6_iconclr}};}
+  
+  .header-type-16 .header-sicial-type li a.youtube::after { background: {{section.settings.social_7_iconclr}};}
+  
+  .header-type-16 .header-sicial-type li a.vimeo::after { background: {{section.settings.social_8_iconclr}};}
+  
+  .header-type-16 .header-sicial-type li a.rss::after { background: {{section.settings.social_9_iconclr}};}
+  
+  
+  
+  
+  
+
+
+
+
+</style>
+
+
+
+
+
+
+
+
+
+
+
+
+{% schema %}
+  {
+    "name": "Social links menu",
+    "settings": [
+
+
+{
+"type": "color",
+"id": "social_icon_border_clr",
+"label": "Social Icon Border Color",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_icon_clr",
+"label": "Social Icon  Color",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_hovericon_clr",
+"label": "Social Icon Hover  Color",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_1_iconclr",
+"label": "Social Icon Color - twitter",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_2_iconclr",
+"label": "Social Icon Color - fb",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_3_iconclr",
+"label": "Social Icon Color - pin",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_4_iconclr",
+"label": "Social Icon Color - google",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_5_iconclr",
+"label": "Social Icon Color - ins",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_6_iconclr",
+"label": "Social Icon Color - tumblr",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_7_iconclr",
+"label": "Social Icon Color - youtube",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_8_iconclr",
+"label": "Social Icon Color - vimeo",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "social_9_iconclr",
+"label": "Social Icon Color - rss",
+"default": "#35b8f4"
+}
+
+]
+  }
+{% endschema %}
+
+{% stylesheet %}
+{% endstylesheet %}
+
+{% javascript %}
+{% endjavascript %}

package/assets/data/component-library/someone-purchased.liquid

@@ -0,0 +1,190 @@
+{% if section.settings.display_someone-purchased and section.blocks.size > 0 %}
+<section class="product-notification" data-time="{{ section.settings.someone_speed }}">
+    <a href="javascript:void(0)" title="Close" class="close close-notifi">
+      <i class="fas fa-times"></i>
+    </a>
+
+    <div class="product-suggest">
+        <a class="product-image" href="">
+            <img src="" alt="">
+        </a>
+        <div class="column-right">
+            <label>
+                {{ section.settings.text }}
+            </label>
+            <a class="product-name" href=""></a>
+            <div class="info-ago">
+                <div class="time-ago"></div>           
+                <div class="from-ago"></div>
+            </div>
+        </div>
+    </div>
+    <div class="hide">
+        {% for block in section.blocks %}    
+        {%- assign product = all_products[block.settings.product] -%}
+        <div class="data-product" data-id="{{block.id}}" data-image="{{product.featured_image.src | product_img_url: 'compact' }}" data-url="{{ product.url | within: collection }}" data-title="{{ product.title | truncatewords: 5}}" data-alt="{{ product.title }}" data-local="{{block.settings.from_ago}}" data-time="{{block.settings.time_ago}}"></div>            
+        {% endfor %}
+    </div>
+</section>
+{% endif %}
+
+<style>
+@media (min-width: 1200px) {
+    .product-notification{
+        {% if section.settings.show_someone-purchased == 'right' %}
+        right: 15px;
+        {% else %}
+        left: 15px;
+        {% endif %}
+    }
+} 
+</style>
+
+
+{% schema %}
+{
+    "name": "Someone Purchased",
+    "max_blocks": 10,
+    "settings": [		
+        {
+            "type" : "checkbox",
+            "id" : "display_someone-purchased",
+            "label" : "Display Someone Purchased",
+            "default" : true
+        },
+        {
+            "type" : "checkbox",
+            "id" : "display_someone-purchased_mb",
+            "label" : "Display Someone Purchased Popup on mobile",
+            "default" : true,
+            "info": "============="
+        },
+        {
+            "type": "radio",
+            "id": "show_someone-purchased",
+            "label": "Someone Purchased Modal on the",
+            "options": [
+                {
+                    "value": "left",
+                    "label": "Left"
+                },
+                {
+                    "value": "right",
+                    "label": "Right"
+                }
+            ],
+            "default": "right",
+            "info": "Only Desktop"
+        },
+        {
+            "type": "select",
+            "id": "someone_speed",
+            "label": "Change slides every",
+            "options": [
+                { "value": "5000", "label": "5 seconds" },
+                { "value": "6000", "label": "6 seconds" },
+                { "value": "7000", "label": "7 seconds" },
+                { "value": "8000", "label": "8 seconds" },
+                { "value": "9000", "label": "9 seconds" },
+                { "value": "10000", "label": "10 seconds" },
+                { "value": "60000", "label": "1 minutes" },
+                { "value": "180000", "label": "3 minutes" }
+            ],
+            "default": "7000"
+        },
+        {
+            "type" : "textarea",
+            "id" : "text",
+            "label" : "Text Someone recently bought", 
+            "default" : "Someone recently bought a"
+        }
+    ],
+    "blocks" : [
+        {
+            "type" : "image",
+            "name" : "Product",
+            "settings":[
+            	{
+            		"type" : "product",
+            		"id" : "product",
+            		"label" :"Select Product"
+            	},
+				{
+                  "type" : "text",
+                  "id" : "from_ago",
+				  "default" : "from Blackburn, UK",
+                  "label" : "Purchase Location"
+                },
+                {
+                  "type" : "text",
+                  "id" : "time_ago",
+				  "default" : "20 minutes ago",
+                  "label" : "Purchase Time"
+                }				
+            ]
+        }
+    ]
+}
+{% endschema %}
+
+
+{% if section.settings.display_someone-purchased and section.blocks.size > 0 %}
+<script type="text/javascript">
+    function SomeonePurchased() {
+        {% unless section.settings.display_someone-purchased_mb %}
+        if(window.innerWidth > 767 ){
+        {% endunless %}
+            if ($.cookie('pr_notification') == 'closed') {
+                $('.product-notification').remove();
+            }
+
+            $('.close-notifi').bind('click',function(){
+                $('.product-notification').remove();
+                $.cookie('pr_notification', 'closed', {expires:1, path:'/'});
+            });  
+
+            function toggleSomething() {
+                if($('.product-notification').hasClass('active')){
+                    $('.product-notification').removeClass('active')
+                }else {     
+                    var number=$('.data-product').length,
+                        i = Math.floor(Math.random() * number),         
+                        images = $('.product-notification .data-product:eq('+i+')').data('image'),
+                        title = $('.product-notification .data-product:eq('+i+')').data('title'),
+                        url = $('.product-notification .data-product:eq('+i+')').data('url'),
+                        local =  $('.product-notification .data-product:eq('+i+')').data('local'),
+                        times =$('.product-notification .data-product:eq('+i+')').data('time');
+
+                    $('.product-notification').addClass('active');
+                    $('.product-notification .product-image').find('img').attr('src', images );
+                    $('.product-notification .product-name').text(title).attr('href', url );
+                    $('.product-notification .product-image').attr('href', url );
+                    $('.product-notification .time-ago').text(times);
+                    $('.product-notification .from-ago').text(local);
+                }
+            }
+
+            var time = $('.product-notification').data('time');
+            var timer = setInterval(toggleSomething, time);
+
+        {% unless section.settings.display_someone-purchased_mb %}
+        }
+        {% endunless %}
+    }
+
+    SomeonePurchased();
+    $(document)
+        .on( 'shopify:section:load', SomeonePurchased )
+        .on( 'shopify:section:unload', SomeonePurchased)
+</script>
+{% endif %}
+
+{% unless section.settings.display_someone-purchased_mb %}
+<style>
+    @media (max-width: 767px) {
+        .product-notification {
+            display:none;
+        }
+    }
+</style>
+{% endunless %}