Subida del módulo y tema de PrestaShop

modules/blockreassurance/_dev/front/front.scss

@@ -0,0 +1,69 @@
+.blockreassurance {
+    padding-top: 10px;
+    text-align: center;
+    width: 100%;
+  .reass-item {
+    display: inline-block;
+    text-align: center;
+    vertical-align: top;
+  }
+  .block-title {
+    font-weight: bold;
+  }
+  .block-icon,
+  .block-icon img,
+  .block-icon svg {
+    height: 70px;
+  }
+}
+
+@media (max-width:575px) {
+    .blockreassurance {
+        text-align:left;
+    }
+    .blockreassurance .block-icon {
+        display: inline-block;
+        height: 35px;
+        float: left;
+        margin: 10px;
+        width: 35px;
+    }
+    .blockreassurance .block-icon img,
+    .blockreassurance .block-icon svg {
+        height: 35px;
+        width: 35px;
+    }
+    .blockreassurance .block-title {
+        display: inline-block;
+        height: 35px;
+        max-width: calc(100% - 55px);
+        padding-top: 10px;
+    }
+}
+
+.blockreassurance_product {
+  margin-top: 25px;
+  .item-product {
+    display: inline-block;
+    height: 35px;
+    float: left;
+    margin-right: 5px;
+    padding-top: 5px;
+    width: 35px;
+  }
+}
+
+.blockreassurance_product .item-product img,
+.blockreassurance_product .item-product svg {
+    height: 35px;
+    width: 35px;
+}
+
+.blockreassurance_product p.block-title {
+    line-height: 40px;
+}
+
+/* Specific Checkout */
+body#checkout .container-blockreassurance {
+    min-height: auto;
+}

modules/blockreassurance/_dev/front/index.js

@@ -0,0 +1,71 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+
+import './front.scss';
+
+$(window).ready(() => {
+  /**
+   * @param {String} imgSrc
+   */
+  function styleSVG(imgSrc) {
+    const imgTarget = $(`.blockreassurance_product img.svg.invisible[src="${imgSrc}"], .blockreassurance img.svg.invisible[src="${imgSrc}"]`);
+
+    if (imgTarget.length === 0) {
+      return;
+    }
+
+    // Fetch the image
+    $.ajax({
+      url: imgSrc,
+      type: 'GET',
+      success(data) {
+        if ($.isXMLDoc(data)) {
+          // Get the SVG tag, ignore the rest
+          let $svg = $(data).find('svg');
+          // Add URL in data
+          $svg = $svg.attr('data-img-url', imgSrc);
+          // Remove any invalid XML tags as per http://validator.w3.org
+          $svg = $svg.removeAttr('xmlns:a');
+          // Set color defined in backoffice
+          $svg.find('path[fill]').attr('fill', window.psr_icon_color);
+          $svg.find('path:not([fill])').css('fill', window.psr_icon_color);
+          // For each element, replace the svg with specific ID & CSS class
+          imgTarget.each(function renderSVG() {
+            const imgID = $(this).attr('id');
+            const imgClass = $(this).attr('class');
+            let $imgSvg = $svg.clone();
+            // Add replaced image's ID to the new SVG
+            $imgSvg = typeof imgID !== 'undefined' ? $imgSvg.attr('id', imgID) : $imgSvg;
+            // Add replaced image's classes to the new SVG
+            $imgSvg = typeof imgClass !== 'undefined' ? $imgSvg.attr('class', `${imgClass} replaced-svg`) : $imgSvg.attr('class', ' replaced-svg');
+            $imgSvg.removeClass('invisible');
+            $(this).replaceWith($imgSvg);
+          });
+        }
+      },
+    });
+  }
+
+  const imgSrcSvg = $('.blockreassurance_product img.svg, .blockreassurance img.svg').map(function getSrcAttr() {
+    return $(this).attr('src');
+  }).toArray();
+  imgSrcSvg
+    .filter((el, pos) => imgSrcSvg.indexOf(el) === pos)
+    .forEach(styleSVG);
+});

modules/blockreassurance/_dev/front/index.php

@@ -0,0 +1,28 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;