RubyGems - jekyll-theme-marketing - Versions diffs - 0.5.0 → 1.0.0 - Mend

jekyll-theme-marketing 0.5.0 → 1.0.0

Files changed (232) hide show

data/_includes/components/topbars/progressive.js ADDED

@@ -0,0 +1,5 @@
+<script>
+  jQuery(document).ready(function(){
+    jQuery("body").addClass("hidden-top");
+  });
+</script>

data/_includes/components/videos/background.html ADDED

@@ -0,0 +1,22 @@
+<div data-component="videos/background">
+  <div id="cm-video-bg" class="full-width-box background-image-available">
+    <div class="fwb-bg fwb-video my-4 my-sm-0" style="background-image: url('https://s3-us-west-2.amazonaws.com/grupopv-public/assets/components/videos/background/{{ include.background }}');">
+      <video autoplay muted loop>
+        <source src="https://s3-us-west-2.amazonaws.com/grupopv-public/assets/components/videos/background/{{ include.video }}" type="video/mp4">
+      </video>
+    </div>
+    <div class="container-fluid">
+      <div class="row">
+        <div class="white text-center col">
+          <div class="title-box text-center title-white">
+            <h1 class="title">{{ include.title }}</h1>
+          </div>
+          <p>
+            {{ include.desc }}
+          </p>
+          <a href="{{ include.href | relative_url }}" class="btn btn-primary">{{ include.button }}</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/components/videos/youtube.html ADDED

@@ -0,0 +1,23 @@
+{% if include.params.videos or page.resources.videos %}
+  {% assign ids = include.params.videos | default: page.resources.videos | split: ", " %}
+  <div class="row">
+    {% for id in ids %}
+      <div class="col-lg-6">
+        <iframe
+          id="ytplayer"
+          type="text/html"
+          width="100%"
+          height="350"
+          class="my-3"
+          src="https://www.youtube.com/embed/{{ id }}?rel=0&modestbranding=1"
+          frameborder="0"
+          gesture="media"
+          allow="encrypted-media"
+          allowfullscreen>
+        </iframe>
+      </div>
+    {% endfor %}
+  </div>
+{% else %}
+  <p>{{ site.data.i18n.common.product-layout[site.lang].videos-empty }}</p>
+{% endif %}

data/_includes/components/zendesk/script.js ADDED

@@ -0,0 +1,9 @@
+<!--Start of Zendesk Chat Script-->
+<script type="text/javascript">
+  window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
+  d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
+  _.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
+  $.src="https://v2.zopim.com/?{{ site.zendesk }}";z.t=+new Date;$.
+  type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
+</script>
+<!--End of Zendesk Chat Script-->

data/_includes/pages/footer/grupopv/our-offices.js ADDED

@@ -0,0 +1,22 @@
+<script>
+  function getLatlng(id) {
+    address = document.getElementById(id);
+    url = address.children[1].children[4].getAttribute('src');
+    address.setAttribute(
+      'data-coordinates',
+      url
+        .replace(/^.*!3d/,'')
+        .replace(/![23]m[23].*/,'')
+      + ', ' +
+      url
+        .replace(/^.*!2d/,'')
+        .replace(/!3d.*/,'')
+    );
+  }
+  var iframes_count = document.querySelectorAll(".branch-info").length;
+  for (i = 1; i <= iframes_count; i++) {
+    getLatlng('branch-' + i + '-info');
+  }
+</script>

data/_layouts/default.html CHANGED

@@ -4,13 +4,19 @@
   <head>
-    {% seo %}
-    {% include head/meta.html %}
-    {% include head/scripts.html %}
-    {% include head/firebase/sdk.html %}
-    {% include head/fonts.html %}
-    {% include head/style.html %}
-    {% include head/google-analytics.html %}
+    {% if site.title == 'Grupo PV' %}
+      {% seo %}
+    {% else %}
+      <title>{{ page.title }}</title>
+      {% seo title=false %}
+    {% endif %}
+    {% include components/meta/progressive.html %}
+    {% include components/scripts/head.js %}
+    {% include components/firebase/sdk.html %}
+    {% include components/fonts/google.html %}
+    {% include components/stylesheets/progressive.html %}
+    {% include components/analytics/google.js %}
   </head>
@@ -18,13 +24,25 @@
     <div class="page-box">
       <div class="page-box-content">
-        {% include body/header.html %}
-        {{ content }}
+        {% include components/topbars/progressive.html %} <!-- end top-bar -->
+        <header class="header header-two">
+          <div class="header-wrapper">
+            {% include components/navbars/progressive.html %} <!-- end progressive-navbar -->
+            {% include components/navbars/bootstrap.html %} <!-- end bootstrap-navbar -->
+          </div>
+        </header> <!-- end header -->
+        {{ content }} <!-- end content -->
       </div>
-    </div>
+    </div> <!-- end page-box -->
-    {% include body/footer.html %}
-    {% include body/scripts.html %}
+    {% include components/footers/progressive/footer.html %} <!-- end footer -->
+    {% include components/scripts/body.js %} <!-- end scripts -->
   </body>

data/_layouts/grid.html CHANGED

@@ -1,34 +1,40 @@
 ---
 layout: page
 ---
-<div class="container" data-layout="grid">
+<script src="{{ '/assets/node_modules/isotope-layout/dist/isotope.pkgd.min.js' | relative_url }}"></script>
+<div class="container-fluid" data-layout="grid">
   <div class="row">
-    {% assign collections = site.collections | where: "label", page.collection %}
-    {% for collection in collections %}
-      {% assign docs = collection.docs | where: "menu-father", page.menu-name %}
-      {% for doc in docs %}
-        {% assign url-size = doc.url | size | minus: 2 %}
-        {% assign i18n-id = doc.url | slice: 1,url-size | replace: '/', '-' | remove_first: collection.label | remove_first: '-' %}
-        {% assign i18n-title = site.data.i18n.catalog[collection.label][site.lang][i18n-id].title %}
-        {% if doc.i18n[site.lang].description %}
-          {% assign i18n-description = doc.i18n[site.lang].description %}
-        {% else %}
-          {% assign i18n-description = site.data.i18n.catalog[collection.label][site.lang][i18n-id].desc %}
-        {% endif %}
-        <div class="col-xs-12 col-sm-4 col-md-3">
-          <div>
-            <a {% if doc.menu-name or collection.products.detail or doc.menu-name %}{{ doc.url | prepend: 'href="' | append: '"' }}{% endif %}>
-              <img id="{{ i18n-id }}" class="product-image" src="{{ doc.image }}" alt="{% if i18n-title %}{{ i18n-title }}{% else %}{{ doc.title }}{% endif %}" />
-            </a>
-          </div>
-          <div class="product-model">
-            <a id="{{ i18n-id }}" {% if doc.menu-name or collection.products.detail or doc.menu-name %}{{ doc.url | prepend: 'href="' | append: '"' }}{% endif %}>{% if i18n-title %}{{ i18n-title }}{% else %}{{ doc.title }}{% endif %}</a>
-          </div>
-          <div class="product-brand">{{ doc.brand }} {{ doc.commercial }}</div>
-          <div id="{{ i18n-id }}" class="product-description">{% if i18n-description %}{{ i18n-description }}{% else %}{{ doc.description }}{% endif %}</div>
-          <div class="product-price"><span class="label label-primary">{% if doc.price %}{{ doc.price | prepend: '$ ' }}{% endif %}{% assign doc-price-size = doc.price | downcase | split: '.' | last | size %}{% if doc-price-size == 1 %}{{ "0" }}{% endif %}{% if doc.currency %}{{ doc.currency | prepend: ' ' }}{% endif %}</span></div>
-        </div>
-      {% endfor %}
-    {% endfor %}
+    <div class="col-4 col-md-3 col-xl-2">
+      {% include components/filters/isotope.html %}
+    </div>
+    <div class="col-8 col-md-9 col-xl-10">
+      <div class="row grid">
+        {% assign collections = site.collections | where: "label", page.collection %}
+        {% for collection in collections %}
+          {% assign docs = collection.docs | where: "menu-father", page.menu-name %}
+          {% for doc in docs %}
+            {% assign url-size = doc.url | size | minus: 2 %}
+            {% assign i18n-id = doc.url | slice: 1,url-size | replace: '/', '-' | remove_first: collection.label | remove_first: '-' %}
+            {% assign i18n-title = site.data.i18n.catalog[collection.label][site.lang][i18n-id].title %}
+            {% if site.links.product[i18n-id].disabled == null %}
+              {% if doc.i18n[site.lang].description %}
+                {% assign i18n-description = doc.i18n[site.lang].description %}
+              {% else %}
+                {% assign i18n-description = site.data.i18n.catalog[collection.label][site.lang][i18n-id].desc %}
+              {% endif %}
+              {% include components/product-cards/progressive.html %}
+            {% endif %}
+          {% endfor %}
+        {% endfor %}
+      </div>
+    </div>
   </div>
 </div> <!-- /container -->
+<script type="text/javascript">
+  {% include components/filters/isotope.js %}
+</script>

data/_layouts/page.html CHANGED

@@ -2,7 +2,7 @@
 layout: default
 ---
 {% if page.layout == "product" %}
-  {% assign class = 'hide' %}
+  {% assign class = 'd-none' %}
 {% else %}
   {% assign url-size = page.url | size | minus: 2 %}
   {% assign i18n-id = page.url | slice: 1,url-size | replace: '/', '-' | remove_first: page.collection | remove_first: '-' %}
@@ -16,54 +16,10 @@ layout: default
   {% endif %}
 {% endif %}
-<nav class="breadcrumb-component" aria-label="breadcrumb">
-  <ol id="breadcrumb" class="breadcrumb">
-    {% for level in (-1..page.categories.size) %}
-      {% if forloop.first %}
-        <li class="breadcrumb-item home"><a href="{{ '/' | relative_url }}"><span class="glyphicon glyphicon-home"></span></a></li>
-        <li class="breadcrumb-item ellipsis hidden-xs hidden-sm hidden-md hidden-lg">...</li>
-        {% if page.menu-father %}
-          <li class="breadcrumb-item {{ page.collection }}"><a href="{{ page.collection | prepend: '/' | relative_url }}">{% if site.data.i18n.catalog[page.collection][site.lang][page.collection].title %}{{ site.data.i18n.catalog[page.collection][site.lang][page.collection].title }}{% else %}{{ page.collection | capitalize }}{% endif %}</a></li>
-        {% endif %}
-      {% elsif forloop.last %}
-        <li class="breadcrumb-item {{ i18n-id }} active" aria-current="page">{% if i18n-title %}{{ i18n-title }}{% else %}{{ page.title }}{% endif %}</li>
-      {% else %}
-        {% assign cat-num = forloop.index %}
-        {% assign url-size = page.url | size | minus: 2 %}
-        {% assign sections = page.url | slice: 1,url-size | split : '/' %}
-        {% capture level-url %}
-          {% for section in sections %}
-            {% if forloop.index > cat-num %} {% break %} {% endif %}
-            {{ section | append: '/' }}
-          {% endfor %}
-        {% endcapture %}
-        {% assign level-url = level-url | strip_newlines | replace: ' ', '' | relative_url %}
-        {% assign level-url-size = level-url | size | minus: 2 %}
-        {% assign level-i18n-id = level-url | slice: 1,level-url-size | replace: '/', '-' | remove_first: page.collection | remove_first: '-' %}
-        {% assign level-i18n-title = site.data.i18n.catalog[page.collection][site.lang][level-i18n-id].title %}
-        {% assign page-commercial-downcase = page.commercial | downcase | replace: ' ', '-' %}
-        {% unless page.categories[level] == page-commercial-downcase %}
-          <li class="breadcrumb-item {{ level-i18n-id }}"><a href="{{ level-url }}">{% if level-i18n-title %}{{ level-i18n-title }}{% else %}{{ page.categories[level] | replace: '-', ' ' | capitalize }}{% endif %}</a></li>
-        {% endunless %}
-      {% endif %}
-    {% endfor %}
-  </ol>
-</nav>
+{% include components/breadcrumbs/bootstrap.html %}
-<script>
-  var items = $('#breadcrumb > li.breadcrumb-item');
-  if (items.length > 3){
-    if (items.length > 4) $('li.breadcrumb-item.ellipsis').removeClass('hidden-xs');
-    if (items.length > 5) $('li.breadcrumb-item.ellipsis').removeClass('hidden-sm');
-    items.each(function( index ) {
-      if (index > 1 && index < items.length-3) $(this).addClass('hidden-sm');
-      if (index > 1 && index < items.length) if (index != items.length-2) $(this).addClass('hidden-xs');
-    });
-  }
-</script>
-<h2 id="{{ i18n-id }}" class="post {{ class }}">{% if i18n-title %}{{ i18n-title }}{% else %}{{ page.title }}{% endif %}</h2>
-<h3 id="{{ i18n-id }}" class="post {{ class }}">{% if i18n-subtitle %}{{ i18n-subtitle }}{% else %}{{ page.subtitle }}{% endif %}</h3>
+<h2 id="{{ i18n-id }}" class="post text-muted {{ class }}">{% if i18n-title %}{{ i18n-title }}{% else %}{{ page.title }}{% endif %}</h2>
+<h3 id="{{ i18n-id }}" class="post text-muted {{ class }}">{% if i18n-subtitle %}{{ i18n-subtitle }}{% else %}{{ page.subtitle }}{% endif %}</h3>
 <div class="post">
   <div id="sign-in-content"></div>

data/_layouts/product.html CHANGED

@@ -1,6 +1,10 @@
 ---
 layout: page
-tabs: [description, downloads, videos, special-offers]
+tabs:
+  - { name: description, component: product-cards/product-details }
+  - { name: downloads, component: assets/file-downloads }
+  - { name: videos, component: videos/youtube }
+  - { name: special-offers, component: generators/pdf/special-offers }
 special-offers:
   format: letter
   orientation: portrait
@@ -10,181 +14,32 @@ special-offers:
   margin: 0.25
   dpi: 300
 ---
-<script src="/assets/node_modules/jspdf/dist/jspdf.min.js"></script>
 {% assign url-size = page.url | size | minus: 2 %}
 {% assign i18n-id = page.url | slice: 1,url-size | replace: '/', '-' | remove_first: page.collection | remove_first: '-' %}
-{% if page.i18n[site.lang].title %}
-  {% assign i18n-title = page.i18n[site.lang].title %}
-{% else %}
-  {% assign i18n-title = site.data.i18n.catalog[page.collection][site.lang][i18n-id].title %}
-{% endif %}
-{% if page.i18n[site.lang].description %}
-  {% assign i18n-description = page.i18n[site.lang].description %}
-{% else %}
-  {% assign i18n-description = site.data.i18n.catalog[page.collection][site.lang][i18n-id].desc %}
-{% endif %}
-<div class="container">
-  <div class="row">
-    <div id="product-images" class="col-xs-12 col-sm-12 col-md-4">
-      <div class="product-images">
-        <ul id="lightSlider">
-          {% if page.resources.product-images.quantity %}
-            {% assign images-count = page.resources.product-images.quantity %}
-          {% else %}
-            {% assign images-count = 1 %}
-          {% endif %}
-          {% for product-image in (1..images-count) %}
-            {% assign page-categories-size = page.categories | size %}
-            {% if page-categories-size >= 1 %}
-              {% assign page-categories = page.categories | join: "/" | append: "/" %}
-            {% endif %}
-            {% if forloop.index == 1 %}
-              {% assign image-num = '' %}
-            {% elsif forloop.index < 10 %}
-              {% assign image-num = forloop.index | prepend: "_0" %}
-            {% else %}
-              {% assign image-num = forloop.index | prepend: "_" %}
-            {% endif %}
-            {% capture product-image-url %}
-              {{ site.amazon-s3 }}/assets/img/catalog/thumbnails/{{ page.collection }}/{{ page-categories }}{% if page.resources.product-images.model %}{{ page.resources.product-images.model | downcase }}{% else %}{{ page.title | downcase  }}{% endif %}{{ image-num | append: ".png" }}
-            {% endcapture %}
-            <li data-thumb="{{ product-image-url }}">
-              <img src="{{ product-image-url }}" class="img-center" alt="{% if i18n-title %}{{ i18n-title }}{% else %}{{ page.title }}{% endif %}" />
-            </li>
-          {% endfor %}
-        </ul>
+{% if site.links.product[i18n-id].disabled == null %}
+  <script src="{{ '/assets/node_modules/jspdf/dist/jspdf.min.js' | relative_url }}"></script>
+  {% if page.i18n[site.lang].title %}
+    {% assign i18n-title = page.i18n[site.lang].title %}
+  {% else %}
+    {% assign i18n-title = site.data.i18n.catalog[page.collection][site.lang][i18n-id].title %}
+  {% endif %}
+  {% if page.i18n[site.lang].description %}
+    {% assign i18n-description = page.i18n[site.lang].description %}
+  {% else %}
+    {% assign i18n-description = site.data.i18n.catalog[page.collection][site.lang][i18n-id].desc %}
+  {% endif %}
+  <div class="container">
+    <div class="row">
+      <div id="product-images" class="col-xs-12 col-sm-12 col-md-4">
+        {% include components/sliders/lightslider.html %}
       </div>
+      {% include components/product-cards/product-generals.html %}
     </div>
-    <div id="product-generals" class="col-xs-12 col-sm-12 col-md-8">
-        <h3 id="{{ i18n-id }}" class="product-description">{% if i18n-description %}{{ i18n-description }}{% else %}{{ page.description }}{% endif %}</h3>
-        <p id="{{ i18n-id }}" class="product-model">{{ site.data.i18n.common.product-layout[site.lang].model }}: <strong>{% if i18n-title %}{{ i18n-title }}{% else %}{{ page.title }}{% endif %}</strong></p>
-        <p id="{{ i18n-id }}" class="product-brand">{{ site.data.i18n.common.product-layout[site.lang].brand }}: <strong>{{ page.brand }}</strong></p>
-        <p id="{{ i18n-id }}" class="product-commercial {% unless page.commercial %}{{ 'hide' }}{% endunless %}">{{ site.data.i18n.common.product-layout[site.lang].commercial }}: <strong>{{ page.commercial }}</strong></p>
-        <div id="{{ i18n-id }}" class="product-price"><span class="label label-primary">{% if page.price %}{{ page.price | prepend: '$ ' }}{% endif %}{% assign price-size = page.price | downcase | split: '.' | last | size %}{% if price-size == 1 %}{{ "0" }}{% endif %}{% if page.currency %}{{ page.currency | prepend: ' ' }}{% endif %}</span></div>
+    <div>
+      {% include components/nav-tabs/product-nav-tab.html tabs=layout.tabs %}
     </div>
-  </div>
-  <div class="row">
-    <ul class="nav nav-tabs nav-justified">
-      {% for tab in layout.tabs %}
-        <li role="presentation" {% if forloop.first == true %}class="active"{% endif %}{% if site.original and tab == 'special-offers' %}class="hide"{% endif %}><a data-toggle="tab" href="#{{ tab| downcase | replace: ' ', '-' }}">{{ site.data.i18n.common.product-layout[site.lang][tab] }}</a></li>
-      {% endfor %}
-    </ul>
-    <div class="tab-content">
-      {% for tab in layout.tabs %}
-        <div id="{{ tab | downcase | replace: ' ', '-' }}" class="tab-pane fade {% if forloop.first == true %}in active{% endif %}">
-          <div class="container">
-            {% case forloop.index %}
-            {% when 1 %}
-              <p>
-                {% for resource in page.resources.spec-sheets.catalog %}
-                  <img src="{{ site.amazon-s3 }}{{ resource }}" alt="{{ page.title }}" class="img-center">
-                {% endfor %}
-              </p>
-              {{ page.i18n[site.lang].detailed_desc | default: page.detailed_desc }}
-              {{ content }}
-            {% when 2 %}
-              {% if  page.resources.downloads %}
-                {% for resource in page.resources.downloads %}
-                  {% assign i18n-resource-text = page.i18n[site.lang].resources.downloads[forloop.index0].text %}
-                  <p>
-                    <a class="btn btn-primary btn-sm" href="{{ site.amazon-s3 }}{{ resource.link }}">
-                      <strong><span class="glyphicon glyphicon-download-alt"></span> {{ site.data.i18n.common.product-layout[site.lang].download }}</strong>
-                    </a>
-                    <span class="product-downloads">
-                    {% if i18n-resource-text %}{{ i18n-resource-text }}{% else %}{{ resource.text }}{% endif %}
-                    </span>
-                  </p>
-                {% endfor %}
-              {% else %}
-                <p>{{ site.data.i18n.common.product-layout[site.lang].downloads-empty }}</p>
-              {% endif %}
-            {% when 3 %}
-              {% if page.resources.videos %}
-                {% assign ids = page.resources.videos | split: ", " %}
-                {% for id in ids %}
-                  <div class="col-xs-12 col-sm-12 col-md-6">
-                    <iframe
-                      id="ytplayer"
-                      type="text/html"
-                      width="100%"
-                      height="350"
-                      src="https://www.youtube.com/embed/{{ id }}?rel=0&modestbranding=1"
-                      frameborder="0"
-                      gesture="media"
-                      allow="encrypted-media"
-                      allowfullscreen>
-                    </iframe>
-                  </div>
-                {% endfor %}
-              {% else %}
-                <p>{{ site.data.i18n.common.product-layout[site.lang].videos-empty }}</p>
-              {% endif %}
-            {% else %}
-              {% if page.resources.special-offers.quantity > 0 %}
-                {% unless site.original %}
-                  <p>
-                    {% for resource in (1..page.resources.special-offers.quantity) %}
-                      {% assign page-categories-size = page.categories | size %}
-                      {% if page-categories-size >= 1 %}
-                        {% assign page-categories = page.categories | join: "/" | append: "/" %}
-                      {% endif %}
-                      {% if forloop.index == 1 %}
-                        {% assign image-num = '' %}
-                      {% elsif forloop.index < 10 %}
-                        {% assign image-num = forloop.index | prepend: "_0" %}
-                      {% else %}
-                        {% assign image-num = forloop.index | prepend: "_" %}
-                      {% endif %}
-                      <div class="marketing-theme content-right">
-                        <a class="btn btn-primary btn-sm" onclick="specialOffersPDF{{ forloop.index }}();">
-                          <strong><span class="glyphicon glyphicon-download-alt"></span> {{ site.data.i18n.common.product-layout[site.lang].download }}</strong>
-                        </a>
-                      </div>
-                      <div id="special-offers-{{ forloop.index }}">
-                        <img id="special-offers-promo{{ forloop.index }}" src="/img/special-offers/{{ page.collection }}/{{ page-categories }}{% if page.resources.special-offers.model %}{{ page.resources.special-offers.model | downcase }}{% else %}{{ page.title | downcase  }}{% endif %}{{ image-num | append: '.png' }}" alt="{{ page.title }}" title="{{ page.title }}">
-                        <img id="special-offers-data{{ forloop.index }}" src="/img/special-offers/customers/{{ site.domain | replace:'.',' ' | truncatewords: 1,"" }}.png" alt="{{ page.title }}" title="{{ page.title }}">
-                        <canvas id="special-offers-promoCanvas{{ forloop.index }}" class="hide" width="{{ layout.special-offers.width | times: layout.special-offers.dpi }}" height="{{ layout.special-offers.height | times: layout.special-offers.dpi }}"></canvas>
-                        <canvas id="special-offers-dataCanvas{{ forloop.index }}" class="hide" width="{{ layout.special-offers.width | times: layout.special-offers.dpi }}" height="{{ layout.special-offers.height | minus: 10.5 | times: layout.special-offers.dpi | times: -1 }}"></canvas>
-                      </div>
-                      <script>
-                        function specialOffersPDF{{ forloop.index }}(){
-                          var doc = new jsPDF({
-                            orientation: '{{ layout.special-offers.orientation }}',
-                            unit: '{{ layout.special-offers.unit }}',
-                            format: '{{ layout.special-offers.format }}'
-                          })
-                          var promo = document.getElementById("special-offers-promo{{ forloop.index }}");
-                          var promoCanvas = document.getElementById("special-offers-promoCanvas{{ forloop.index }}");
-                          var data = document.getElementById("special-offers-data{{ forloop.index }}");
-                          var dataCanvas = document.getElementById("special-offers-dataCanvas{{ forloop.index }}");
-                          promoCanvas.getContext("2d").drawImage(promo, 0, 0);
-                          dataCanvas.getContext("2d").drawImage(data, 0, 0);
-                          doc.addImage(promoCanvas.toDataURL(), 'PNG', {{ layout.special-offers.margin }}, {{ layout.special-offers.margin }}, {{ layout.special-offers.width }}, {{ layout.special-offers.height }},'promoImg','FAST')
-                          doc.addImage(dataCanvas.toDataURL(), 'PNG', {{ layout.special-offers.margin }}, {{ layout.special-offers.margin }} + {{ layout.special-offers.height }}, {{ layout.special-offers.width }}, {{ 11 | minus: layout.special-offers.margin | minus: layout.special-offers.margin }} - {{ layout.special-offers.height }},'dataImg','FAST')
-                          doc.save('{{ page.title }}.pdf')
-                        }
-                      </script>
-                    {% endfor %}
-                  </p>
-                {% endunless %}
-              {% else %}
-                <p>{{ site.data.i18n.common.product-layout[site.lang].special-offers-empty }}</p>
-              {% endif %}
-            {% endcase %}
-          </div>
-        </div>
-      {% endfor %}
-    </div>
-  </div>
-</div> <!-- /container -->
-<script src="/js/sliders/lightslider.js"></script>
-<script src="/assets/js/bootstrap/nav-tabs.js"></script>
+  </div> <!-- /container -->
+  {% include components/nav-tabs/product-nav-tab.js %}
+{% else %}
+  <script type="text/javascript">window.location.href = "/"</script>
+{% endif %}