var/cache/dev/twig/bc/bcc85f05e9548bdfdceb8f142b6f87c7.php line 184

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* @SyliusShop/Product/Show/_image_mobile.html.twig */
  16. class __TwigTemplate_3dd13d0a648028236699746ee51d23d3 extends \Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.         ];
  31.     }
  33.     protected function doDisplay(array $context, array $blocks = [])
  34.     {
  35.         $macros = $this->macros;
  36.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  37.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@SyliusShop/Product/Show/_image_mobile.html.twig"));
  39.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  40.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@SyliusShop/Product/Show/_image_mobile.html.twig"));
  42.         // line 1
  43.         if ((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 1, $this->source); })()), "images", [], "any", false, false, false, 1)) > 1)) {
  44.             // line 2
  45.             echo "    ";
  46.             // line 3
  47.             echo "    ";
  48.             echo $this->extensions['Sylius\Bundle\UiBundle\Twig\TemplateEventExtension']->render("sylius.shop.product.show.before_thumbnails", ["product" => (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 3, $this->source); })())]);
  49.             echo "
  50.    <div>
  51.        <div id=\"gallery-right-images-mobile\">
  52.            ";
  53.             // line 6
  54.             $context["imageCount"] = 0;
  55.             // line 7
  56.             echo "           ";
  57.             $context['_parent'] = $context;
  58.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 7, $this->source); })()), "images", [], "any", false, false, false, 7));
  59.             $context['loop'] = [
  60.               'parent' => $context['_parent'],
  61.               'index0' => 0,
  62.               'index'  => 1,
  63.               'first'  => true,
  64.             ];
  65.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  66.                 $length = count($context['_seq']);
  67.                 $context['loop']['revindex0'] = $length - 1;
  68.                 $context['loop']['revindex'] = $length;
  69.                 $context['loop']['length'] = $length;
  70.                 $context['loop']['last'] = 1 === $length;
  71.             }
  72.             foreach ($context['_seq'] as $context["_key"] => $context["image"]) {
  73.                 // line 8
  74.                 echo "               ";
  75.                 if (((isset($context["imageCount"]) || array_key_exists("imageCount", $context) ? $context["imageCount"] : (function () { throw new RuntimeError('Variable "imageCount" does not exist.', 8, $this->source); })()) < 4)) {
  76.                     // line 9
  77.                     echo "                   ";
  78.                     $context["path"] = (( !(null === twig_get_attribute($this->env, $this->source, $context["image"], "path", [], "any", false, false, false, 9))) ? ($this->extensions['Sylius\Bundle\CoreBundle\Twig\FilterExtension']->filter(twig_get_attribute($this->env, $this->source, $context["image"], "path", [], "any", false, false, false, 9), "sylius_shop_product_large_thumbnail")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/shop/img/200x200.png")));
  79.                     // line 10
  80.                     echo "                   <div id=\"card-product-show-right-mobile\">
  81.                        ";
  82.                     // line 11
  83.                     if ((twig_get_attribute($this->env, $this->source, (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 11, $this->source); })()), "isConfigurable", [], "method", false, false, false, 11) && (twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 11, $this->source); })()), "enabledVariants", [], "any", false, false, false, 11)) > 0))) {
  84.                         // line 12
  85.                         echo "                           ";
  86.                         $this->loadTemplate("@SyliusShop/Product/Show/_imageVariants.html.twig", "@SyliusShop/Product/Show/_image_mobile.html.twig", 12)->display($context);
  87.                         // line 13
  88.                         echo "                       ";
  89.                     }
  90.                     // line 14
  91.                     echo "                       <a href=\"";
  92.                     echo twig_escape_filter($this->env, $this->extensions['Sylius\Bundle\CoreBundle\Twig\FilterExtension']->filter(twig_get_attribute($this->env, $this->source, $context["image"], "path", [], "any", false, false, false, 14), "sylius_shop_product_original"), "html", null, true);
  93.                     echo "\" data-lightbox=\"sylius-product-image\">
  94.                            <img src=\"";
  95.                     // line 15
  96.                     echo twig_escape_filter($this->env, (isset($context["path"]) || array_key_exists("path", $context) ? $context["path"] : (function () { throw new RuntimeError('Variable "path" does not exist.', 15, $this->source); })()), "html", null, true);
  97.                     echo "\" data-large-thumbnail=\"";
  98.                     echo twig_escape_filter($this->env, $this->extensions['Sylius\Bundle\CoreBundle\Twig\FilterExtension']->filter(twig_get_attribute($this->env, $this->source, $context["image"], "path", [], "any", false, false, false, 15), "sylius_shop_product_large_thumbnail"), "html", null, true);
  99.                     echo "\" alt=\"";
  100.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 15, $this->source); })()), "name", [], "any", false, false, false, 15), "html", null, true);
  101.                     echo "\" />
  102.                        </a>
  103.                    </div>
  104.                    ";
  105.                     // line 18
  106.                     $context["imageCount"] = ((isset($context["imageCount"]) || array_key_exists("imageCount", $context) ? $context["imageCount"] : (function () { throw new RuntimeError('Variable "imageCount" does not exist.', 18, $this->source); })()) + 1);
  107.                     // line 19
  108.                     echo "               ";
  109.                 }
  110.                 // line 20
  111.                 echo "           ";
  112.                 ++$context['loop']['index0'];
  113.                 ++$context['loop']['index'];
  114.                 $context['loop']['first'] = false;
  115.                 if (isset($context['loop']['length'])) {
  116.                     --$context['loop']['revindex0'];
  117.                     --$context['loop']['revindex'];
  118.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  119.                 }
  120.             }
  121.             $_parent = $context['_parent'];
  122.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['image'], $context['_parent'], $context['loop']);
  123.             $context = array_intersect_key($context, $_parent) + $_parent;
  124.             // line 21
  125.             echo "       </div>
  126.        <div class=\"points-last-article\">
  127.            ";
  128.             // line 23
  129.             $context["imageCount"] = 0;
  130.             // line 24
  131.             echo "           <span class=\"point active\" onclick=\"changeImage(1)\"></span>
  132.            ";
  133.             // line 25
  134.             $context['_parent'] = $context;
  135.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 25, $this->source); })()), "images", [], "any", false, false, false, 25));
  136.             $context['loop'] = [
  137.               'parent' => $context['_parent'],
  138.               'index0' => 0,
  139.               'index'  => 1,
  140.               'first'  => true,
  141.             ];
  142.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  143.                 $length = count($context['_seq']);
  144.                 $context['loop']['revindex0'] = $length - 1;
  145.                 $context['loop']['revindex'] = $length;
  146.                 $context['loop']['length'] = $length;
  147.                 $context['loop']['last'] = 1 === $length;
  148.             }
  149.             foreach ($context['_seq'] as $context["_key"] => $context["image"]) {
  150.                 // line 26
  151.                 echo "               ";
  152.                 if (((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 26) > 1) && ((isset($context["imageCount"]) || array_key_exists("imageCount", $context) ? $context["imageCount"] : (function () { throw new RuntimeError('Variable "imageCount" does not exist.', 26, $this->source); })()) < 4))) {
  153.                     // line 28
  154.                     echo "                   <span class=\"point\" onclick=\"changeImage(";
  155.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 28), "html", null, true);
  156.                     echo ")\"></span>
  157.                    ";
  158.                     // line 29
  159.                     $context["imageCount"] = ((isset($context["imageCount"]) || array_key_exists("imageCount", $context) ? $context["imageCount"] : (function () { throw new RuntimeError('Variable "imageCount" does not exist.', 29, $this->source); })()) + 1);
  160.                     // line 30
  161.                     echo "               ";
  162.                 }
  163.                 // line 31
  164.                 echo "           ";
  165.                 ++$context['loop']['index0'];
  166.                 ++$context['loop']['index'];
  167.                 $context['loop']['first'] = false;
  168.                 if (isset($context['loop']['length'])) {
  169.                     --$context['loop']['revindex0'];
  170.                     --$context['loop']['revindex'];
  171.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  172.                 }
  173.             }
  174.             $_parent = $context['_parent'];
  175.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['image'], $context['_parent'], $context['loop']);
  176.             $context = array_intersect_key($context, $_parent) + $_parent;
  177.             // line 32
  178.             echo "
  179.        </div>
  180.    </div>
  181.     <div class=\"inventory-product-mobile\">
  182.         ";
  183.             // line 36
  184.             $this->loadTemplate("@SyliusShop/Product/Show/_inventory.html.twig", "@SyliusShop/Product/Show/_image_mobile.html.twig", 36)->display($context);
  185.             // line 37
  186.             echo "    </div>
  187. ";
  188.         }
  189.         // line 39
  190.         echo "
  191. <script>
  192.   function changeImage(index) {
  193.     // Récupérer toutes les images de la galerie
  194.     var images = document.querySelectorAll('#gallery-right-images-mobile #card-product-show-right-mobile');
  196.     // Réinitialiser la classe \"active\" pour tous les points
  197.     var points = document.querySelectorAll('.point');
  198.     points.forEach(function(point) {
  199.       point.classList.remove('active');
  200.     });
  202.     // Cacher toutes les images de la galerie
  203.     images.forEach(function(image) {
  204.       image.style.display = 'none';
  205.     });
  207.     // Afficher l'image correspondante à l'index spécifié
  208.     images[index - 1].style.display = 'block';
  210.     // Ajouter la classe \"active\" au point correspondant à l'index spécifié
  211.     points[index - 1].classList.add('active');
  212.   }
  213. </script>
  214. ";
  215.         
  216.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  218.         
  219.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  221.     }
  223.     public function getTemplateName()
  224.     {
  225.         return "@SyliusShop/Product/Show/_image_mobile.html.twig";
  226.     }
  228.     public function isTraitable()
  229.     {
  230.         return false;
  231.     }
  233.     public function getDebugInfo()
  234.     {
  235.         return array (  190 => 39,  186 => 37,  184 => 36,  178 => 32,  164 => 31,  161 => 30,  159 => 29,  154 => 28,  151 => 26,  134 => 25,  131 => 24,  129 => 23,  125 => 21,  111 => 20,  108 => 19,  106 => 18,  96 => 15,  91 => 14,  88 => 13,  85 => 12,  83 => 11,  80 => 10,  77 => 9,  74 => 8,  56 => 7,  54 => 6,  47 => 3,  45 => 2,  43 => 1,);
  236.     }
  238.     public function getSourceContext()
  239.     {
  240.         return new Source("{% if product.images|length > 1 %}
  241.     {# <div class=\"ui divider\"></div> #}
  242.     {{ sylius_template_event('sylius.shop.product.show.before_thumbnails', {'product': product}) }}
  243.    <div>
  244.        <div id=\"gallery-right-images-mobile\">
  245.            {% set imageCount = 0 %}
  246.            {% for image in product.images %}
  247.                {% if imageCount < 4 %}
  248.                    {% set path = image.path is not null ? image.path|imagine_filter('sylius_shop_product_large_thumbnail') : asset('assets/shop/img/200x200.png') %}
  249.                    <div id=\"card-product-show-right-mobile\">
  250.                        {% if product.isConfigurable() and product.enabledVariants|length > 0 %}
  251.                            {% include '@SyliusShop/Product/Show/_imageVariants.html.twig' %}
  252.                        {% endif %}
  253.                        <a href=\"{{ image.path|imagine_filter('sylius_shop_product_original') }}\" data-lightbox=\"sylius-product-image\">
  254.                            <img src=\"{{ path }}\" data-large-thumbnail=\"{{ image.path|imagine_filter('sylius_shop_product_large_thumbnail') }}\" alt=\"{{ product.name }}\" />
  255.                        </a>
  256.                    </div>
  257.                    {% set imageCount = imageCount + 1 %}
  258.                {% endif %}
  259.            {% endfor %}
  260.        </div>
  261.        <div class=\"points-last-article\">
  262.            {% set imageCount = 0 %}
  263.            <span class=\"point active\" onclick=\"changeImage(1)\"></span>
  264.            {% for image in product.images %}
  265.                {% if loop.index > 1 and imageCount < 4 %}
  266. {#                   {{ dump(loop.index) }}#}
  267.                    <span class=\"point\" onclick=\"changeImage({{ loop.index}})\"></span>
  268.                    {% set imageCount = imageCount + 1 %}
  269.                {% endif %}
  270.            {% endfor %}
  272.        </div>
  273.    </div>
  274.     <div class=\"inventory-product-mobile\">
  275.         {% include '@SyliusShop/Product/Show/_inventory.html.twig' %}
  276.     </div>
  277. {% endif %}
  279. <script>
  280.   function changeImage(index) {
  281.     // Récupérer toutes les images de la galerie
  282.     var images = document.querySelectorAll('#gallery-right-images-mobile #card-product-show-right-mobile');
  284.     // Réinitialiser la classe \"active\" pour tous les points
  285.     var points = document.querySelectorAll('.point');
  286.     points.forEach(function(point) {
  287.       point.classList.remove('active');
  288.     });
  290.     // Cacher toutes les images de la galerie
  291.     images.forEach(function(image) {
  292.       image.style.display = 'none';
  293.     });
  295.     // Afficher l'image correspondante à l'index spécifié
  296.     images[index - 1].style.display = 'block';
  298.     // Ajouter la classe \"active\" au point correspondant à l'index spécifié
  299.     points[index - 1].classList.add('active');
  300.   }
  301. </script>
  302. ", "@SyliusShop/Product/Show/_image_mobile.html.twig", "/var/www/Bikers/templates/bundles/SyliusShopBundle/Product/Show/_image_mobile.html.twig");
  303.     }
  304. }