rebly-sections 1.0.1 → 1.2.0

package/assets/data/component-library/contact.liquid

@@ -0,0 +1,256 @@
+{% if section.settings.enable_gmap %}
+<div id="map">{{ section.settings.contact_iframe_code }} </div>
+{% endif %}
+
+{% if section.settings.enable_contact_section %}        
+<div class="contact-address">  
+  <div class="dt-sc-hr-invisible-large"></div>
+  <div class="grid__item  wide--one-third post-large--one-third large--one-third">
+    {% if section.settings.enable_contact_address %}
+    <ul>
+      <li class="grid__item">
+        <div class="icon-wrapper">
+          <div class="icon">
+            <i class="{{section.settings.contact_icon_1}}"></i> 
+          </div>
+          {% if section.settings.contact_phone %} 
+          <h4>{{ section.settings.contact_module_contact_phonetitle }}</h4>
+          <p>  {{ section.settings.contact_phone1 }} <br>{{ section.settings.contact_phone2 }}</p><mark></mark> 
+          {% endif %}
+        </div>
+      </li>
+      <li class="grid__item">
+        <div class="icon-wrapper">
+          {% if section.settings.contact_module_email %}
+          <div class="icon">
+            <i class="{{section.settings.contact_icon_2}}"></i>
+          </div>
+          <h4>{{ section.settings.contact_module_contact_title }}</h4>
+          <p> 
+            <a title="" href="">{{ section.settings.contact_module_email_1 }}</a><br><a title="" href="">{{ section.settings.contact_module_email2 }}</a>
+          </p> 
+          {% endif %}
+        </div>
+      </li>
+      {% if section.settings.contact_module_address %} 
+      <li class="address grid__item"> 
+        <div class="icon-wrapper">
+          <div class="icon">
+            <i class="{{section.settings.contact_icon_3}}"></i>
+          </div> 
+          <h4>{{ section.settings.contact_module_address_title }}</h4>
+          <p> {{ section.settings.contact_module_address1 }}<br /> {{ section.settings.contact_module_address2 }}<br />{{ section.settings.postcode }}</p><mark></mark> 
+        </div>
+      </li>
+      {% endif %}
+    </ul>
+    {% endif %}
+  </div>
+
+  <div class="grid__item   wide--two-thirds post-large--two-thirds large--two-thirds">
+    <div class="contact-form-section">
+      <h3> {{ section.settings.contact_form_title }} </h3>
+      {% form 'contact' %}
+      {% if form.posted_successfully? %}
+      <p class="note form-success">
+        {{ 'contact.form.post_success' | t }}
+      </p>
+      {% endif %}
+      {{ form.errors | default_errors }}
+      {% assign name_attr = 'contact.form.name' | t | handle %}
+      <label for="ContactFormName" class="label--hidden">{{ 'contact.form.name' | t }}</label>
+      <input type="text" id="ContactFormName" name="contact[{{ name_attr }}]" placeholder="{{ 'contact.form.name' | t }}" autocapitalize="words" value="{% if form[name_attr] %}{{ form[name_attr] }}{% elsif customer %}{{ customer.name }}{% endif %}">
+      <label for="ContactFormEmail" class="label--hidden">{{ 'contact.form.email' | t }}</label>
+      <input type="email" id="ContactFormEmail" name="contact[email]" placeholder="{{ 'contact.form.email' | t }}" autocorrect="off" autocapitalize="off" value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}">
+      {% assign name_attr = 'contact.form.sub' | t | handle %}
+      <label for="ContactFormSub" class="label--hidden">{{ 'contact.form.phone' | t }}</label>
+      <input type="text" id="ContactFormSub" name="contact[{{ name_attr }}]" placeholder="{{ 'contact.form.sub' | t }}" autocapitalize="words" value="{% if form[name_attr] %}{{ form[name_attr] }}{% elsif customer %}{{ customer.subject }}{% endif %}">
+      <label for="ContactFormMessage" class="label--hidden">{{ 'contact.form.message' | t }}</label>
+      <textarea rows="7" id="ContactFormMessage" name="contact[body]" placeholder="{{ 'contact.form.message' | t }}">{% if form.body %}{{ form.body }}{% endif %}</textarea>
+      <button type="submit" class="btn">{{ 'contact.form.send' | t }}</button>
+      {% endform %}
+    </div>
+  </div>
+
+</div>
+
+<style>
+
+  .contact-address .icon { background: {{ section.settings.contacticon_bg_color}}; border-radius:50%;display: inline-block;font-size: 20px;height: 50px;line-height: 50px;margin-bottom: 25px;position: relative;text-align: center;width: 50px;color:{{ section.settings.contacticon_color}};}
+  .contact-address .icon-wrapper:hover .icon { background: {{ section.settings.contacticon_hoverbg_color}};color:{{ section.settings.contacticonhover_color}}; }
+  .contact-address .icon-wrapper:hover h4 { color: {{ section.settings.contacticon_hoverbg_color}}; }
+  .contact-address { float:left;width:100%;{% if section.settings.contact_bg_img != blank %} background:url({{ section.settings.contact_bg_img | img_url:'master' }}) no-repeat;{% endif %} }
+  .contact-form-section .contact-form {background:{{ section.settings.contact_bg_color }}; }
+  .contact-address .social-icons li a:hover { background:{{ section.settings.color_primary_color }};border-color:{{ section.settings.color_primary_color }};}
+  .contact-address .icon-wrapper{ float:left;width:100%; }
+  .contact-address h4 { font-size: 18px;text-transform:uppercase;letter-spacing:1px;color:{{section.settings.icontactheading_color}}; }
+
+</style>
+
+{% endif %}
+
+{% schema %}
+{
+"name": "Contact block",
+"settings": [
+
+{
+"type": "checkbox",
+"id": "enable_gmap",
+"label": "Enable Contact Map?"
+},
+{
+"type": "textarea",
+"id": "contact_iframe_code",
+"label": "Map Code[iframe]",
+"info": "[Where do I find googlemap action URL?](https:\/\/support.google.com\/maps\/answer\/3544418?hl=en)"
+},
+{
+"type": "checkbox",
+"id": "enable_contact_section",
+"label": "Enable Contact Section"
+},
+{
+"type": "checkbox",
+"id": "contact_bg_img_use",
+"label": "Enable Contact Bg Image"
+},
+{
+"type": "image_picker",
+"id": "contact_bg_img",
+"label": "Contact Bg"
+},
+{
+"type": "color",
+"id": "contact_bg_color",
+"label": "Contact Bg Color",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "icontactheading_color",
+"label": "Contact Icon Heading Color",
+"default": "#17313e"
+},
+{
+"type": "color",
+"id": "contacticon_bg_color",
+"label": "Icon Bg Color",
+"default": "#17313e"
+},
+{
+"type": "color",
+"id": "contacticon_color",
+"label": "Contact Icon Color",
+"default": "#17313e"
+},
+{
+"type": "color",
+"id": "contacticon_hoverbg_color",
+"label": "Icon Hover Bg Color",
+"default": "#e05941"
+},
+{
+"type": "color",
+"id": "contacticonhover_color",
+"label": "Contact Icon Hover Color",
+"default": "#ffffff"
+},
+{
+"type": "color",
+"id": "contactborder_color",
+"label": "Contact Border Color",
+"default": "#17313e"
+},
+
+{
+"type": "checkbox",
+"id": "contact_phone",
+"label": "Enable Phone"
+},
+{
+"type": "text",
+"id": "contact_module_contact_phonetitle",
+"label": "Title"
+},
+{
+"type": "text",
+"id": "contact_icon_1",
+"label": "Icon Class"
+},
+{
+"type": "text",
+"id": "contact_phone1",
+"label": "Phone"
+},
+{
+"type": "text",
+"id": "contact_phone2",
+"label": "Phone"
+},
+
+{
+"type": "checkbox",
+"id": "contact_module_email",
+"label": "Enable Email"
+},
+{
+"type": "text",
+"id": "contact_module_contact_title",
+"label": "Title"
+},
+{
+"type": "text",
+"id": "contact_icon_2",
+"label": "Icon Class"
+},
+{
+"type": "text",
+"id": "contact_module_email_1",
+"label": "Email"
+},
+{
+"type": "text",
+"id": "contact_module_email2",
+"label": "Email"
+},
+{
+"type": "checkbox",
+"id": "enable_contact_address",
+"label": "Enable Contact Address?"
+},
+{
+"type": "text",
+"id": "contact_icon_3",
+"label": "Icon Class"
+},
+{
+"type": "checkbox",
+"id": "contact_module_address",
+"label": "Enable Address"
+},
+{
+"type": "text",
+"id": "contact_module_address_title",
+"label": "Title"
+},
+{
+"type": "textarea",
+"id": "contact_module_address1",
+"label": "Address"
+},
+{
+"type": "textarea",
+"id": "contact_module_address2",
+"label": "Address"
+},
+{
+"type": "text",
+"id": "contact_form_title",
+"label": "Form Title",
+"default":"Contact Form"
+}
+
+]
+}
+{% endschema %}

package/assets/data/component-library/copyright_payment.liquid

@@ -0,0 +1,95 @@
+
+{% if section.settings.copyright != blank or section.settings.payment_enable %}
+<div class="footer-bottom">
+  <div class="page-width">
+    <div class="row">
+      {% if section.settings.copyright != blank %}
+      <div class="footer-left {% if section.settings.payment_enable %}col-lg-6 col-md-12 col-sm-12{% else %}col-lg-12 col-md-12 col-sm-12 center{% endif %}">
+        <div class="footer__copyright">
+          {{ section.settings.copyright }}
+        </div>
+      </div>
+      {% endif %}
+
+      {% if section.settings.payment_enable %} 
+      <div class="footer-right {% if section.settings.copyright != blank %}col-lg-6 col-md-12 col-sm-12{% else %}col-lg-12 col-md-12 col-sm-12 center{% endif %}">
+        <div class="payment-icons">
+          <ul class="list list-payment" role="list">
+            {% if section.settings.fakepayment_enable %} 
+            {% assign enabled_payment_types = 'apple_pay,google_pay,visa,master,discover' | remove: ' ' | split: ',' %}
+            {% else %}
+            {% assign enabled_payment_types = shop.enabled_payment_types %}
+            {% endif %}
+            {%- for type in enabled_payment_types -%}
+            <li class="list-payment__item">
+              {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
+            </li>
+            {%- endfor -%}
+
+            {% if section.blocks.size > 0 %}
+            {% for block in section.blocks %}
+            {% if block.settings.image != blank %}
+            <li class="list-payment__item">
+              <img class="logo-bar__image lazyload"
+                   data-src="{{ block.settings.image | img_url: '44x33', scale: 2}}"
+                   alt="Payment Logo">
+            </li>
+            {% endif %}
+            {% endfor %}
+            {% endif %}
+          </ul>
+        </div>
+      </div>
+      {% endif %}
+    </div>
+  </div>
+</div>
+{% endif %}
+
+{% schema %}
+  {
+    "name": "Copyright and Payment",
+    "settings": [
+      {
+        "type": "header",
+        "content": "Copyright setting"
+      },
+      {
+        "type": "text",
+        "id": "copyright",
+        "label": "Copyright Text",
+        "default": "© 2022, Aveda Sectioned Shopify Theme"
+      },
+      {
+        "type": "header",
+        "content": "Payment setting"
+      },
+      {
+        "type": "checkbox",
+        "id": "payment_enable",
+        "label": "Show Payment Icon",
+        "default": true
+      },
+      {
+        "type": "checkbox",
+        "id": "fakepayment_enable",
+        "label": "Show Fake Payment Icon",
+        "default": true
+      }
+    ],
+    "blocks": [
+      {
+        "type": "logo_image",
+        "name": "Payment Logo",
+        "settings": [
+          {
+            "type": "image_picker",
+            "id": "image",
+            "label": "Payment Logo Image",
+            "info": "Size: 44px X 33px"
+          }
+        ]
+      }
+    ]
+  }
+{% endschema %}