jekyll-theme-marketing 0.5.0 → 1.0.0

data/_includes/components/nav-tabs/product-nav-tab.html

@@ -0,0 +1,48 @@
+<hr>
+<nav>
+  <div class="nav nav-pills nav-justified flex-column flex-sm-row" role="tablist">
+    {% for tab in include.tabs %}
+
+      {% if forloop.first == true %}
+        {% assign tab_class = 'active' %}
+      {% elsif tab.name == 'special-offers' and site.original or site.special-offers.customers == false %}
+        {% assign tab_class = 'd-none' %}
+      {% else %}
+        {% assign tab_class = '' %}
+      {% endif %}
+
+      {% if site.links.videos[tab.name].disabled == null %}
+        {% capture tab_id %}
+          {{ tab.name | downcase | replace: ' ', '-' }}
+        {% endcapture %}
+
+        <a class="nav-item nav-link {{ tab_class }}" data-toggle="tab" href="#{{ tab_id | strip }}" role="tab" aria-controls="{{ tab_id | strip }}" aria-selected="{{ forloop.first }}">
+          {{ site.data.i18n.common.product-layout[site.lang][tab.name] | default: tab.name }}
+        </a>
+      {% endif %}
+    {% endfor %}
+  </div>
+</nav>
+<hr>
+
+<div class="tab-content">
+  {% for tab in include.tabs %}
+
+    {% if forloop.first == true %}
+      {% assign tab_class = 'show active' %}
+    {% else %}
+      {% assign tab_class = '' %}
+    {% endif %}
+
+    {% capture tab_id %}
+      {{ tab.name | downcase | replace: ' ', '-' }}
+    {% endcapture %}
+
+    <div class="tab-pane fade {{ tab_class }}" id="{{ tab_id | strip }}" role="tabpanel" aria-labelledby="{{ tab_id | strip | append: '-tab' }}">
+      <div class="container">
+        {% include {{ tab.component | prepend: 'components/' | append: '.html' }} params=tab.params %}
+      </div>
+    </div>
+
+  {% endfor %}
+</div>

data/_includes/components/nav-tabs/product-nav-tab.js

@@ -0,0 +1,38 @@
+<script type="text/javascript">
+  jQuery(document).ready(function(){
+    // Javascript to enable link to tab
+    var url = document.location.toString();
+    if (url.match('#')) {
+        $('.nav-pills a[href="#' + url.split('#')[1] + '"]').tab('show');
+    }
+
+    // If this snippet is activated it will go down to the clicked tab and,
+    // on a page refresh... it will remember the active tab.
+    //
+    // $('.nav-tabs a').on('shown.bs.tab', function (e) {
+    //     window.location.hash = e.target.hash;
+    // })
+
+    // TODO: This snippet is to fix the offset of the header-wrapper when scrolling to an active tab,
+    // but it is based on a landing page (one page website), we need to fix this and make it functional for a nab-tab page
+    //
+    // $('a[href*=#]:not([href=#])').click(function() {
+    //   if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
+    //       || location.hostname == this.hostname) {
+    //
+    //     var target = $(this.hash),
+    //     headerHeight = $(".header-wrapper").height() + 5; // Get fixed header height
+    //     target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+    //
+    //     if (target.length) {
+    //       console.log(target.offset().top - headerHeight);
+    //       $('html,body').animate({
+    //         scrollTop: target.offset().top - headerHeight
+    //       }, 500);
+    //       return false;
+    //     }
+    //   }
+    // });
+
+  });
+</script>

data/_includes/components/navbars/bootstrap.html

@@ -0,0 +1,16 @@
+<nav class="navbar navbar-expand-lg d-lg-none" data-component="navbars/bootstrap">
+
+  <button class="navbar-toggler mr-sm-4" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <i class="fas fa-bars mr-sm-5" data-fa-transform="down-1"></i>
+  </button>
+
+  {% include components/logos/progressive.html class="navbar-brand my-1" %} <!-- end navbar-brand -->
+  {% include components/icons/bootstrap.html %} <!-- end icons -->
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      {% include components/navbars/common.liquid component="nav-items/bootstrap" %}
+    </ul>
+  </div>
+
+</nav>

data/_includes/components/navbars/common.liquid

@@ -0,0 +1,14 @@
+{% assign sorted-menus = site.data.menus | sort %}
+{% for menu-types in sorted-menus %}
+  {% for menu in menu-types[1] %}
+    {% if menu-types[0] == 'common' or menu-types[0] == 'customers' and site.original == false %}
+      {% for collection-type in site.defaults %}
+        {% if collection-type.scope.type == menu.collection %}
+          {% if collection-type.values.published == true -%}
+            {% include {{ include.component | prepend: 'components/' | append: '.html' }} %}
+          {% endif -%}
+        {% endif %}
+      {% endfor %}
+    {% endif %}
+  {% endfor %}
+{% endfor %}

data/_includes/components/navbars/progressive.html

@@ -0,0 +1,33 @@
+<div class="container-fluid d-none d-lg-block" data-component="navbars/progressive">
+  <div class="row mx-xl-4">
+
+    <div class="col-xs-6 col-md-3 logo-box"> <!-- start logo-box -->
+      {% include components/logos/progressive.html class="logo" %}
+    </div> <!-- end logo-box -->
+
+    <div class="col-xs-6 col-md-9 right-box"> <!-- start menu -->
+      <div class="right-box-wrapper">
+        {% include components/icons/progressive.html %}
+        <div class="primary">
+          <div class="navbar navbar-default navbar-expand-md" role="navigation">
+            <button type="button" class="navbar-toggler btn-navbar collapsed" data-toggle="collapse" data-target=".primary .navbar-collapse" aria-controls=".primary .navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
+              <i class="fas fa-bars fa-lg" data-fa-transform="grow-2 left-4"></i>
+              <span class="navbar-toggler-icon">Menu</span>
+            </button>
+            <nav class="collapse collapsing navbar-collapse">
+              <ul class="nav navbar-nav navbar-center">
+                {% include components/navbars/common.liquid component="megamenu/progressive" %}
+              </ul>
+            </nav>
+          </div>
+        </div>
+      </div>
+    </div> <!-- end menu -->
+
+    {% include components/contact-cards/phone-directory.html %} <!-- end phone directory  -->
+    {% include components/searchbars/progressive.html %} <!-- end search bar  -->
+
+  </div>
+</div>
+
+{% include components/navbars/progressive.js %}

data/_includes/components/navbars/progressive.js

@@ -0,0 +1,18 @@
+<script type="text/javascript">
+  function goToSparesUrl(){
+    esMxUrl = '{{ site.data.menus.common[0].spares.esMxUrl }}'
+    enUsUrl = '{{ site.data.menus.common[0].spares.enUsUrl }}'
+    ptBrUrl = '{{ site.data.menus.common[0].spares.ptBrUrl }}'
+
+    currentLang = document.getElementsByTagName("html")[0].getAttribute("lang");
+
+    if (currentLang == 'en') {
+      window.location.href = enUsUrl;
+    } else if (currentLang == 'es') {
+      window.location.href = esMxUrl;
+    } else {
+      window.location.href = ptBrUrl;
+    }
+
+  }
+</script>

data/_includes/components/panels/brands.html

@@ -0,0 +1,12 @@
+<h5 class="post pt-4">{{ page.brand-panel.title }}</h5>
+<p class="footer-font text-right">{{ page.brand-panel.text }}</p>
+<hr>
+<div class="row justify-content-center">
+  {% for brand in page.brand-panel.brands %}
+    <article class="col-4 col-md-3 col-lg-2 py-3">
+      <a href="{{ brand.href }}">
+        <img src="{{ site.amazon-s3 }}/components/panels/brands/img/{{ brand.img }}.png" alt="{{ brand.name }}" title="{{ brand.name }}">
+      </a>
+    </article>
+  {% endfor %}
+</div>

data/_includes/{body → components}/product-cards/3d-space.html

@@ -3,10 +3,10 @@
         <div id="product-front-{{ include.id }}" class="product-front">
             <div class="shadow"></div>
             <img src="{{ include.img }}" alt="{{ include.model }}" class="img-center"/>
-            <a {{ include.href }}><div class="image_overlay"></div></a>
-            <div id="view_details-{{ include.id }}" class="view_details hide" data-id="{{ include.id }}">View details</div>
+            <a href="{{ include.href }}{% if site.special-offers.customers %}{{ '#special-offers' }}{% endif %}"><div class="image_overlay"></div></a>
+            <div id="view_details-{{ include.id }}" class="view_details d-none" data-id="{{ include.id }}">View details</div>
             <div class="stats">
-              <a {{ include.href }}>
+              <a href="{{ include.href }}{% if site.special-offers.customers %}{{ '#special-offers' }}{% endif %}">
                 <div class="stats-container">
                   <span class="product_price">{{ include.price }} {{ include.currency }}</span>
                   <span class="product_name">{{ include.commercial }}</span>
@@ -24,11 +24,11 @@
         <div id="product-back-{{ include.id }}" class="product-back">
 	        <div class="shadow"></div>
             <div id="carousel-{{ include.id }}" class="carousel">
-                <ul>
+                <!-- <ul>
                     <li class="marketing-theme content-centered"><img src="{{ include.img | replace: '.png', '_02.png' }}" alt="{{ include.model }}" /></li>
                     <li class="marketing-theme content-centered"><img src="{{ include.img | replace: '.png', '_03.png' }}" alt="{{ include.model }}" /></li>
                     <li class="marketing-theme content-centered"><img src="{{ include.img | replace: '.png', '_04.png' }}" alt="{{ include.model }}" /></li>
-                </ul>
+                </ul> -->
                 <div class="arrows-perspective">
                     <div class="carouselPrev" data-id="{{ include.id }}">
                         <div class="y"></div>

data/_includes/components/product-cards/featured-product.html

@@ -0,0 +1,15 @@
+<div class="container">
+  <div class="card-group">
+    {% for featured-product in page.featured-products %}
+      <div class="card">
+        <a href="{{ featured-product.href | relative_url }}">
+          <img src="{{ site.amazon-s3 }}/components/product-cards/featured-product/img/{{ featured-product.img }}.png" class="card-img-top" alt="{{ featured-product.img }}" data-appear-animation="fadeInDown">
+        </a>
+        <div class="card-body" data-appear-animation="fadeInDown">
+          <h5 class="card-title">{{ featured-product.product }}</h5>
+          <p class="card-text">{{ featured-product.text }}</p>
+        </div>
+      </div>
+    {% endfor %}
+  </div>
+</div>

data/_includes/components/product-cards/product-details.html

@@ -0,0 +1,48 @@
+<div data-component="product-cards/product-details">
+
+  <section id="product-details-header">
+    {% for resource in page.resources.spec-sheets.header %}
+      <img src="{{ site.amazon-s3 }}{{ resource }}" alt="{{ page.title }}" class="img-center">
+    {% endfor %}
+  </section>
+
+  {% if page.resources.spec-sheets.text %}
+    <section id="product-details-parragraph" class="marketing-theme clean-view">
+      {% for resource in page.resources.spec-sheets.text %}
+        {% assign i18n-resource-text = page.i18n[site.lang].resources.spec-sheets.text.[forloop.index0] %}
+        <p class="footer-font justify">{% if i18n-resource-text %}{{ i18n-resource-text }}{% else %}{{ resource }}{% endif %}</p>
+      {% endfor %}
+    </section>
+  {% endif %}
+
+  {% if page.resources.spec-sheets.specs %}
+    <section id="product-details-specs" class="marketing-theme clean-view">
+      <div class="title-box">
+        <h3>{{ site.data.i18n.components.product-cards[site.lang].product-details.features.title | default: 'Features' }}</h3>
+      </div>
+      <div class="row">
+        {% for resource in page.resources.spec-sheets.specs %}
+          {% assign i18n-resource-text = page.i18n[site.lang].resources.spec-sheets.specs.[forloop.index0] %}
+          {% include components/bullets/fontawesome.html %}
+        {% endfor %}
+      </div>
+    </section>
+  {% endif %}
+
+  {{ content }}
+
+  <div class="row">
+    <p id="product-details-footer" class="mx-auto">
+      {% for resource in page.resources.spec-sheets.catalog %}
+        <img src="{{ site.amazon-s3 }}{{ resource }}" alt="{{ page.title }}" class="img-center">
+      {% endfor %}
+    </p>
+  </div>
+
+  <section id="product-details-pricelists-notice" class="marketing-theme clean-view">
+    <article>
+      <p class="text-muted text-center">{{ site.data.i18n.components.product-cards[site.lang].product-details.pricelists-notice.title }}</p>
+    </article>
+  </section>
+
+</div>

data/_includes/components/product-cards/product-generals.html

@@ -0,0 +1,54 @@
+<div id="product-generals" class="col-xs-12 col-sm-12 col-md-8" data-appear-animation="fadeInUp">
+    <h3 id="{{ i18n-id }}" class="product-description">{% if i18n-description %}{{ i18n-description }}{% else %}{{ page.description }}{% endif %}</h3>
+    <p class="product-model">{{ site.data.i18n.common.product-layout[site.lang].model | default: 'Model' }}: <strong>{% if i18n-title %}{{ i18n-title }}{% else %}{{ page.title }}{% endif %}</strong></p>
+    <p class="product-brand">{{ site.data.i18n.common.product-layout[site.lang].brand | default: 'Brand' }}: <strong>{{ page.brand }}</strong></p>
+    <p class="product-commercial {% unless page.commercial %}{{ 'd-none' }}{% endunless %}">{{ site.data.i18n.common.product-layout[site.lang].commercial | default: 'Commercial' }}: <strong>{{ page.commercial }}</strong></p>
+    <p class="product-sat-code {% unless page.sat-code %}{{ 'd-none' }}{% endunless %}">{{ site.data.i18n.components.product-cards[site.lang].product-generals.sat-code.title | default: 'SAT code' }}: <strong>{{ page.sat-code }}</strong></p>
+    <div class="product-price">
+
+      {% assign collections = site.collections | where: "label", page.collection %}
+      {% for collection in collections %}
+
+        {% if collection.prices == false %}
+          <span class="badge badge-primary text-white">
+            <a href="/our-offices/" title="Our offices" class="white">
+              Contáctanos para un precio especial
+            </a>
+          </span>
+        {% endif %}
+
+        {% unless collection.prices == false %}
+
+          {% capture price %}
+            {% unless site.product.price.disabled %}
+              {% assign price-size = page.price | downcase | split: '.' | last | size %}
+              {% if page.price %}{{ page.price | prepend: '$ ' }}{% endif %}{% if price-size == 1 %}{{ "0" }}{% endif %}
+              {% if page.currency %}
+                {{ page.currency | prepend: ' ' }}
+              {% endif %}
+            {% endunless %}
+          {% endcapture %}
+          <span class="badge badge-primary text-white {% if page.promotion-price and site.original == false %}{{ 'disabled-price' }}{% endif %}">{{ price | strip }}</span>
+
+          {% capture promotion-price %}
+            {% unless site.original %}
+              {% if site.special-offers.customers %}
+                {% assign promotion-price-size = page.promotion-price | downcase | split: '.' | last | size %}
+                {% if page.promotion-price %}{{ page.promotion-price | prepend: '$ ' }}{% endif %}{% if promotion-price-size == 1 %}{{ "0" }}{% endif %}
+                {% if page.promotion-currency %}
+                  {{ page.promotion-currency | prepend: ' ' }}
+                {% endif %}
+              {% else %}
+                <a href="/our-offices/" title="Our offices" class="white">
+                  Contáctanos para un precio especial
+                </a>
+              {% endif %}
+            {% endunless %}
+          {% endcapture %}
+          <span class="badge badge-primary text-white">{{ promotion-price | strip }}</span>
+
+        {% endunless %}
+      {% endfor %}
+
+    </div>
+</div>

data/_includes/components/product-cards/progressive.html

@@ -0,0 +1,57 @@
+<div class="col-12 col-md-6 col-lg-4 col-xl-3 pb-4 {{ doc.brand | downcase }} {{ doc.commercial | downcase }}" data-component="product-cards/progressive">
+
+  <div class="p-2 m-0" style="border: 1px solid #eee; border-radius: 15px; -moz-border-radius: 15px;">
+    <a {% if doc.menu-name or collection.products.detail or doc.menu-name %}{{ doc.url | relative_url | prepend: 'href="' | append: '"' }}{% endif %}>
+      <img id="{{ i18n-id }}" class="d-block mx-auto cover-image opacity-80" src="{{ doc.image }}" alt="{% if i18n-title %}{{ i18n-title }}{% else %}{{ doc.title | default: i18n-id }}{% endif %}" />
+    </a>
+
+    <a class="text-primary d-block text-center font-weight-bold text-decoration-none mt-1" id="{{ i18n-id }}" {% if doc.menu-name or collection.products.detail or doc.menu-name %}{{ doc.url | relative_url | prepend: 'href="' | append: '"' }}{% endif %}>
+      {% if i18n-title %}{{ i18n-title }}{% else %}{{ doc.title }}{% endif %}
+    </a>
+
+    <div class="text-center font-weight-bold small mt-2">
+      {{ doc.brand }} <span class="commercial">{{ doc.commercial }}</span>
+    </div>
+
+    <div id="{{ i18n-id }}" class="description text-secondary text-center small line-clamp-2 mx-1 mt-2">
+      {% if i18n-description %}{{ i18n-description }}{% else %}{{ doc.description }}{% endif %}
+    </div>
+
+    {% assign collections = site.collections | where: "label", page.collection %}
+    {% for collection in collections %}
+      {% unless collection.prices == false %}
+
+        {% unless site.product.price.disabled %}
+          <div class="text-right mb-1 mt-2">
+
+            {% capture price %}
+              {% assign doc-price-size = doc.price | downcase | split: '.' | last | size %}
+              {% if doc.price %}{{ doc.price | prepend: '$ ' }}{% endif %}{% if doc-price-size == 1 %}{{ "0" }}{% endif %}
+              {% if doc.currency %}
+                {{ doc.currency | prepend: ' ' }}
+              {% endif %}
+            {% endcapture %}
+            <span class="product-price badge badge-primary text-white text-sm {% if doc.promotion-price and site.original == false %}{{ 'disabled-price' }}{% endif %}">{{ price | strip }}</span>
+
+            {% capture promotion-price %}
+              {% unless site.original %}
+                {% if site.special-offers.customers %}
+                  {% assign promotion-price-size = doc.promotion-price | downcase | split: '.' | last | size %}
+                  {% if doc.promotion-price %}{{ doc.promotion-price | prepend: '$ ' }}{% endif %}{% if promotion-price-size == 1 %}{{ "0" }}{% endif %}
+                  {% if doc.promotion-currency %}
+                    {{ doc.promotion-currency | prepend: ' ' }}
+                  {% endif %}
+                {% endif %}
+              {% endunless %}
+            {% endcapture %}
+            <span class="badge badge-primary text-white text-sm">{{ promotion-price | strip }}</span>
+
+          </div>
+        {% endunless %}
+
+      {% endunless %}
+    {% endfor %}
+
+  </div>
+
+</div>

data/_includes/components/scripts/body.js

@@ -0,0 +1,41 @@
+<div id="javascript">
+  <!-- 3D Space product card -->
+  <script src="{{ '/assets/js/product-cards/3d-space.js' | relative_url }}"></script>
+
+  <script src="{{ '/assets/node_modules/bootstrap/dist/js/bootstrap.min.js' | relative_url }}"></script>
+  <!-- <script src="/vendors/themes/vg_progressive/js/price-regulator/jshashtable-2.1_src.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/price-regulator/jquery.numberformatter-1.2.3.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/price-regulator/tmpl.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/price-regulator/jquery.dependClass-0.1.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/price-regulator/draggable-0.1.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/price-regulator/jquery.slider.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.carouFredSel-6.2.1-packed.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.touchSwipe.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.elevateZoom-3.0.8.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.imagesloaded.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.sparkline.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.easypiechart.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.easing.1.3.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.fancybox.pack.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/isotope.pkgd.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.knob.js"></script> -->
+  <!-- <script src="{{ '/assets/node_modules/jquery.stellar/jquery.stellar.min.js' | relative_url }}"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.selectBox.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jquery.tubular.1.0.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/SmoothScroll.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/country.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/spin.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/ladda.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/masonry.pkgd.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/morris.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/raphael.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/video.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/pixastic.custom.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/livicons-1.3.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/bootstrapValidator.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/bootstrap-datepicker.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jplayer/jquery.jplayer.min.js"></script> -->
+  <!-- <script src="/vendors/themes/vg_progressive/js/jplayer/jplayer.playlist.min.js"></script> -->
+  <script src="{{ '/assets/vendors/themeforest/progressive/js/jquery.appear.js' | relative_url }}"></script>
+  <script src="{{ '/assets/vendors/themeforest/progressive/js/main.js' | relative_url }}"></script>
+</div>

data/_includes/components/scripts/head.js

@@ -0,0 +1,14 @@
+<script src="{{ '/assets/node_modules/@fortawesome/fontawesome-free-brands/index.js' | relative_url }}"></script>
+<script src="{{ '/assets/node_modules/@fortawesome/fontawesome-free-regular/index.js' | relative_url }}"></script>
+<script src="{{ '/assets/node_modules/@fortawesome/fontawesome-free-solid/index.js' | relative_url }}"></script>
+<script src="{{ '/assets/node_modules/@fortawesome/fontawesome/index.js' | relative_url }}"></script>
+<script src="{{ '/assets/node_modules/jquery/dist/jquery.min.js' | relative_url }}"></script>
+
+<script src="{{ '/assets/vendors/revolution-slider/js/jquery.themepunch.tools.min.js' | relative_url }}" type="text/javascript"></script>
+<script src="{{ '/assets/vendors/revolution-slider/js/jquery.themepunch.revolution.min.js' | relative_url }}" type="text/javascript"></script>
+
+<script src="{{ 'assets/node_modules/lightslider/dist/js/lightslider.min.js' | relative_url }}"></script>
+
+{% if site.zendesk %}
+  {% include components/zendesk/script.js %}
+{% endif %}