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

jekyll-theme-marketing 0.5.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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 %}