var/cache/dev/twig/e0/e02ddf9114742939a989b2b5c8ed2aed.php line 51

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. /* product.html.twig */
  16. class __TwigTemplate_92806ffe18a545913b4088f56e0ad847 extends 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->blocks = [
  28.             'main' => [$this, 'block_main'],
  29.             'start_sticky_product' => [$this, 'block_start_sticky_product'],
  30.             'price_box' => [$this, 'block_price_box'],
  31.             'info_destacada' => [$this, 'block_info_destacada'],
  32.             'product_attributes' => [$this, 'block_product_attributes'],
  33.             'add_to_cart' => [$this, 'block_add_to_cart'],
  34.             'after_add_to_cart' => [$this, 'block_after_add_to_cart'],
  35.             'price_nav_fixed' => [$this, 'block_price_nav_fixed'],
  36.             'before_accordion' => [$this, 'block_before_accordion'],
  37.             'modales_producto' => [$this, 'block_modales_producto'],
  38.             'informacion_adicional_producto' => [$this, 'block_informacion_adicional_producto'],
  39.             'after_main' => [$this, 'block_after_main'],
  40.             'footer' => [$this, 'block_footer'],
  41.             'json_schema' => [$this, 'block_json_schema'],
  42.         ];
  43.     }
  45.     protected function doGetParent(array $context)
  46.     {
  47.         // line 1
  48.         return "base.html.twig";
  49.     }
  51.     protected function doDisplay(array $context, array $blocks = [])
  52.     {
  53.         $macros = $this->macros;
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  55.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  58.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  60.         // line 4
  61.         $context["d"] = ((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "default_variation", [], "any", true, true, false, 4)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "default_variation", [], "any", false, false, false, 4))) : (""));
  62.         // line 1
  63.         $this->parent = $this->loadTemplate("base.html.twig", "product.html.twig", 1);
  64.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  65.         
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  68.         
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  71.     }
  73.     // line 6
  74.     public function block_main($context, array $blocks = [])
  75.     {
  76.         $macros = $this->macros;
  77.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  78.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  80.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  81.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  83.         // line 7
  84.         echo "    <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  85.         ";
  86.         // line 8
  87.         $this->loadTemplate("template-parts/breadcrumb.html.twig", "product.html.twig", 8)->display($context);
  88.         // line 9
  89.         echo "    </div>
  90.     <main id=\"product-";
  91.         // line 10
  92.         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.', 10, $this->source); })()), "id", [], "any", false, false, false, 10), "html", null, true);
  93.         echo "\"
  94.           x-init=\"\$nextTick(() => { initialize() })\"
  95.             ";
  96.         // line 12
  97.         if ((isset($context["d"]) || array_key_exists("d", $context) ? $context["d"] : (function () { throw new RuntimeError('Variable "d" does not exist.', 12, $this->source); })())) {
  98.             // line 13
  99.             echo "                x-data=\"window.alpineProductData(";
  100.             echo twig_escape_filter($this->env, json_encode((isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 13, $this->source); })())), "html", null, true);
  101.             echo ", ";
  102.             echo twig_escape_filter($this->env, json_encode(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.', 13, $this->source); })()), "default_variation", [], "array", false, false, false, 13)), "html", null, true);
  103.             echo ")\"
  104.             ";
  105.         } else {
  106.             // line 15
  107.             echo "                x-data=\"window.alpineProductData(";
  108.             echo twig_escape_filter($this->env, json_encode((isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 15, $this->source); })())), "html", null, true);
  109.             echo ")\"
  110.             ";
  111.         }
  112.         // line 17
  113.         echo "          class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  114.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  115.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  116.                 ";
  117.         // line 20
  118.         if ((((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "gallery", [], "any", true, true, false, 20)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "gallery", [], "any", false, false, false, 20))) : ("")) || ((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "galleryVariations", [], "any", true, true, false, 20)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "galleryVariations", [], "any", false, false, false, 20))) : ("")))) {
  119.             // line 21
  120.             echo "                    <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  121.                         ";
  122.             // line 22
  123.             if (((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "discount", [], "any", true, true, false, 22)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "discount", [], "any", false, false, false, 22))) : (""))) {
  124.                 // line 23
  125.                 echo "                            ";
  126.                 $this->loadTemplate("product.html.twig", "product.html.twig", 23, "1885872536")->display(twig_array_merge($context, ["picto_name" => (("- " . 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.', 23, $this->source); })()), "discount", [], "any", false, false, false, 23)) . "%")]));
  127.                 // line 24
  128.                 echo "                        ";
  129.             }
  130.             // line 25
  131.             echo "                        ";
  132.             if (((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "video", [], "any", true, true, false, 25)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "video", [], "any", false, false, false, 25))) : (""))) {
  133.                 // line 26
  134.                 echo "                            <button data-modal-target=\"";
  135.                 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.', 26, $this->source); })()), "video", [], "any", false, false, false, 26), "html", null, true);
  136.                 echo "\"
  137.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  138.                                 ";
  139.                 // line 28
  140.                 $this->loadTemplate("assets/youtube_icon.svg", "product.html.twig", 28)->display($context);
  141.                 // line 29
  142.                 echo "                                <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  143.                             </button>
  144.                         ";
  145.             }
  146.             // line 32
  147.             echo "                        <div class=\"swiper-wrapper\">
  148.                             <template x-for=\"item in current?.gallery || []\">
  149.                                 <div class=\"swiper-slide\">
  150.                                     <template x-if=\"item.src\">
  151.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  152.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  153.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  154.                                                  :src=\"item.src\"
  155.                                                  :srcset=\"item.srcset\"
  156.                                                  :sizes=\"item.sizes\"
  157.                                                  :alt=\"item.alt\" loading=\"lazy\">
  158.                                         </a>
  159.                                     </template>
  160.                                 </div>
  161.                             </template>
  162.                             ";
  163.             // line 47
  164.             $context['_parent'] = $context;
  165.             $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.', 47, $this->source); })()), "gallery", [], "any", false, false, false, 47));
  166.             foreach ($context['_seq'] as $context["_key"] => $context["image"]) {
  167.                 // line 48
  168.                 echo "                                <div class=\"swiper-slide\">
  169.                                     ";
  170.                 // line 49
  171.                 if (((twig_get_attribute($this->env, $this->source, $context["image"], "src", [], "any", true, true, false, 49)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["image"], "src", [], "any", false, false, false, 49))) : (""))) {
  172.                     // line 50
  173.                     echo "                                        <a href=\"";
  174.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["image"], "src", [], "any", false, false, false, 50), "html", null, true);
  175.                     echo "\" data-pswp-src=\"";
  176.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["image"], "src", [], "any", false, false, false, 50), "html", null, true);
  177.                     echo "\" data-pswp-width=\"1024\"
  178.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  179.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  180.                                                  src=\"";
  181.                     // line 53
  182.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["image"], "src", [], "any", false, false, false, 53), "html", null, true);
  183.                     echo "\"
  184.                                                  srcset=\"";
  185.                     // line 54
  186.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["image"], "srcset", [], "any", false, false, false, 54), "html", null, true);
  187.                     echo "\"
  188.                                                  sizes=\"";
  189.                     // line 55
  190.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["image"], "sizes", [], "any", false, false, false, 55), "html", null, true);
  191.                     echo "\"
  192.                                                  alt=\"";
  193.                     // line 56
  194.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["image"], "alt", [], "any", false, false, false, 56), "html", null, true);
  195.                     echo "\" loading=\"lazy\">
  196.                                         </a>
  197.                                     ";
  198.                 }
  199.                 // line 59
  200.                 echo "                                    ";
  201.                 if (((twig_get_attribute($this->env, $this->source, $context["image"], "youtube_id", [], "any", true, true, false, 59)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["image"], "youtube_id", [], "any", false, false, false, 59))) : (""))) {
  202.                     // line 60
  203.                     echo "                                        <iframe src=\"";
  204.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["image"], "youtube_src", [], "any", false, false, false, 60), "html", null, true);
  205.                     echo "\" class=\"w-full h-full\"
  206.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  207.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  208.                                                 allowfullscreen></iframe>
  209.                                     ";
  210.                 }
  211.                 // line 65
  212.                 echo "                                </div>
  213.                             ";
  214.             }
  215.             $_parent = $context['_parent'];
  216.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['image'], $context['_parent'], $context['loop']);
  217.             $context = array_intersect_key($context, $_parent) + $_parent;
  218.             // line 67
  219.             echo "                        </div>
  220.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  221.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  222.                             ";
  223.             // line 70
  224.             $this->loadTemplate("assets/swiper-next.svg", "product.html.twig", 70)->display($context);
  225.             // line 71
  226.             echo "                        </div>
  227.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  228.                             ";
  229.             // line 73
  230.             $this->loadTemplate("assets/swiper-prev.svg", "product.html.twig", 73)->display($context);
  231.             // line 74
  232.             echo "                        </div>
  233.                     </div>
  234.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  235.                         <div class=\"swiper-wrapper\">
  236.                             <template x-for=\"item in current?.gallery || []\">
  237.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  238.                                     <template x-if=\"item.src\">
  239.                                         <img :src=\"item.thumbnail.src\"
  240.                                              :alt=\"item.alt\" loading=\"lazy\">
  241.                                     </template>
  242.                                 </div>
  243.                             </template>
  244.                             ";
  245.             // line 86
  246.             $context['_parent'] = $context;
  247.             $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.', 86, $this->source); })()), "gallery", [], "any", false, false, false, 86));
  248.             foreach ($context['_seq'] as $context["_key"] => $context["image"]) {
  249.                 // line 87
  250.                 echo "                                <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  251.                                     <img src=\"";
  252.                 // line 88
  253.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["image"], "thumbnail", [], "any", false, false, false, 88), "src", [], "any", false, false, false, 88), "html", null, true);
  254.                 echo "\"
  255.                                          alt=\"Miniatura ";
  256.                 // line 89
  257.                 echo twig_escape_filter($this->env, ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["image"], "thumbnail", [], "any", false, true, false, 89), "alt", [], "any", true, true, false, 89)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["image"], "thumbnail", [], "any", false, true, false, 89), "alt", [], "any", false, false, false, 89))) : (""))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["image"], "thumbnail", [], "any", false, false, false, 89), "alt", [], "any", false, false, false, 89)) : (twig_get_attribute($this->env, $this->source, $context["image"], "alt", [], "any", false, false, false, 89))), "html", null, true);
  258.                 echo "\"
  259.                                          loading=\"lazy\">
  260.                                 </div>
  261.                             ";
  262.             }
  263.             $_parent = $context['_parent'];
  264.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['image'], $context['_parent'], $context['loop']);
  265.             $context = array_intersect_key($context, $_parent) + $_parent;
  266.             // line 93
  267.             echo "                        </div>
  268.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  269.                              aria-disabled=\"true\">
  270.                             ";
  271.             // line 96
  272.             $this->loadTemplate("assets/swiper-next-thumbs.svg", "product.html.twig", 96)->display($context);
  273.             // line 97
  274.             echo "                        </div>
  275.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  276.                              aria-disabled=\"true\">
  277.                             ";
  278.             // line 100
  279.             $this->loadTemplate("assets/swiper-prev-thumbs.svg", "product.html.twig", 100)->display($context);
  280.             // line 101
  281.             echo "                        </div>
  282.                     </div>
  283.                 ";
  284.         }
  285.         // line 104
  286.         echo "            </div>
  287.             <div class=\"row-span-1\">
  288.                 <h1 class=\"text-3xl lg:max-w-lg\">";
  289.         // line 106
  290.         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.', 106, $this->source); })()), "name", [], "any", false, false, false, 106), "html", null, true);
  291.         echo "</h1>
  292.             </div>
  293.             <div class=\"lg:row-span-2 order-4\">
  294.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  295.                     ";
  296.         // line 110
  297.         $this->displayBlock('start_sticky_product', $context, $blocks);
  298.         // line 111
  299.         echo "                    ";
  300.         $this->displayBlock('price_box', $context, $blocks);
  301.         // line 114
  302.         echo "                    ";
  303.         $this->displayBlock('info_destacada', $context, $blocks);
  304.         // line 121
  305.         echo "                    ";
  306.         if (((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "short_description", [], "any", true, true, false, 121)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "short_description", [], "any", false, false, false, 121))) : (""))) {
  307.             // line 122
  308.             echo "                        <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">";
  309.             echo 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.', 122, $this->source); })()), "short_description", [], "any", false, false, false, 122);
  310.             echo "</span>
  311.                     ";
  312.         }
  313.         // line 124
  314.         echo "                    ";
  315.         if (((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "is_in_stock", [], "any", true, true, false, 124)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "is_in_stock", [], "any", false, false, false, 124))) : (""))) {
  316.             // line 125
  317.             echo "                        ";
  318.             if (((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "variation_attributes", [], "any", true, true, false, 125)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "variation_attributes", [], "any", false, false, false, 125))) : (""))) {
  319.                 // line 126
  320.                 echo "                            <div id=\"product-attributes\"
  321.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  322.                                 ";
  323.                 // line 128
  324.                 $this->displayBlock('product_attributes', $context, $blocks);
  325.                 // line 137
  326.                 echo "                            </div>
  327.                         ";
  328.             }
  329.             // line 139
  330.             echo "                        ";
  331.             $this->displayBlock('add_to_cart', $context, $blocks);
  332.             // line 144
  333.             echo "                        ";
  334.             $this->displayBlock('after_add_to_cart', $context, $blocks);
  335.             // line 145
  336.             echo "                    ";
  337.         } else {
  338.             // line 146
  339.             echo "                        <div class=\"flex flex-row items-center gap-3 mt-6\">
  340.                             <button id=\"addToCart\"
  341.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  342.                                 <span>Producto agotado</span>
  343.                             </button>
  344.                         </div>
  345.                     ";
  346.         }
  347.         // line 153
  348.         echo "                    <a href=\"";
  349.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whatsapp_link", ["link" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 153, $this->source); })()), "request", [], "any", false, false, false, 153), "pathInfo", [], "any", false, false, false, 153)]), "html", null, true);
  350.         echo "\" target=\"_blank\"
  351.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  352.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  353.                         ";
  354.         // line 156
  355.         $this->loadTemplate("assets/whatsapp-herramientasparaalicatador.svg", "product.html.twig", 156)->display($context);
  356.         // line 157
  357.         echo "                    </a>
  358.                 </div>
  360.                 ";
  361.         // line 160
  362.         $this->displayBlock('price_nav_fixed', $context, $blocks);
  363.         // line 163
  364.         echo "            </div>
  366.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  367.                 ";
  368.         // line 166
  369.         $this->displayBlock('before_accordion', $context, $blocks);
  370.         // line 167
  371.         echo "                ";
  372.         if (((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "accordion", [], "any", true, true, false, 167)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "accordion", [], "any", false, false, false, 167))) : (""))) {
  373.             // line 168
  374.             echo "                    ";
  375.             $this->loadTemplate("product.html.twig", "product.html.twig", 168, "85078136")->display(twig_array_merge($context, ["id" => "accordion_product", "accordion" => "collapse", "items" => twig_get_attribute($this->env, $this->source,             // line 171
  376. (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 171, $this->source); })()), "accordion", [], "any", false, false, false, 171)]));
  377.             // line 174
  378.             echo "                ";
  379.         }
  380.         // line 175
  381.         echo "            </div>
  383.             ";
  384.         // line 177
  385.         if (((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "video", [], "any", true, true, false, 177)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "video", [], "any", false, false, false, 177))) : (""))) {
  386.             // line 178
  387.             echo "                ";
  388.             $this->loadTemplate("product.html.twig", "product.html.twig", 178, "458667039")->display(twig_array_merge($context, ["id" => 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.', 178, $this->source); })()), "video", [], "any", false, false, false, 178), "modal_button_class" => "hidden", "youtube_id" => 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.', 178, $this->source); })()), "video", [], "any", false, false, false, 178), "modal_zIndex" => "z-[1000001]"]));
  389.             // line 179
  390.             echo "            ";
  391.         }
  392.         // line 180
  393.         echo "            ";
  394.         $this->displayBlock('modales_producto', $context, $blocks);
  395.         // line 181
  396.         echo "        </div>
  397.         ";
  398.         // line 182
  399.         $this->displayBlock('informacion_adicional_producto', $context, $blocks);
  400.         // line 183
  401.         echo "    </main>
  403.     ";
  404.         // line 185
  405.         $this->displayBlock('after_main', $context, $blocks);
  406.         // line 186
  407.         echo "
  408.     ";
  409.         // line 187
  410.         if (((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "upsell_ids", [], "any", true, true, false, 187)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "upsell_ids", [], "any", false, false, false, 187))) : (""))) {
  411.             // line 188
  412.             echo "        <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  413.             ";
  414.             // line 189
  415.             echo $this->extensions['App\Twig\BlocksExtension']->renderBlock("listadoproductos", ["titulo" => (((twig_get_attribute($this->env, $this->source,             // line 190
  416. ($context["product"] ?? null), "tituloProductosRelacionados", [], "any", true, true, false, 190) &&  !(null === twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "tituloProductosRelacionados", [], "any", false, false, false, 190)))) ? (twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "tituloProductosRelacionados", [], "any", false, false, false, 190)) : ("Productos relacionados")), "alineacion" => "start", "categorias_productos" => false, "etiquetas_productos" => false, "numero_productos" => "-1", "boton" => "", "slider_grid" => "slider", "productos" => twig_get_attribute($this->env, $this->source,             // line 197
  417. (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 197, $this->source); })()), "upsell_ids", [], "any", false, false, false, 197), "id" => "relacionados"]);
  418.             // line 199
  419.             echo "
  420.         </section>
  421.     ";
  422.         }
  423.         
  424.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  426.         
  427.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  429.     }
  431.     // line 110
  432.     public function block_start_sticky_product($context, array $blocks = [])
  433.     {
  434.         $macros = $this->macros;
  435.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  436.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "start_sticky_product"));
  438.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  439.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "start_sticky_product"));
  441.         
  442.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  444.         
  445.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  447.     }
  449.     // line 111
  450.     public function block_price_box($context, array $blocks = [])
  451.     {
  452.         $macros = $this->macros;
  453.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  454.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "price_box"));
  456.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  457.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "price_box"));
  459.         // line 112
  460.         echo "                        ";
  461.         $this->loadTemplate("product.html.twig", "product.html.twig", 112, "1985890457")->display($context);
  462.         // line 113
  463.         echo "                    ";
  464.         
  465.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  467.         
  468.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  470.     }
  472.     // line 114
  473.     public function block_info_destacada($context, array $blocks = [])
  474.     {
  475.         $macros = $this->macros;
  476.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  477.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "info_destacada"));
  479.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  480.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "info_destacada"));
  482.         // line 115
  483.         echo "                        ";
  484.         $this->loadTemplate("product.html.twig", "product.html.twig", 115, "253043151")->display(twig_to_array(["envio" => true, "tiempo_envio" => (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 117
  485. ($context["product"] ?? null), "attributes", [], "any", false, true, false, 117), "pa_tiempo-de-envio", [], "array", false, true, false, 117), 0, [], "array", false, true, false, 117), "name", [], "any", true, true, false, 117) &&  !(null === twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "attributes", [], "any", false, true, false, 117), "pa_tiempo-de-envio", [], "array", false, true, false, 117), 0, [], "array", false, true, false, 117), "name", [], "any", false, false, false, 117)))) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "attributes", [], "any", false, true, false, 117), "pa_tiempo-de-envio", [], "array", false, true, false, 117), 0, [], "array", false, true, false, 117), "name", [], "any", false, false, false, 117)) : ("")), "size" => ((((twig_get_attribute($this->env, $this->source,         // line 118
  486. ($context["product"] ?? null), "length", [], "any", true, true, false, 118)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "length", [], "any", false, false, false, 118))) : ("")) || ((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "width", [], "any", true, true, false, 118)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "width", [], "any", false, false, false, 118))) : (""))) || ((twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "height", [], "any", true, true, false, 118)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["product"] ?? null), "height", [], "any", false, false, false, 118))) : ("")))]));
  487.         // line 120
  488.         echo "                    ";
  489.         
  490.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  492.         
  493.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  495.     }
  497.     // line 128
  498.     public function block_product_attributes($context, array $blocks = [])
  499.     {
  500.         $macros = $this->macros;
  501.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  502.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "product_attributes"));
  504.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  505.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "product_attributes"));
  507.         // line 129
  508.         echo "                                    ";
  509.         $context['_parent'] = $context;
  510.         $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.', 129, $this->source); })()), "variation_attributes", [], "any", false, false, false, 129));
  511.         foreach ($context['_seq'] as $context["key"] => $context["attribute"]) {
  512.             // line 130
  513.             echo "                                        ";
  514.             $this->loadTemplate("product.html.twig", "product.html.twig", 130, "201806956")->display(twig_to_array(["atributos" => (("product.variation_attributes[\"" .             // line 131
  515. $context["key"]) . "\"]"), "atributo" =>             // line 132
  516. $context["key"]]));
  517.             // line 135
  518.             echo "                                    ";
  519.         }
  520.         $_parent = $context['_parent'];
  521.         unset($context['_seq'], $context['_iterated'], $context['key'], $context['attribute'], $context['_parent'], $context['loop']);
  522.         $context = array_intersect_key($context, $_parent) + $_parent;
  523.         // line 136
  524.         echo "                                ";
  525.         
  526.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  528.         
  529.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  531.     }
  533.     // line 139
  534.     public function block_add_to_cart($context, array $blocks = [])
  535.     {
  536.         $macros = $this->macros;
  537.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  538.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "add_to_cart"));
  540.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  541.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "add_to_cart"));
  543.         // line 140
  544.         echo "                            ";
  545.         $this->loadTemplate("product.html.twig", "product.html.twig", 140, "1059092971")->display(twig_array_merge($context, ["quantity" => true]));
  546.         // line 143
  547.         echo "                        ";
  548.         
  549.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  551.         
  552.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  554.     }
  556.     // line 144
  557.     public function block_after_add_to_cart($context, array $blocks = [])
  558.     {
  559.         $macros = $this->macros;
  560.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  561.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "after_add_to_cart"));
  563.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  564.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "after_add_to_cart"));
  566.         
  567.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  569.         
  570.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  572.     }
  574.     // line 160
  575.     public function block_price_nav_fixed($context, array $blocks = [])
  576.     {
  577.         $macros = $this->macros;
  578.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  579.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "price_nav_fixed"));
  581.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  582.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "price_nav_fixed"));
  584.         // line 161
  585.         echo "                    ";
  586.         $this->loadTemplate("product.html.twig", "product.html.twig", 161, "1230436163")->display($context);
  587.         // line 162
  588.         echo "                ";
  589.         
  590.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  592.         
  593.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  595.     }
  597.     // line 166
  598.     public function block_before_accordion($context, array $blocks = [])
  599.     {
  600.         $macros = $this->macros;
  601.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  602.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "before_accordion"));
  604.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  605.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "before_accordion"));
  607.         
  608.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  610.         
  611.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  613.     }
  615.     // line 180
  616.     public function block_modales_producto($context, array $blocks = [])
  617.     {
  618.         $macros = $this->macros;
  619.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  620.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "modales_producto"));
  622.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  623.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "modales_producto"));
  625.         
  626.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  628.         
  629.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  631.     }
  633.     // line 182
  634.     public function block_informacion_adicional_producto($context, array $blocks = [])
  635.     {
  636.         $macros = $this->macros;
  637.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  638.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "informacion_adicional_producto"));
  640.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  641.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "informacion_adicional_producto"));
  643.         
  644.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  646.         
  647.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  649.     }
  651.     // line 185
  652.     public function block_after_main($context, array $blocks = [])
  653.     {
  654.         $macros = $this->macros;
  655.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  656.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "after_main"));
  658.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  659.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "after_main"));
  661.         
  662.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  664.         
  665.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  667.     }
  669.     // line 204
  670.     public function block_footer($context, array $blocks = [])
  671.     {
  672.         $macros = $this->macros;
  673.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  674.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer"));
  676.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  677.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer"));
  679.         // line 205
  680.         echo "    ";
  681.         $this->loadTemplate("footer.html.twig", "product.html.twig", 205)->display($context);
  682.         // line 206
  683.         echo "    <div class=\"pb-44 lg:pb-16\"></div>
  684.     <style>
  685.         #whatsapp {
  686.             margin-bottom: 5rem;
  687.         }
  688.     </style>
  689.     ";
  690.         // line 212
  691.         echo $this->env->getFunction('wp_footer')->getCallable()();
  692.         echo "
  693. ";
  694.         
  695.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  697.         
  698.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  700.     }
  702.     // line 215
  703.     public function block_json_schema($context, array $blocks = [])
  704.     {
  705.         $macros = $this->macros;
  706.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  707.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "json_schema"));
  709.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  710.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "json_schema"));
  712.         // line 216
  713.         echo "    ";
  714.         echo (isset($context["json_schema"]) || array_key_exists("json_schema", $context) ? $context["json_schema"] : (function () { throw new RuntimeError('Variable "json_schema" does not exist.', 216, $this->source); })());
  715.         echo "
  716. ";
  717.         
  718.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  720.         
  721.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  723.     }
  725.     /**
  726.      * @codeCoverageIgnore
  727.      */
  728.     public function getTemplateName()
  729.     {
  730.         return "product.html.twig";
  731.     }
  733.     /**
  734.      * @codeCoverageIgnore
  735.      */
  736.     public function isTraitable()
  737.     {
  738.         return false;
  739.     }
  741.     /**
  742.      * @codeCoverageIgnore
  743.      */
  744.     public function getDebugInfo()
  745.     {
  746.         return array (  713 => 216,  703 => 215,  691 => 212,  683 => 206,  680 => 205,  670 => 204,  652 => 185,  634 => 182,  616 => 180,  598 => 166,  588 => 162,  585 => 161,  575 => 160,  557 => 144,  547 => 143,  544 => 140,  534 => 139,  524 => 136,  518 => 135,  516 => 132,  515 => 131,  513 => 130,  508 => 129,  498 => 128,  488 => 120,  486 => 118,  485 => 117,  483 => 115,  473 => 114,  463 => 113,  460 => 112,  450 => 111,  432 => 110,  419 => 199,  417 => 197,  416 => 190,  415 => 189,  412 => 188,  410 => 187,  407 => 186,  405 => 185,  401 => 183,  399 => 182,  396 => 181,  393 => 180,  390 => 179,  387 => 178,  385 => 177,  381 => 175,  378 => 174,  376 => 171,  374 => 168,  371 => 167,  369 => 166,  364 => 163,  362 => 160,  357 => 157,  355 => 156,  348 => 153,  339 => 146,  336 => 145,  333 => 144,  330 => 139,  326 => 137,  324 => 128,  320 => 126,  317 => 125,  314 => 124,  308 => 122,  305 => 121,  302 => 114,  299 => 111,  297 => 110,  290 => 106,  286 => 104,  281 => 101,  279 => 100,  274 => 97,  272 => 96,  267 => 93,  257 => 89,  253 => 88,  250 => 87,  246 => 86,  232 => 74,  230 => 73,  226 => 71,  224 => 70,  219 => 67,  212 => 65,  203 => 60,  200 => 59,  194 => 56,  190 => 55,  186 => 54,  182 => 53,  173 => 50,  171 => 49,  168 => 48,  164 => 47,  147 => 32,  142 => 29,  140 => 28,  134 => 26,  131 => 25,  128 => 24,  125 => 23,  123 => 22,  120 => 21,  118 => 20,  113 => 17,  107 => 15,  99 => 13,  97 => 12,  92 => 10,  89 => 9,  87 => 8,  84 => 7,  74 => 6,  63 => 1,  61 => 4,  48 => 1,);
  747.     }
  749.     public function getSourceContext()
  750.     {
  751.         return new Source("{% extends 'base.html.twig' %}
  753. {# Some helpers to make this file more readable #}
  754. {% set d = product.default_variation|default %}
  756. {% block main %}
  757.     <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  758.         {% include 'template-parts/breadcrumb.html.twig' %}
  759.     </div>
  760.     <main id=\"product-{{ product.id }}\"
  761.           x-init=\"\$nextTick(() => { initialize() })\"
  762.             {% if d %}
  763.                 x-data=\"window.alpineProductData({{ product | json_encode }}, {{ product['default_variation'] | json_encode }})\"
  764.             {% else %}
  765.                 x-data=\"window.alpineProductData({{ product | json_encode }})\"
  766.             {% endif %}
  767.           class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  768.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  769.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  770.                 {% if product.gallery|default or product.galleryVariations|default %}
  771.                     <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  772.                         {% if product.discount|default %}
  773.                             {% embed 'components/picto.html.twig' with {picto_name: '- ' ~ product.discount ~ '%'} %}{% endembed %}
  774.                         {% endif %}
  775.                         {% if product.video|default %}
  776.                             <button data-modal-target=\"{{ product.video }}\"
  777.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  778.                                 {% include 'assets/youtube_icon.svg' %}
  779.                                 <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  780.                             </button>
  781.                         {% endif %}
  782.                         <div class=\"swiper-wrapper\">
  783.                             <template x-for=\"item in current?.gallery || []\">
  784.                                 <div class=\"swiper-slide\">
  785.                                     <template x-if=\"item.src\">
  786.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  787.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  788.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  789.                                                  :src=\"item.src\"
  790.                                                  :srcset=\"item.srcset\"
  791.                                                  :sizes=\"item.sizes\"
  792.                                                  :alt=\"item.alt\" loading=\"lazy\">
  793.                                         </a>
  794.                                     </template>
  795.                                 </div>
  796.                             </template>
  797.                             {% for image in product.gallery %}
  798.                                 <div class=\"swiper-slide\">
  799.                                     {% if image.src|default %}
  800.                                         <a href=\"{{ image.src }}\" data-pswp-src=\"{{ image.src }}\" data-pswp-width=\"1024\"
  801.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  802.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  803.                                                  src=\"{{ image.src }}\"
  804.                                                  srcset=\"{{ image.srcset }}\"
  805.                                                  sizes=\"{{ image.sizes }}\"
  806.                                                  alt=\"{{ image.alt }}\" loading=\"lazy\">
  807.                                         </a>
  808.                                     {% endif %}
  809.                                     {% if image.youtube_id|default %}
  810.                                         <iframe src=\"{{ image.youtube_src }}\" class=\"w-full h-full\"
  811.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  812.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  813.                                                 allowfullscreen></iframe>
  814.                                     {% endif %}
  815.                                 </div>
  816.                             {% endfor %}
  817.                         </div>
  818.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  819.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  820.                             {% include 'assets/swiper-next.svg' %}
  821.                         </div>
  822.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  823.                             {% include 'assets/swiper-prev.svg' %}
  824.                         </div>
  825.                     </div>
  826.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  827.                         <div class=\"swiper-wrapper\">
  828.                             <template x-for=\"item in current?.gallery || []\">
  829.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  830.                                     <template x-if=\"item.src\">
  831.                                         <img :src=\"item.thumbnail.src\"
  832.                                              :alt=\"item.alt\" loading=\"lazy\">
  833.                                     </template>
  834.                                 </div>
  835.                             </template>
  836.                             {% for image in product.gallery %}
  837.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  838.                                     <img src=\"{{ image.thumbnail.src }}\"
  839.                                          alt=\"Miniatura {{ image.thumbnail.alt|default ? image.thumbnail.alt : image.alt }}\"
  840.                                          loading=\"lazy\">
  841.                                 </div>
  842.                             {% endfor %}
  843.                         </div>
  844.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  845.                              aria-disabled=\"true\">
  846.                             {% include 'assets/swiper-next-thumbs.svg' %}
  847.                         </div>
  848.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  849.                              aria-disabled=\"true\">
  850.                             {% include 'assets/swiper-prev-thumbs.svg' %}
  851.                         </div>
  852.                     </div>
  853.                 {% endif %}
  854.             </div>
  855.             <div class=\"row-span-1\">
  856.                 <h1 class=\"text-3xl lg:max-w-lg\">{{ product.name }}</h1>
  857.             </div>
  858.             <div class=\"lg:row-span-2 order-4\">
  859.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  860.                     {% block start_sticky_product %}{% endblock %}
  861.                     {% block price_box %}
  862.                         {% embed 'template-parts/price-box.html.twig' %}{% endembed %}
  863.                     {% endblock %}
  864.                     {% block info_destacada %}
  865.                         {% embed 'components/info-destacada.html.twig' with {
  866.                             envio: true,
  867.                             tiempo_envio: product.attributes['pa_tiempo-de-envio'][0].name ?? '',
  868.                             size: product.length|default or product.width|default or product.height|default
  869.                         } only %}{% endembed %}
  870.                     {% endblock %}
  871.                     {% if product.short_description|default %}
  872.                         <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">{{ product.short_description|raw }}</span>
  873.                     {% endif %}
  874.                     {% if product.is_in_stock|default %}
  875.                         {% if product.variation_attributes|default %}
  876.                             <div id=\"product-attributes\"
  877.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  878.                                 {% block product_attributes %}
  879.                                     {% for key, attribute in product.variation_attributes %}
  880.                                         {% embed 'components/attributes/attribute-button.html.twig' with {
  881.                                             atributos: 'product.variation_attributes[\"' ~ key ~ '\"]',
  882.                                             atributo: key,
  883.                                         } only %}
  884.                                         {% endembed %}
  885.                                     {% endfor %}
  886.                                 {% endblock %}
  887.                             </div>
  888.                         {% endif %}
  889.                         {% block add_to_cart %}
  890.                             {% embed 'components/add-to-cart.html.twig' with {
  891.                                 quantity: true
  892.                             } %}{% endembed %}
  893.                         {% endblock %}
  894.                         {% block after_add_to_cart %}{% endblock %}
  895.                     {% else %}
  896.                         <div class=\"flex flex-row items-center gap-3 mt-6\">
  897.                             <button id=\"addToCart\"
  898.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  899.                                 <span>Producto agotado</span>
  900.                             </button>
  901.                         </div>
  902.                     {% endif %}
  903.                     <a href=\"{{ path('whatsapp_link', {'link': app.request.pathInfo}) }}\" target=\"_blank\"
  904.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  905.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  906.                         {% include 'assets/whatsapp-herramientasparaalicatador.svg' %}
  907.                     </a>
  908.                 </div>
  910.                 {% block price_nav_fixed %}
  911.                     {% embed 'template-parts/price-nav-fixed.html.twig' %}{% endembed %}
  912.                 {% endblock %}
  913.             </div>
  915.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  916.                 {% block before_accordion %}{% endblock %}
  917.                 {% if product.accordion|default %}
  918.                     {% embed 'components/accordion.html.twig' with {
  919.                         id: 'accordion_product',
  920.                         accordion: 'collapse',
  921.                         items: product.accordion
  922.                     } %}
  923.                     {% endembed %}
  924.                 {% endif %}
  925.             </div>
  927.             {% if product.video|default %}
  928.                 {% embed 'components/modal.html.twig' with {id: product.video, modal_button_class: 'hidden', youtube_id: product.video, modal_zIndex: 'z-[1000001]'} %}{% endembed %}
  929.             {% endif %}
  930.             {% block modales_producto %}{% endblock %}
  931.         </div>
  932.         {% block informacion_adicional_producto %}{% endblock %}
  933.     </main>
  935.     {% block after_main %}{% endblock %}
  937.     {% if product.upsell_ids|default %}
  938.         <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  939.             {{ render_block('listadoproductos', {
  940.                 titulo: product.tituloProductosRelacionados ?? 'Productos relacionados' ,
  941.                 alineacion: 'start',
  942.                 categorias_productos: false,
  943.                 etiquetas_productos: false,
  944.                 numero_productos: '-1',
  945.                 boton: '',
  946.                 slider_grid: 'slider',
  947.                 productos: product.upsell_ids,
  948.                 id: 'relacionados',
  949.             }) }}
  950.         </section>
  951.     {% endif %}
  952. {% endblock %}
  954. {% block footer %}
  955.     {% include 'footer.html.twig' %}
  956.     <div class=\"pb-44 lg:pb-16\"></div>
  957.     <style>
  958.         #whatsapp {
  959.             margin-bottom: 5rem;
  960.         }
  961.     </style>
  962.     {{ wp_footer() }}
  963. {% endblock footer %}
  965. {% block json_schema %}
  966.     {{ json_schema|raw }}
  967. {% endblock %}", "product.html.twig", "/srv/app/templates/product.html.twig");
  968.     }
  969. }
  972. /* product.html.twig */
  973. class __TwigTemplate_92806ffe18a545913b4088f56e0ad847___1885872536 extends Template
  974. {
  975.     private $source;
  976.     private $macros = [];
  978.     public function __construct(Environment $env)
  979.     {
  980.         parent::__construct($env);
  982.         $this->source = $this->getSourceContext();
  984.         $this->blocks = [
  985.         ];
  986.     }
  988.     protected function doGetParent(array $context)
  989.     {
  990.         // line 23
  991.         return "components/picto.html.twig";
  992.     }
  994.     protected function doDisplay(array $context, array $blocks = [])
  995.     {
  996.         $macros = $this->macros;
  997.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  998.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  1000.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1001.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  1003.         $this->parent = $this->loadTemplate("components/picto.html.twig", "product.html.twig", 23);
  1004.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  1005.         
  1006.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1008.         
  1009.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1011.     }
  1013.     /**
  1014.      * @codeCoverageIgnore
  1015.      */
  1016.     public function getTemplateName()
  1017.     {
  1018.         return "product.html.twig";
  1019.     }
  1021.     /**
  1022.      * @codeCoverageIgnore
  1023.      */
  1024.     public function isTraitable()
  1025.     {
  1026.         return false;
  1027.     }
  1029.     /**
  1030.      * @codeCoverageIgnore
  1031.      */
  1032.     public function getDebugInfo()
  1033.     {
  1034.         return array (  991 => 23,  713 => 216,  703 => 215,  691 => 212,  683 => 206,  680 => 205,  670 => 204,  652 => 185,  634 => 182,  616 => 180,  598 => 166,  588 => 162,  585 => 161,  575 => 160,  557 => 144,  547 => 143,  544 => 140,  534 => 139,  524 => 136,  518 => 135,  516 => 132,  515 => 131,  513 => 130,  508 => 129,  498 => 128,  488 => 120,  486 => 118,  485 => 117,  483 => 115,  473 => 114,  463 => 113,  460 => 112,  450 => 111,  432 => 110,  419 => 199,  417 => 197,  416 => 190,  415 => 189,  412 => 188,  410 => 187,  407 => 186,  405 => 185,  401 => 183,  399 => 182,  396 => 181,  393 => 180,  390 => 179,  387 => 178,  385 => 177,  381 => 175,  378 => 174,  376 => 171,  374 => 168,  371 => 167,  369 => 166,  364 => 163,  362 => 160,  357 => 157,  355 => 156,  348 => 153,  339 => 146,  336 => 145,  333 => 144,  330 => 139,  326 => 137,  324 => 128,  320 => 126,  317 => 125,  314 => 124,  308 => 122,  305 => 121,  302 => 114,  299 => 111,  297 => 110,  290 => 106,  286 => 104,  281 => 101,  279 => 100,  274 => 97,  272 => 96,  267 => 93,  257 => 89,  253 => 88,  250 => 87,  246 => 86,  232 => 74,  230 => 73,  226 => 71,  224 => 70,  219 => 67,  212 => 65,  203 => 60,  200 => 59,  194 => 56,  190 => 55,  186 => 54,  182 => 53,  173 => 50,  171 => 49,  168 => 48,  164 => 47,  147 => 32,  142 => 29,  140 => 28,  134 => 26,  131 => 25,  128 => 24,  125 => 23,  123 => 22,  120 => 21,  118 => 20,  113 => 17,  107 => 15,  99 => 13,  97 => 12,  92 => 10,  89 => 9,  87 => 8,  84 => 7,  74 => 6,  63 => 1,  61 => 4,  48 => 1,);
  1035.     }
  1037.     public function getSourceContext()
  1038.     {
  1039.         return new Source("{% extends 'base.html.twig' %}
  1041. {# Some helpers to make this file more readable #}
  1042. {% set d = product.default_variation|default %}
  1044. {% block main %}
  1045.     <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  1046.         {% include 'template-parts/breadcrumb.html.twig' %}
  1047.     </div>
  1048.     <main id=\"product-{{ product.id }}\"
  1049.           x-init=\"\$nextTick(() => { initialize() })\"
  1050.             {% if d %}
  1051.                 x-data=\"window.alpineProductData({{ product | json_encode }}, {{ product['default_variation'] | json_encode }})\"
  1052.             {% else %}
  1053.                 x-data=\"window.alpineProductData({{ product | json_encode }})\"
  1054.             {% endif %}
  1055.           class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  1056.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  1057.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  1058.                 {% if product.gallery|default or product.galleryVariations|default %}
  1059.                     <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  1060.                         {% if product.discount|default %}
  1061.                             {% embed 'components/picto.html.twig' with {picto_name: '- ' ~ product.discount ~ '%'} %}{% endembed %}
  1062.                         {% endif %}
  1063.                         {% if product.video|default %}
  1064.                             <button data-modal-target=\"{{ product.video }}\"
  1065.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  1066.                                 {% include 'assets/youtube_icon.svg' %}
  1067.                                 <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  1068.                             </button>
  1069.                         {% endif %}
  1070.                         <div class=\"swiper-wrapper\">
  1071.                             <template x-for=\"item in current?.gallery || []\">
  1072.                                 <div class=\"swiper-slide\">
  1073.                                     <template x-if=\"item.src\">
  1074.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  1075.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  1076.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  1077.                                                  :src=\"item.src\"
  1078.                                                  :srcset=\"item.srcset\"
  1079.                                                  :sizes=\"item.sizes\"
  1080.                                                  :alt=\"item.alt\" loading=\"lazy\">
  1081.                                         </a>
  1082.                                     </template>
  1083.                                 </div>
  1084.                             </template>
  1085.                             {% for image in product.gallery %}
  1086.                                 <div class=\"swiper-slide\">
  1087.                                     {% if image.src|default %}
  1088.                                         <a href=\"{{ image.src }}\" data-pswp-src=\"{{ image.src }}\" data-pswp-width=\"1024\"
  1089.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  1090.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  1091.                                                  src=\"{{ image.src }}\"
  1092.                                                  srcset=\"{{ image.srcset }}\"
  1093.                                                  sizes=\"{{ image.sizes }}\"
  1094.                                                  alt=\"{{ image.alt }}\" loading=\"lazy\">
  1095.                                         </a>
  1096.                                     {% endif %}
  1097.                                     {% if image.youtube_id|default %}
  1098.                                         <iframe src=\"{{ image.youtube_src }}\" class=\"w-full h-full\"
  1099.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  1100.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  1101.                                                 allowfullscreen></iframe>
  1102.                                     {% endif %}
  1103.                                 </div>
  1104.                             {% endfor %}
  1105.                         </div>
  1106.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  1107.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  1108.                             {% include 'assets/swiper-next.svg' %}
  1109.                         </div>
  1110.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  1111.                             {% include 'assets/swiper-prev.svg' %}
  1112.                         </div>
  1113.                     </div>
  1114.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  1115.                         <div class=\"swiper-wrapper\">
  1116.                             <template x-for=\"item in current?.gallery || []\">
  1117.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  1118.                                     <template x-if=\"item.src\">
  1119.                                         <img :src=\"item.thumbnail.src\"
  1120.                                              :alt=\"item.alt\" loading=\"lazy\">
  1121.                                     </template>
  1122.                                 </div>
  1123.                             </template>
  1124.                             {% for image in product.gallery %}
  1125.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  1126.                                     <img src=\"{{ image.thumbnail.src }}\"
  1127.                                          alt=\"Miniatura {{ image.thumbnail.alt|default ? image.thumbnail.alt : image.alt }}\"
  1128.                                          loading=\"lazy\">
  1129.                                 </div>
  1130.                             {% endfor %}
  1131.                         </div>
  1132.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  1133.                              aria-disabled=\"true\">
  1134.                             {% include 'assets/swiper-next-thumbs.svg' %}
  1135.                         </div>
  1136.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  1137.                              aria-disabled=\"true\">
  1138.                             {% include 'assets/swiper-prev-thumbs.svg' %}
  1139.                         </div>
  1140.                     </div>
  1141.                 {% endif %}
  1142.             </div>
  1143.             <div class=\"row-span-1\">
  1144.                 <h1 class=\"text-3xl lg:max-w-lg\">{{ product.name }}</h1>
  1145.             </div>
  1146.             <div class=\"lg:row-span-2 order-4\">
  1147.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  1148.                     {% block start_sticky_product %}{% endblock %}
  1149.                     {% block price_box %}
  1150.                         {% embed 'template-parts/price-box.html.twig' %}{% endembed %}
  1151.                     {% endblock %}
  1152.                     {% block info_destacada %}
  1153.                         {% embed 'components/info-destacada.html.twig' with {
  1154.                             envio: true,
  1155.                             tiempo_envio: product.attributes['pa_tiempo-de-envio'][0].name ?? '',
  1156.                             size: product.length|default or product.width|default or product.height|default
  1157.                         } only %}{% endembed %}
  1158.                     {% endblock %}
  1159.                     {% if product.short_description|default %}
  1160.                         <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">{{ product.short_description|raw }}</span>
  1161.                     {% endif %}
  1162.                     {% if product.is_in_stock|default %}
  1163.                         {% if product.variation_attributes|default %}
  1164.                             <div id=\"product-attributes\"
  1165.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  1166.                                 {% block product_attributes %}
  1167.                                     {% for key, attribute in product.variation_attributes %}
  1168.                                         {% embed 'components/attributes/attribute-button.html.twig' with {
  1169.                                             atributos: 'product.variation_attributes[\"' ~ key ~ '\"]',
  1170.                                             atributo: key,
  1171.                                         } only %}
  1172.                                         {% endembed %}
  1173.                                     {% endfor %}
  1174.                                 {% endblock %}
  1175.                             </div>
  1176.                         {% endif %}
  1177.                         {% block add_to_cart %}
  1178.                             {% embed 'components/add-to-cart.html.twig' with {
  1179.                                 quantity: true
  1180.                             } %}{% endembed %}
  1181.                         {% endblock %}
  1182.                         {% block after_add_to_cart %}{% endblock %}
  1183.                     {% else %}
  1184.                         <div class=\"flex flex-row items-center gap-3 mt-6\">
  1185.                             <button id=\"addToCart\"
  1186.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  1187.                                 <span>Producto agotado</span>
  1188.                             </button>
  1189.                         </div>
  1190.                     {% endif %}
  1191.                     <a href=\"{{ path('whatsapp_link', {'link': app.request.pathInfo}) }}\" target=\"_blank\"
  1192.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  1193.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  1194.                         {% include 'assets/whatsapp-herramientasparaalicatador.svg' %}
  1195.                     </a>
  1196.                 </div>
  1198.                 {% block price_nav_fixed %}
  1199.                     {% embed 'template-parts/price-nav-fixed.html.twig' %}{% endembed %}
  1200.                 {% endblock %}
  1201.             </div>
  1203.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  1204.                 {% block before_accordion %}{% endblock %}
  1205.                 {% if product.accordion|default %}
  1206.                     {% embed 'components/accordion.html.twig' with {
  1207.                         id: 'accordion_product',
  1208.                         accordion: 'collapse',
  1209.                         items: product.accordion
  1210.                     } %}
  1211.                     {% endembed %}
  1212.                 {% endif %}
  1213.             </div>
  1215.             {% if product.video|default %}
  1216.                 {% embed 'components/modal.html.twig' with {id: product.video, modal_button_class: 'hidden', youtube_id: product.video, modal_zIndex: 'z-[1000001]'} %}{% endembed %}
  1217.             {% endif %}
  1218.             {% block modales_producto %}{% endblock %}
  1219.         </div>
  1220.         {% block informacion_adicional_producto %}{% endblock %}
  1221.     </main>
  1223.     {% block after_main %}{% endblock %}
  1225.     {% if product.upsell_ids|default %}
  1226.         <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  1227.             {{ render_block('listadoproductos', {
  1228.                 titulo: product.tituloProductosRelacionados ?? 'Productos relacionados' ,
  1229.                 alineacion: 'start',
  1230.                 categorias_productos: false,
  1231.                 etiquetas_productos: false,
  1232.                 numero_productos: '-1',
  1233.                 boton: '',
  1234.                 slider_grid: 'slider',
  1235.                 productos: product.upsell_ids,
  1236.                 id: 'relacionados',
  1237.             }) }}
  1238.         </section>
  1239.     {% endif %}
  1240. {% endblock %}
  1242. {% block footer %}
  1243.     {% include 'footer.html.twig' %}
  1244.     <div class=\"pb-44 lg:pb-16\"></div>
  1245.     <style>
  1246.         #whatsapp {
  1247.             margin-bottom: 5rem;
  1248.         }
  1249.     </style>
  1250.     {{ wp_footer() }}
  1251. {% endblock footer %}
  1253. {% block json_schema %}
  1254.     {{ json_schema|raw }}
  1255. {% endblock %}", "product.html.twig", "/srv/app/templates/product.html.twig");
  1256.     }
  1257. }
  1260. /* product.html.twig */
  1261. class __TwigTemplate_92806ffe18a545913b4088f56e0ad847___1985890457 extends Template
  1262. {
  1263.     private $source;
  1264.     private $macros = [];
  1266.     public function __construct(Environment $env)
  1267.     {
  1268.         parent::__construct($env);
  1270.         $this->source = $this->getSourceContext();
  1272.         $this->blocks = [
  1273.         ];
  1274.     }
  1276.     protected function doGetParent(array $context)
  1277.     {
  1278.         // line 112
  1279.         return "template-parts/price-box.html.twig";
  1280.     }
  1282.     protected function doDisplay(array $context, array $blocks = [])
  1283.     {
  1284.         $macros = $this->macros;
  1285.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1286.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  1288.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1289.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  1291.         $this->parent = $this->loadTemplate("template-parts/price-box.html.twig", "product.html.twig", 112);
  1292.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  1293.         
  1294.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1296.         
  1297.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1299.     }
  1301.     /**
  1302.      * @codeCoverageIgnore
  1303.      */
  1304.     public function getTemplateName()
  1305.     {
  1306.         return "product.html.twig";
  1307.     }
  1309.     /**
  1310.      * @codeCoverageIgnore
  1311.      */
  1312.     public function isTraitable()
  1313.     {
  1314.         return false;
  1315.     }
  1317.     /**
  1318.      * @codeCoverageIgnore
  1319.      */
  1320.     public function getDebugInfo()
  1321.     {
  1322.         return array (  1279 => 112,  991 => 23,  713 => 216,  703 => 215,  691 => 212,  683 => 206,  680 => 205,  670 => 204,  652 => 185,  634 => 182,  616 => 180,  598 => 166,  588 => 162,  585 => 161,  575 => 160,  557 => 144,  547 => 143,  544 => 140,  534 => 139,  524 => 136,  518 => 135,  516 => 132,  515 => 131,  513 => 130,  508 => 129,  498 => 128,  488 => 120,  486 => 118,  485 => 117,  483 => 115,  473 => 114,  463 => 113,  460 => 112,  450 => 111,  432 => 110,  419 => 199,  417 => 197,  416 => 190,  415 => 189,  412 => 188,  410 => 187,  407 => 186,  405 => 185,  401 => 183,  399 => 182,  396 => 181,  393 => 180,  390 => 179,  387 => 178,  385 => 177,  381 => 175,  378 => 174,  376 => 171,  374 => 168,  371 => 167,  369 => 166,  364 => 163,  362 => 160,  357 => 157,  355 => 156,  348 => 153,  339 => 146,  336 => 145,  333 => 144,  330 => 139,  326 => 137,  324 => 128,  320 => 126,  317 => 125,  314 => 124,  308 => 122,  305 => 121,  302 => 114,  299 => 111,  297 => 110,  290 => 106,  286 => 104,  281 => 101,  279 => 100,  274 => 97,  272 => 96,  267 => 93,  257 => 89,  253 => 88,  250 => 87,  246 => 86,  232 => 74,  230 => 73,  226 => 71,  224 => 70,  219 => 67,  212 => 65,  203 => 60,  200 => 59,  194 => 56,  190 => 55,  186 => 54,  182 => 53,  173 => 50,  171 => 49,  168 => 48,  164 => 47,  147 => 32,  142 => 29,  140 => 28,  134 => 26,  131 => 25,  128 => 24,  125 => 23,  123 => 22,  120 => 21,  118 => 20,  113 => 17,  107 => 15,  99 => 13,  97 => 12,  92 => 10,  89 => 9,  87 => 8,  84 => 7,  74 => 6,  63 => 1,  61 => 4,  48 => 1,);
  1323.     }
  1325.     public function getSourceContext()
  1326.     {
  1327.         return new Source("{% extends 'base.html.twig' %}
  1329. {# Some helpers to make this file more readable #}
  1330. {% set d = product.default_variation|default %}
  1332. {% block main %}
  1333.     <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  1334.         {% include 'template-parts/breadcrumb.html.twig' %}
  1335.     </div>
  1336.     <main id=\"product-{{ product.id }}\"
  1337.           x-init=\"\$nextTick(() => { initialize() })\"
  1338.             {% if d %}
  1339.                 x-data=\"window.alpineProductData({{ product | json_encode }}, {{ product['default_variation'] | json_encode }})\"
  1340.             {% else %}
  1341.                 x-data=\"window.alpineProductData({{ product | json_encode }})\"
  1342.             {% endif %}
  1343.           class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  1344.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  1345.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  1346.                 {% if product.gallery|default or product.galleryVariations|default %}
  1347.                     <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  1348.                         {% if product.discount|default %}
  1349.                             {% embed 'components/picto.html.twig' with {picto_name: '- ' ~ product.discount ~ '%'} %}{% endembed %}
  1350.                         {% endif %}
  1351.                         {% if product.video|default %}
  1352.                             <button data-modal-target=\"{{ product.video }}\"
  1353.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  1354.                                 {% include 'assets/youtube_icon.svg' %}
  1355.                                 <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  1356.                             </button>
  1357.                         {% endif %}
  1358.                         <div class=\"swiper-wrapper\">
  1359.                             <template x-for=\"item in current?.gallery || []\">
  1360.                                 <div class=\"swiper-slide\">
  1361.                                     <template x-if=\"item.src\">
  1362.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  1363.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  1364.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  1365.                                                  :src=\"item.src\"
  1366.                                                  :srcset=\"item.srcset\"
  1367.                                                  :sizes=\"item.sizes\"
  1368.                                                  :alt=\"item.alt\" loading=\"lazy\">
  1369.                                         </a>
  1370.                                     </template>
  1371.                                 </div>
  1372.                             </template>
  1373.                             {% for image in product.gallery %}
  1374.                                 <div class=\"swiper-slide\">
  1375.                                     {% if image.src|default %}
  1376.                                         <a href=\"{{ image.src }}\" data-pswp-src=\"{{ image.src }}\" data-pswp-width=\"1024\"
  1377.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  1378.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  1379.                                                  src=\"{{ image.src }}\"
  1380.                                                  srcset=\"{{ image.srcset }}\"
  1381.                                                  sizes=\"{{ image.sizes }}\"
  1382.                                                  alt=\"{{ image.alt }}\" loading=\"lazy\">
  1383.                                         </a>
  1384.                                     {% endif %}
  1385.                                     {% if image.youtube_id|default %}
  1386.                                         <iframe src=\"{{ image.youtube_src }}\" class=\"w-full h-full\"
  1387.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  1388.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  1389.                                                 allowfullscreen></iframe>
  1390.                                     {% endif %}
  1391.                                 </div>
  1392.                             {% endfor %}
  1393.                         </div>
  1394.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  1395.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  1396.                             {% include 'assets/swiper-next.svg' %}
  1397.                         </div>
  1398.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  1399.                             {% include 'assets/swiper-prev.svg' %}
  1400.                         </div>
  1401.                     </div>
  1402.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  1403.                         <div class=\"swiper-wrapper\">
  1404.                             <template x-for=\"item in current?.gallery || []\">
  1405.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  1406.                                     <template x-if=\"item.src\">
  1407.                                         <img :src=\"item.thumbnail.src\"
  1408.                                              :alt=\"item.alt\" loading=\"lazy\">
  1409.                                     </template>
  1410.                                 </div>
  1411.                             </template>
  1412.                             {% for image in product.gallery %}
  1413.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  1414.                                     <img src=\"{{ image.thumbnail.src }}\"
  1415.                                          alt=\"Miniatura {{ image.thumbnail.alt|default ? image.thumbnail.alt : image.alt }}\"
  1416.                                          loading=\"lazy\">
  1417.                                 </div>
  1418.                             {% endfor %}
  1419.                         </div>
  1420.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  1421.                              aria-disabled=\"true\">
  1422.                             {% include 'assets/swiper-next-thumbs.svg' %}
  1423.                         </div>
  1424.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  1425.                              aria-disabled=\"true\">
  1426.                             {% include 'assets/swiper-prev-thumbs.svg' %}
  1427.                         </div>
  1428.                     </div>
  1429.                 {% endif %}
  1430.             </div>
  1431.             <div class=\"row-span-1\">
  1432.                 <h1 class=\"text-3xl lg:max-w-lg\">{{ product.name }}</h1>
  1433.             </div>
  1434.             <div class=\"lg:row-span-2 order-4\">
  1435.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  1436.                     {% block start_sticky_product %}{% endblock %}
  1437.                     {% block price_box %}
  1438.                         {% embed 'template-parts/price-box.html.twig' %}{% endembed %}
  1439.                     {% endblock %}
  1440.                     {% block info_destacada %}
  1441.                         {% embed 'components/info-destacada.html.twig' with {
  1442.                             envio: true,
  1443.                             tiempo_envio: product.attributes['pa_tiempo-de-envio'][0].name ?? '',
  1444.                             size: product.length|default or product.width|default or product.height|default
  1445.                         } only %}{% endembed %}
  1446.                     {% endblock %}
  1447.                     {% if product.short_description|default %}
  1448.                         <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">{{ product.short_description|raw }}</span>
  1449.                     {% endif %}
  1450.                     {% if product.is_in_stock|default %}
  1451.                         {% if product.variation_attributes|default %}
  1452.                             <div id=\"product-attributes\"
  1453.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  1454.                                 {% block product_attributes %}
  1455.                                     {% for key, attribute in product.variation_attributes %}
  1456.                                         {% embed 'components/attributes/attribute-button.html.twig' with {
  1457.                                             atributos: 'product.variation_attributes[\"' ~ key ~ '\"]',
  1458.                                             atributo: key,
  1459.                                         } only %}
  1460.                                         {% endembed %}
  1461.                                     {% endfor %}
  1462.                                 {% endblock %}
  1463.                             </div>
  1464.                         {% endif %}
  1465.                         {% block add_to_cart %}
  1466.                             {% embed 'components/add-to-cart.html.twig' with {
  1467.                                 quantity: true
  1468.                             } %}{% endembed %}
  1469.                         {% endblock %}
  1470.                         {% block after_add_to_cart %}{% endblock %}
  1471.                     {% else %}
  1472.                         <div class=\"flex flex-row items-center gap-3 mt-6\">
  1473.                             <button id=\"addToCart\"
  1474.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  1475.                                 <span>Producto agotado</span>
  1476.                             </button>
  1477.                         </div>
  1478.                     {% endif %}
  1479.                     <a href=\"{{ path('whatsapp_link', {'link': app.request.pathInfo}) }}\" target=\"_blank\"
  1480.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  1481.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  1482.                         {% include 'assets/whatsapp-herramientasparaalicatador.svg' %}
  1483.                     </a>
  1484.                 </div>
  1486.                 {% block price_nav_fixed %}
  1487.                     {% embed 'template-parts/price-nav-fixed.html.twig' %}{% endembed %}
  1488.                 {% endblock %}
  1489.             </div>
  1491.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  1492.                 {% block before_accordion %}{% endblock %}
  1493.                 {% if product.accordion|default %}
  1494.                     {% embed 'components/accordion.html.twig' with {
  1495.                         id: 'accordion_product',
  1496.                         accordion: 'collapse',
  1497.                         items: product.accordion
  1498.                     } %}
  1499.                     {% endembed %}
  1500.                 {% endif %}
  1501.             </div>
  1503.             {% if product.video|default %}
  1504.                 {% embed 'components/modal.html.twig' with {id: product.video, modal_button_class: 'hidden', youtube_id: product.video, modal_zIndex: 'z-[1000001]'} %}{% endembed %}
  1505.             {% endif %}
  1506.             {% block modales_producto %}{% endblock %}
  1507.         </div>
  1508.         {% block informacion_adicional_producto %}{% endblock %}
  1509.     </main>
  1511.     {% block after_main %}{% endblock %}
  1513.     {% if product.upsell_ids|default %}
  1514.         <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  1515.             {{ render_block('listadoproductos', {
  1516.                 titulo: product.tituloProductosRelacionados ?? 'Productos relacionados' ,
  1517.                 alineacion: 'start',
  1518.                 categorias_productos: false,
  1519.                 etiquetas_productos: false,
  1520.                 numero_productos: '-1',
  1521.                 boton: '',
  1522.                 slider_grid: 'slider',
  1523.                 productos: product.upsell_ids,
  1524.                 id: 'relacionados',
  1525.             }) }}
  1526.         </section>
  1527.     {% endif %}
  1528. {% endblock %}
  1530. {% block footer %}
  1531.     {% include 'footer.html.twig' %}
  1532.     <div class=\"pb-44 lg:pb-16\"></div>
  1533.     <style>
  1534.         #whatsapp {
  1535.             margin-bottom: 5rem;
  1536.         }
  1537.     </style>
  1538.     {{ wp_footer() }}
  1539. {% endblock footer %}
  1541. {% block json_schema %}
  1542.     {{ json_schema|raw }}
  1543. {% endblock %}", "product.html.twig", "/srv/app/templates/product.html.twig");
  1544.     }
  1545. }
  1548. /* product.html.twig */
  1549. class __TwigTemplate_92806ffe18a545913b4088f56e0ad847___253043151 extends Template
  1550. {
  1551.     private $source;
  1552.     private $macros = [];
  1554.     public function __construct(Environment $env)
  1555.     {
  1556.         parent::__construct($env);
  1558.         $this->source = $this->getSourceContext();
  1560.         $this->blocks = [
  1561.         ];
  1562.     }
  1564.     protected function doGetParent(array $context)
  1565.     {
  1566.         // line 115
  1567.         return "components/info-destacada.html.twig";
  1568.     }
  1570.     protected function doDisplay(array $context, array $blocks = [])
  1571.     {
  1572.         $macros = $this->macros;
  1573.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1574.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  1576.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1577.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  1579.         $this->parent = $this->loadTemplate("components/info-destacada.html.twig", "product.html.twig", 115);
  1580.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  1581.         
  1582.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1584.         
  1585.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1587.     }
  1589.     /**
  1590.      * @codeCoverageIgnore
  1591.      */
  1592.     public function getTemplateName()
  1593.     {
  1594.         return "product.html.twig";
  1595.     }
  1597.     /**
  1598.      * @codeCoverageIgnore
  1599.      */
  1600.     public function isTraitable()
  1601.     {
  1602.         return false;
  1603.     }
  1605.     /**
  1606.      * @codeCoverageIgnore
  1607.      */
  1608.     public function getDebugInfo()
  1609.     {
  1610.         return array (  1567 => 115,  1279 => 112,  991 => 23,  713 => 216,  703 => 215,  691 => 212,  683 => 206,  680 => 205,  670 => 204,  652 => 185,  634 => 182,  616 => 180,  598 => 166,  588 => 162,  585 => 161,  575 => 160,  557 => 144,  547 => 143,  544 => 140,  534 => 139,  524 => 136,  518 => 135,  516 => 132,  515 => 131,  513 => 130,  508 => 129,  498 => 128,  488 => 120,  486 => 118,  485 => 117,  483 => 115,  473 => 114,  463 => 113,  460 => 112,  450 => 111,  432 => 110,  419 => 199,  417 => 197,  416 => 190,  415 => 189,  412 => 188,  410 => 187,  407 => 186,  405 => 185,  401 => 183,  399 => 182,  396 => 181,  393 => 180,  390 => 179,  387 => 178,  385 => 177,  381 => 175,  378 => 174,  376 => 171,  374 => 168,  371 => 167,  369 => 166,  364 => 163,  362 => 160,  357 => 157,  355 => 156,  348 => 153,  339 => 146,  336 => 145,  333 => 144,  330 => 139,  326 => 137,  324 => 128,  320 => 126,  317 => 125,  314 => 124,  308 => 122,  305 => 121,  302 => 114,  299 => 111,  297 => 110,  290 => 106,  286 => 104,  281 => 101,  279 => 100,  274 => 97,  272 => 96,  267 => 93,  257 => 89,  253 => 88,  250 => 87,  246 => 86,  232 => 74,  230 => 73,  226 => 71,  224 => 70,  219 => 67,  212 => 65,  203 => 60,  200 => 59,  194 => 56,  190 => 55,  186 => 54,  182 => 53,  173 => 50,  171 => 49,  168 => 48,  164 => 47,  147 => 32,  142 => 29,  140 => 28,  134 => 26,  131 => 25,  128 => 24,  125 => 23,  123 => 22,  120 => 21,  118 => 20,  113 => 17,  107 => 15,  99 => 13,  97 => 12,  92 => 10,  89 => 9,  87 => 8,  84 => 7,  74 => 6,  63 => 1,  61 => 4,  48 => 1,);
  1611.     }
  1613.     public function getSourceContext()
  1614.     {
  1615.         return new Source("{% extends 'base.html.twig' %}
  1617. {# Some helpers to make this file more readable #}
  1618. {% set d = product.default_variation|default %}
  1620. {% block main %}
  1621.     <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  1622.         {% include 'template-parts/breadcrumb.html.twig' %}
  1623.     </div>
  1624.     <main id=\"product-{{ product.id }}\"
  1625.           x-init=\"\$nextTick(() => { initialize() })\"
  1626.             {% if d %}
  1627.                 x-data=\"window.alpineProductData({{ product | json_encode }}, {{ product['default_variation'] | json_encode }})\"
  1628.             {% else %}
  1629.                 x-data=\"window.alpineProductData({{ product | json_encode }})\"
  1630.             {% endif %}
  1631.           class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  1632.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  1633.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  1634.                 {% if product.gallery|default or product.galleryVariations|default %}
  1635.                     <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  1636.                         {% if product.discount|default %}
  1637.                             {% embed 'components/picto.html.twig' with {picto_name: '- ' ~ product.discount ~ '%'} %}{% endembed %}
  1638.                         {% endif %}
  1639.                         {% if product.video|default %}
  1640.                             <button data-modal-target=\"{{ product.video }}\"
  1641.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  1642.                                 {% include 'assets/youtube_icon.svg' %}
  1643.                                 <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  1644.                             </button>
  1645.                         {% endif %}
  1646.                         <div class=\"swiper-wrapper\">
  1647.                             <template x-for=\"item in current?.gallery || []\">
  1648.                                 <div class=\"swiper-slide\">
  1649.                                     <template x-if=\"item.src\">
  1650.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  1651.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  1652.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  1653.                                                  :src=\"item.src\"
  1654.                                                  :srcset=\"item.srcset\"
  1655.                                                  :sizes=\"item.sizes\"
  1656.                                                  :alt=\"item.alt\" loading=\"lazy\">
  1657.                                         </a>
  1658.                                     </template>
  1659.                                 </div>
  1660.                             </template>
  1661.                             {% for image in product.gallery %}
  1662.                                 <div class=\"swiper-slide\">
  1663.                                     {% if image.src|default %}
  1664.                                         <a href=\"{{ image.src }}\" data-pswp-src=\"{{ image.src }}\" data-pswp-width=\"1024\"
  1665.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  1666.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  1667.                                                  src=\"{{ image.src }}\"
  1668.                                                  srcset=\"{{ image.srcset }}\"
  1669.                                                  sizes=\"{{ image.sizes }}\"
  1670.                                                  alt=\"{{ image.alt }}\" loading=\"lazy\">
  1671.                                         </a>
  1672.                                     {% endif %}
  1673.                                     {% if image.youtube_id|default %}
  1674.                                         <iframe src=\"{{ image.youtube_src }}\" class=\"w-full h-full\"
  1675.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  1676.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  1677.                                                 allowfullscreen></iframe>
  1678.                                     {% endif %}
  1679.                                 </div>
  1680.                             {% endfor %}
  1681.                         </div>
  1682.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  1683.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  1684.                             {% include 'assets/swiper-next.svg' %}
  1685.                         </div>
  1686.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  1687.                             {% include 'assets/swiper-prev.svg' %}
  1688.                         </div>
  1689.                     </div>
  1690.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  1691.                         <div class=\"swiper-wrapper\">
  1692.                             <template x-for=\"item in current?.gallery || []\">
  1693.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  1694.                                     <template x-if=\"item.src\">
  1695.                                         <img :src=\"item.thumbnail.src\"
  1696.                                              :alt=\"item.alt\" loading=\"lazy\">
  1697.                                     </template>
  1698.                                 </div>
  1699.                             </template>
  1700.                             {% for image in product.gallery %}
  1701.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  1702.                                     <img src=\"{{ image.thumbnail.src }}\"
  1703.                                          alt=\"Miniatura {{ image.thumbnail.alt|default ? image.thumbnail.alt : image.alt }}\"
  1704.                                          loading=\"lazy\">
  1705.                                 </div>
  1706.                             {% endfor %}
  1707.                         </div>
  1708.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  1709.                              aria-disabled=\"true\">
  1710.                             {% include 'assets/swiper-next-thumbs.svg' %}
  1711.                         </div>
  1712.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  1713.                              aria-disabled=\"true\">
  1714.                             {% include 'assets/swiper-prev-thumbs.svg' %}
  1715.                         </div>
  1716.                     </div>
  1717.                 {% endif %}
  1718.             </div>
  1719.             <div class=\"row-span-1\">
  1720.                 <h1 class=\"text-3xl lg:max-w-lg\">{{ product.name }}</h1>
  1721.             </div>
  1722.             <div class=\"lg:row-span-2 order-4\">
  1723.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  1724.                     {% block start_sticky_product %}{% endblock %}
  1725.                     {% block price_box %}
  1726.                         {% embed 'template-parts/price-box.html.twig' %}{% endembed %}
  1727.                     {% endblock %}
  1728.                     {% block info_destacada %}
  1729.                         {% embed 'components/info-destacada.html.twig' with {
  1730.                             envio: true,
  1731.                             tiempo_envio: product.attributes['pa_tiempo-de-envio'][0].name ?? '',
  1732.                             size: product.length|default or product.width|default or product.height|default
  1733.                         } only %}{% endembed %}
  1734.                     {% endblock %}
  1735.                     {% if product.short_description|default %}
  1736.                         <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">{{ product.short_description|raw }}</span>
  1737.                     {% endif %}
  1738.                     {% if product.is_in_stock|default %}
  1739.                         {% if product.variation_attributes|default %}
  1740.                             <div id=\"product-attributes\"
  1741.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  1742.                                 {% block product_attributes %}
  1743.                                     {% for key, attribute in product.variation_attributes %}
  1744.                                         {% embed 'components/attributes/attribute-button.html.twig' with {
  1745.                                             atributos: 'product.variation_attributes[\"' ~ key ~ '\"]',
  1746.                                             atributo: key,
  1747.                                         } only %}
  1748.                                         {% endembed %}
  1749.                                     {% endfor %}
  1750.                                 {% endblock %}
  1751.                             </div>
  1752.                         {% endif %}
  1753.                         {% block add_to_cart %}
  1754.                             {% embed 'components/add-to-cart.html.twig' with {
  1755.                                 quantity: true
  1756.                             } %}{% endembed %}
  1757.                         {% endblock %}
  1758.                         {% block after_add_to_cart %}{% endblock %}
  1759.                     {% else %}
  1760.                         <div class=\"flex flex-row items-center gap-3 mt-6\">
  1761.                             <button id=\"addToCart\"
  1762.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  1763.                                 <span>Producto agotado</span>
  1764.                             </button>
  1765.                         </div>
  1766.                     {% endif %}
  1767.                     <a href=\"{{ path('whatsapp_link', {'link': app.request.pathInfo}) }}\" target=\"_blank\"
  1768.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  1769.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  1770.                         {% include 'assets/whatsapp-herramientasparaalicatador.svg' %}
  1771.                     </a>
  1772.                 </div>
  1774.                 {% block price_nav_fixed %}
  1775.                     {% embed 'template-parts/price-nav-fixed.html.twig' %}{% endembed %}
  1776.                 {% endblock %}
  1777.             </div>
  1779.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  1780.                 {% block before_accordion %}{% endblock %}
  1781.                 {% if product.accordion|default %}
  1782.                     {% embed 'components/accordion.html.twig' with {
  1783.                         id: 'accordion_product',
  1784.                         accordion: 'collapse',
  1785.                         items: product.accordion
  1786.                     } %}
  1787.                     {% endembed %}
  1788.                 {% endif %}
  1789.             </div>
  1791.             {% if product.video|default %}
  1792.                 {% embed 'components/modal.html.twig' with {id: product.video, modal_button_class: 'hidden', youtube_id: product.video, modal_zIndex: 'z-[1000001]'} %}{% endembed %}
  1793.             {% endif %}
  1794.             {% block modales_producto %}{% endblock %}
  1795.         </div>
  1796.         {% block informacion_adicional_producto %}{% endblock %}
  1797.     </main>
  1799.     {% block after_main %}{% endblock %}
  1801.     {% if product.upsell_ids|default %}
  1802.         <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  1803.             {{ render_block('listadoproductos', {
  1804.                 titulo: product.tituloProductosRelacionados ?? 'Productos relacionados' ,
  1805.                 alineacion: 'start',
  1806.                 categorias_productos: false,
  1807.                 etiquetas_productos: false,
  1808.                 numero_productos: '-1',
  1809.                 boton: '',
  1810.                 slider_grid: 'slider',
  1811.                 productos: product.upsell_ids,
  1812.                 id: 'relacionados',
  1813.             }) }}
  1814.         </section>
  1815.     {% endif %}
  1816. {% endblock %}
  1818. {% block footer %}
  1819.     {% include 'footer.html.twig' %}
  1820.     <div class=\"pb-44 lg:pb-16\"></div>
  1821.     <style>
  1822.         #whatsapp {
  1823.             margin-bottom: 5rem;
  1824.         }
  1825.     </style>
  1826.     {{ wp_footer() }}
  1827. {% endblock footer %}
  1829. {% block json_schema %}
  1830.     {{ json_schema|raw }}
  1831. {% endblock %}", "product.html.twig", "/srv/app/templates/product.html.twig");
  1832.     }
  1833. }
  1836. /* product.html.twig */
  1837. class __TwigTemplate_92806ffe18a545913b4088f56e0ad847___201806956 extends Template
  1838. {
  1839.     private $source;
  1840.     private $macros = [];
  1842.     public function __construct(Environment $env)
  1843.     {
  1844.         parent::__construct($env);
  1846.         $this->source = $this->getSourceContext();
  1848.         $this->blocks = [
  1849.         ];
  1850.     }
  1852.     protected function doGetParent(array $context)
  1853.     {
  1854.         // line 130
  1855.         return "components/attributes/attribute-button.html.twig";
  1856.     }
  1858.     protected function doDisplay(array $context, array $blocks = [])
  1859.     {
  1860.         $macros = $this->macros;
  1861.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1862.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  1864.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1865.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  1867.         $this->parent = $this->loadTemplate("components/attributes/attribute-button.html.twig", "product.html.twig", 130);
  1868.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  1869.         
  1870.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1872.         
  1873.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1875.     }
  1877.     /**
  1878.      * @codeCoverageIgnore
  1879.      */
  1880.     public function getTemplateName()
  1881.     {
  1882.         return "product.html.twig";
  1883.     }
  1885.     /**
  1886.      * @codeCoverageIgnore
  1887.      */
  1888.     public function isTraitable()
  1889.     {
  1890.         return false;
  1891.     }
  1893.     /**
  1894.      * @codeCoverageIgnore
  1895.      */
  1896.     public function getDebugInfo()
  1897.     {
  1898.         return array (  1855 => 130,  1567 => 115,  1279 => 112,  991 => 23,  713 => 216,  703 => 215,  691 => 212,  683 => 206,  680 => 205,  670 => 204,  652 => 185,  634 => 182,  616 => 180,  598 => 166,  588 => 162,  585 => 161,  575 => 160,  557 => 144,  547 => 143,  544 => 140,  534 => 139,  524 => 136,  518 => 135,  516 => 132,  515 => 131,  513 => 130,  508 => 129,  498 => 128,  488 => 120,  486 => 118,  485 => 117,  483 => 115,  473 => 114,  463 => 113,  460 => 112,  450 => 111,  432 => 110,  419 => 199,  417 => 197,  416 => 190,  415 => 189,  412 => 188,  410 => 187,  407 => 186,  405 => 185,  401 => 183,  399 => 182,  396 => 181,  393 => 180,  390 => 179,  387 => 178,  385 => 177,  381 => 175,  378 => 174,  376 => 171,  374 => 168,  371 => 167,  369 => 166,  364 => 163,  362 => 160,  357 => 157,  355 => 156,  348 => 153,  339 => 146,  336 => 145,  333 => 144,  330 => 139,  326 => 137,  324 => 128,  320 => 126,  317 => 125,  314 => 124,  308 => 122,  305 => 121,  302 => 114,  299 => 111,  297 => 110,  290 => 106,  286 => 104,  281 => 101,  279 => 100,  274 => 97,  272 => 96,  267 => 93,  257 => 89,  253 => 88,  250 => 87,  246 => 86,  232 => 74,  230 => 73,  226 => 71,  224 => 70,  219 => 67,  212 => 65,  203 => 60,  200 => 59,  194 => 56,  190 => 55,  186 => 54,  182 => 53,  173 => 50,  171 => 49,  168 => 48,  164 => 47,  147 => 32,  142 => 29,  140 => 28,  134 => 26,  131 => 25,  128 => 24,  125 => 23,  123 => 22,  120 => 21,  118 => 20,  113 => 17,  107 => 15,  99 => 13,  97 => 12,  92 => 10,  89 => 9,  87 => 8,  84 => 7,  74 => 6,  63 => 1,  61 => 4,  48 => 1,);
  1899.     }
  1901.     public function getSourceContext()
  1902.     {
  1903.         return new Source("{% extends 'base.html.twig' %}
  1905. {# Some helpers to make this file more readable #}
  1906. {% set d = product.default_variation|default %}
  1908. {% block main %}
  1909.     <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  1910.         {% include 'template-parts/breadcrumb.html.twig' %}
  1911.     </div>
  1912.     <main id=\"product-{{ product.id }}\"
  1913.           x-init=\"\$nextTick(() => { initialize() })\"
  1914.             {% if d %}
  1915.                 x-data=\"window.alpineProductData({{ product | json_encode }}, {{ product['default_variation'] | json_encode }})\"
  1916.             {% else %}
  1917.                 x-data=\"window.alpineProductData({{ product | json_encode }})\"
  1918.             {% endif %}
  1919.           class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  1920.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  1921.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  1922.                 {% if product.gallery|default or product.galleryVariations|default %}
  1923.                     <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  1924.                         {% if product.discount|default %}
  1925.                             {% embed 'components/picto.html.twig' with {picto_name: '- ' ~ product.discount ~ '%'} %}{% endembed %}
  1926.                         {% endif %}
  1927.                         {% if product.video|default %}
  1928.                             <button data-modal-target=\"{{ product.video }}\"
  1929.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  1930.                                 {% include 'assets/youtube_icon.svg' %}
  1931.                                 <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  1932.                             </button>
  1933.                         {% endif %}
  1934.                         <div class=\"swiper-wrapper\">
  1935.                             <template x-for=\"item in current?.gallery || []\">
  1936.                                 <div class=\"swiper-slide\">
  1937.                                     <template x-if=\"item.src\">
  1938.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  1939.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  1940.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  1941.                                                  :src=\"item.src\"
  1942.                                                  :srcset=\"item.srcset\"
  1943.                                                  :sizes=\"item.sizes\"
  1944.                                                  :alt=\"item.alt\" loading=\"lazy\">
  1945.                                         </a>
  1946.                                     </template>
  1947.                                 </div>
  1948.                             </template>
  1949.                             {% for image in product.gallery %}
  1950.                                 <div class=\"swiper-slide\">
  1951.                                     {% if image.src|default %}
  1952.                                         <a href=\"{{ image.src }}\" data-pswp-src=\"{{ image.src }}\" data-pswp-width=\"1024\"
  1953.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  1954.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  1955.                                                  src=\"{{ image.src }}\"
  1956.                                                  srcset=\"{{ image.srcset }}\"
  1957.                                                  sizes=\"{{ image.sizes }}\"
  1958.                                                  alt=\"{{ image.alt }}\" loading=\"lazy\">
  1959.                                         </a>
  1960.                                     {% endif %}
  1961.                                     {% if image.youtube_id|default %}
  1962.                                         <iframe src=\"{{ image.youtube_src }}\" class=\"w-full h-full\"
  1963.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  1964.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  1965.                                                 allowfullscreen></iframe>
  1966.                                     {% endif %}
  1967.                                 </div>
  1968.                             {% endfor %}
  1969.                         </div>
  1970.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  1971.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  1972.                             {% include 'assets/swiper-next.svg' %}
  1973.                         </div>
  1974.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  1975.                             {% include 'assets/swiper-prev.svg' %}
  1976.                         </div>
  1977.                     </div>
  1978.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  1979.                         <div class=\"swiper-wrapper\">
  1980.                             <template x-for=\"item in current?.gallery || []\">
  1981.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  1982.                                     <template x-if=\"item.src\">
  1983.                                         <img :src=\"item.thumbnail.src\"
  1984.                                              :alt=\"item.alt\" loading=\"lazy\">
  1985.                                     </template>
  1986.                                 </div>
  1987.                             </template>
  1988.                             {% for image in product.gallery %}
  1989.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  1990.                                     <img src=\"{{ image.thumbnail.src }}\"
  1991.                                          alt=\"Miniatura {{ image.thumbnail.alt|default ? image.thumbnail.alt : image.alt }}\"
  1992.                                          loading=\"lazy\">
  1993.                                 </div>
  1994.                             {% endfor %}
  1995.                         </div>
  1996.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  1997.                              aria-disabled=\"true\">
  1998.                             {% include 'assets/swiper-next-thumbs.svg' %}
  1999.                         </div>
  2000.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  2001.                              aria-disabled=\"true\">
  2002.                             {% include 'assets/swiper-prev-thumbs.svg' %}
  2003.                         </div>
  2004.                     </div>
  2005.                 {% endif %}
  2006.             </div>
  2007.             <div class=\"row-span-1\">
  2008.                 <h1 class=\"text-3xl lg:max-w-lg\">{{ product.name }}</h1>
  2009.             </div>
  2010.             <div class=\"lg:row-span-2 order-4\">
  2011.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  2012.                     {% block start_sticky_product %}{% endblock %}
  2013.                     {% block price_box %}
  2014.                         {% embed 'template-parts/price-box.html.twig' %}{% endembed %}
  2015.                     {% endblock %}
  2016.                     {% block info_destacada %}
  2017.                         {% embed 'components/info-destacada.html.twig' with {
  2018.                             envio: true,
  2019.                             tiempo_envio: product.attributes['pa_tiempo-de-envio'][0].name ?? '',
  2020.                             size: product.length|default or product.width|default or product.height|default
  2021.                         } only %}{% endembed %}
  2022.                     {% endblock %}
  2023.                     {% if product.short_description|default %}
  2024.                         <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">{{ product.short_description|raw }}</span>
  2025.                     {% endif %}
  2026.                     {% if product.is_in_stock|default %}
  2027.                         {% if product.variation_attributes|default %}
  2028.                             <div id=\"product-attributes\"
  2029.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  2030.                                 {% block product_attributes %}
  2031.                                     {% for key, attribute in product.variation_attributes %}
  2032.                                         {% embed 'components/attributes/attribute-button.html.twig' with {
  2033.                                             atributos: 'product.variation_attributes[\"' ~ key ~ '\"]',
  2034.                                             atributo: key,
  2035.                                         } only %}
  2036.                                         {% endembed %}
  2037.                                     {% endfor %}
  2038.                                 {% endblock %}
  2039.                             </div>
  2040.                         {% endif %}
  2041.                         {% block add_to_cart %}
  2042.                             {% embed 'components/add-to-cart.html.twig' with {
  2043.                                 quantity: true
  2044.                             } %}{% endembed %}
  2045.                         {% endblock %}
  2046.                         {% block after_add_to_cart %}{% endblock %}
  2047.                     {% else %}
  2048.                         <div class=\"flex flex-row items-center gap-3 mt-6\">
  2049.                             <button id=\"addToCart\"
  2050.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  2051.                                 <span>Producto agotado</span>
  2052.                             </button>
  2053.                         </div>
  2054.                     {% endif %}
  2055.                     <a href=\"{{ path('whatsapp_link', {'link': app.request.pathInfo}) }}\" target=\"_blank\"
  2056.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  2057.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  2058.                         {% include 'assets/whatsapp-herramientasparaalicatador.svg' %}
  2059.                     </a>
  2060.                 </div>
  2062.                 {% block price_nav_fixed %}
  2063.                     {% embed 'template-parts/price-nav-fixed.html.twig' %}{% endembed %}
  2064.                 {% endblock %}
  2065.             </div>
  2067.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  2068.                 {% block before_accordion %}{% endblock %}
  2069.                 {% if product.accordion|default %}
  2070.                     {% embed 'components/accordion.html.twig' with {
  2071.                         id: 'accordion_product',
  2072.                         accordion: 'collapse',
  2073.                         items: product.accordion
  2074.                     } %}
  2075.                     {% endembed %}
  2076.                 {% endif %}
  2077.             </div>
  2079.             {% if product.video|default %}
  2080.                 {% embed 'components/modal.html.twig' with {id: product.video, modal_button_class: 'hidden', youtube_id: product.video, modal_zIndex: 'z-[1000001]'} %}{% endembed %}
  2081.             {% endif %}
  2082.             {% block modales_producto %}{% endblock %}
  2083.         </div>
  2084.         {% block informacion_adicional_producto %}{% endblock %}
  2085.     </main>
  2087.     {% block after_main %}{% endblock %}
  2089.     {% if product.upsell_ids|default %}
  2090.         <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  2091.             {{ render_block('listadoproductos', {
  2092.                 titulo: product.tituloProductosRelacionados ?? 'Productos relacionados' ,
  2093.                 alineacion: 'start',
  2094.                 categorias_productos: false,
  2095.                 etiquetas_productos: false,
  2096.                 numero_productos: '-1',
  2097.                 boton: '',
  2098.                 slider_grid: 'slider',
  2099.                 productos: product.upsell_ids,
  2100.                 id: 'relacionados',
  2101.             }) }}
  2102.         </section>
  2103.     {% endif %}
  2104. {% endblock %}
  2106. {% block footer %}
  2107.     {% include 'footer.html.twig' %}
  2108.     <div class=\"pb-44 lg:pb-16\"></div>
  2109.     <style>
  2110.         #whatsapp {
  2111.             margin-bottom: 5rem;
  2112.         }
  2113.     </style>
  2114.     {{ wp_footer() }}
  2115. {% endblock footer %}
  2117. {% block json_schema %}
  2118.     {{ json_schema|raw }}
  2119. {% endblock %}", "product.html.twig", "/srv/app/templates/product.html.twig");
  2120.     }
  2121. }
  2124. /* product.html.twig */
  2125. class __TwigTemplate_92806ffe18a545913b4088f56e0ad847___1059092971 extends Template
  2126. {
  2127.     private $source;
  2128.     private $macros = [];
  2130.     public function __construct(Environment $env)
  2131.     {
  2132.         parent::__construct($env);
  2134.         $this->source = $this->getSourceContext();
  2136.         $this->blocks = [
  2137.         ];
  2138.     }
  2140.     protected function doGetParent(array $context)
  2141.     {
  2142.         // line 140
  2143.         return "components/add-to-cart.html.twig";
  2144.     }
  2146.     protected function doDisplay(array $context, array $blocks = [])
  2147.     {
  2148.         $macros = $this->macros;
  2149.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2150.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  2152.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2153.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  2155.         $this->parent = $this->loadTemplate("components/add-to-cart.html.twig", "product.html.twig", 140);
  2156.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  2157.         
  2158.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2160.         
  2161.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2163.     }
  2165.     /**
  2166.      * @codeCoverageIgnore
  2167.      */
  2168.     public function getTemplateName()
  2169.     {
  2170.         return "product.html.twig";
  2171.     }
  2173.     /**
  2174.      * @codeCoverageIgnore
  2175.      */
  2176.     public function isTraitable()
  2177.     {
  2178.         return false;
  2179.     }
  2181.     /**
  2182.      * @codeCoverageIgnore
  2183.      */
  2184.     public function getDebugInfo()
  2185.     {
  2186.         return array (  2143 => 140,  1855 => 130,  1567 => 115,  1279 => 112,  991 => 23,  713 => 216,  703 => 215,  691 => 212,  683 => 206,  680 => 205,  670 => 204,  652 => 185,  634 => 182,  616 => 180,  598 => 166,  588 => 162,  585 => 161,  575 => 160,  557 => 144,  547 => 143,  544 => 140,  534 => 139,  524 => 136,  518 => 135,  516 => 132,  515 => 131,  513 => 130,  508 => 129,  498 => 128,  488 => 120,  486 => 118,  485 => 117,  483 => 115,  473 => 114,  463 => 113,  460 => 112,  450 => 111,  432 => 110,  419 => 199,  417 => 197,  416 => 190,  415 => 189,  412 => 188,  410 => 187,  407 => 186,  405 => 185,  401 => 183,  399 => 182,  396 => 181,  393 => 180,  390 => 179,  387 => 178,  385 => 177,  381 => 175,  378 => 174,  376 => 171,  374 => 168,  371 => 167,  369 => 166,  364 => 163,  362 => 160,  357 => 157,  355 => 156,  348 => 153,  339 => 146,  336 => 145,  333 => 144,  330 => 139,  326 => 137,  324 => 128,  320 => 126,  317 => 125,  314 => 124,  308 => 122,  305 => 121,  302 => 114,  299 => 111,  297 => 110,  290 => 106,  286 => 104,  281 => 101,  279 => 100,  274 => 97,  272 => 96,  267 => 93,  257 => 89,  253 => 88,  250 => 87,  246 => 86,  232 => 74,  230 => 73,  226 => 71,  224 => 70,  219 => 67,  212 => 65,  203 => 60,  200 => 59,  194 => 56,  190 => 55,  186 => 54,  182 => 53,  173 => 50,  171 => 49,  168 => 48,  164 => 47,  147 => 32,  142 => 29,  140 => 28,  134 => 26,  131 => 25,  128 => 24,  125 => 23,  123 => 22,  120 => 21,  118 => 20,  113 => 17,  107 => 15,  99 => 13,  97 => 12,  92 => 10,  89 => 9,  87 => 8,  84 => 7,  74 => 6,  63 => 1,  61 => 4,  48 => 1,);
  2187.     }
  2189.     public function getSourceContext()
  2190.     {
  2191.         return new Source("{% extends 'base.html.twig' %}
  2193. {# Some helpers to make this file more readable #}
  2194. {% set d = product.default_variation|default %}
  2196. {% block main %}
  2197.     <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  2198.         {% include 'template-parts/breadcrumb.html.twig' %}
  2199.     </div>
  2200.     <main id=\"product-{{ product.id }}\"
  2201.           x-init=\"\$nextTick(() => { initialize() })\"
  2202.             {% if d %}
  2203.                 x-data=\"window.alpineProductData({{ product | json_encode }}, {{ product['default_variation'] | json_encode }})\"
  2204.             {% else %}
  2205.                 x-data=\"window.alpineProductData({{ product | json_encode }})\"
  2206.             {% endif %}
  2207.           class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  2208.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  2209.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  2210.                 {% if product.gallery|default or product.galleryVariations|default %}
  2211.                     <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  2212.                         {% if product.discount|default %}
  2213.                             {% embed 'components/picto.html.twig' with {picto_name: '- ' ~ product.discount ~ '%'} %}{% endembed %}
  2214.                         {% endif %}
  2215.                         {% if product.video|default %}
  2216.                             <button data-modal-target=\"{{ product.video }}\"
  2217.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  2218.                                 {% include 'assets/youtube_icon.svg' %}
  2219.                                 <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  2220.                             </button>
  2221.                         {% endif %}
  2222.                         <div class=\"swiper-wrapper\">
  2223.                             <template x-for=\"item in current?.gallery || []\">
  2224.                                 <div class=\"swiper-slide\">
  2225.                                     <template x-if=\"item.src\">
  2226.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  2227.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  2228.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  2229.                                                  :src=\"item.src\"
  2230.                                                  :srcset=\"item.srcset\"
  2231.                                                  :sizes=\"item.sizes\"
  2232.                                                  :alt=\"item.alt\" loading=\"lazy\">
  2233.                                         </a>
  2234.                                     </template>
  2235.                                 </div>
  2236.                             </template>
  2237.                             {% for image in product.gallery %}
  2238.                                 <div class=\"swiper-slide\">
  2239.                                     {% if image.src|default %}
  2240.                                         <a href=\"{{ image.src }}\" data-pswp-src=\"{{ image.src }}\" data-pswp-width=\"1024\"
  2241.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  2242.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  2243.                                                  src=\"{{ image.src }}\"
  2244.                                                  srcset=\"{{ image.srcset }}\"
  2245.                                                  sizes=\"{{ image.sizes }}\"
  2246.                                                  alt=\"{{ image.alt }}\" loading=\"lazy\">
  2247.                                         </a>
  2248.                                     {% endif %}
  2249.                                     {% if image.youtube_id|default %}
  2250.                                         <iframe src=\"{{ image.youtube_src }}\" class=\"w-full h-full\"
  2251.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  2252.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  2253.                                                 allowfullscreen></iframe>
  2254.                                     {% endif %}
  2255.                                 </div>
  2256.                             {% endfor %}
  2257.                         </div>
  2258.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  2259.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  2260.                             {% include 'assets/swiper-next.svg' %}
  2261.                         </div>
  2262.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  2263.                             {% include 'assets/swiper-prev.svg' %}
  2264.                         </div>
  2265.                     </div>
  2266.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  2267.                         <div class=\"swiper-wrapper\">
  2268.                             <template x-for=\"item in current?.gallery || []\">
  2269.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  2270.                                     <template x-if=\"item.src\">
  2271.                                         <img :src=\"item.thumbnail.src\"
  2272.                                              :alt=\"item.alt\" loading=\"lazy\">
  2273.                                     </template>
  2274.                                 </div>
  2275.                             </template>
  2276.                             {% for image in product.gallery %}
  2277.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  2278.                                     <img src=\"{{ image.thumbnail.src }}\"
  2279.                                          alt=\"Miniatura {{ image.thumbnail.alt|default ? image.thumbnail.alt : image.alt }}\"
  2280.                                          loading=\"lazy\">
  2281.                                 </div>
  2282.                             {% endfor %}
  2283.                         </div>
  2284.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  2285.                              aria-disabled=\"true\">
  2286.                             {% include 'assets/swiper-next-thumbs.svg' %}
  2287.                         </div>
  2288.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  2289.                              aria-disabled=\"true\">
  2290.                             {% include 'assets/swiper-prev-thumbs.svg' %}
  2291.                         </div>
  2292.                     </div>
  2293.                 {% endif %}
  2294.             </div>
  2295.             <div class=\"row-span-1\">
  2296.                 <h1 class=\"text-3xl lg:max-w-lg\">{{ product.name }}</h1>
  2297.             </div>
  2298.             <div class=\"lg:row-span-2 order-4\">
  2299.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  2300.                     {% block start_sticky_product %}{% endblock %}
  2301.                     {% block price_box %}
  2302.                         {% embed 'template-parts/price-box.html.twig' %}{% endembed %}
  2303.                     {% endblock %}
  2304.                     {% block info_destacada %}
  2305.                         {% embed 'components/info-destacada.html.twig' with {
  2306.                             envio: true,
  2307.                             tiempo_envio: product.attributes['pa_tiempo-de-envio'][0].name ?? '',
  2308.                             size: product.length|default or product.width|default or product.height|default
  2309.                         } only %}{% endembed %}
  2310.                     {% endblock %}
  2311.                     {% if product.short_description|default %}
  2312.                         <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">{{ product.short_description|raw }}</span>
  2313.                     {% endif %}
  2314.                     {% if product.is_in_stock|default %}
  2315.                         {% if product.variation_attributes|default %}
  2316.                             <div id=\"product-attributes\"
  2317.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  2318.                                 {% block product_attributes %}
  2319.                                     {% for key, attribute in product.variation_attributes %}
  2320.                                         {% embed 'components/attributes/attribute-button.html.twig' with {
  2321.                                             atributos: 'product.variation_attributes[\"' ~ key ~ '\"]',
  2322.                                             atributo: key,
  2323.                                         } only %}
  2324.                                         {% endembed %}
  2325.                                     {% endfor %}
  2326.                                 {% endblock %}
  2327.                             </div>
  2328.                         {% endif %}
  2329.                         {% block add_to_cart %}
  2330.                             {% embed 'components/add-to-cart.html.twig' with {
  2331.                                 quantity: true
  2332.                             } %}{% endembed %}
  2333.                         {% endblock %}
  2334.                         {% block after_add_to_cart %}{% endblock %}
  2335.                     {% else %}
  2336.                         <div class=\"flex flex-row items-center gap-3 mt-6\">
  2337.                             <button id=\"addToCart\"
  2338.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  2339.                                 <span>Producto agotado</span>
  2340.                             </button>
  2341.                         </div>
  2342.                     {% endif %}
  2343.                     <a href=\"{{ path('whatsapp_link', {'link': app.request.pathInfo}) }}\" target=\"_blank\"
  2344.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  2345.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  2346.                         {% include 'assets/whatsapp-herramientasparaalicatador.svg' %}
  2347.                     </a>
  2348.                 </div>
  2350.                 {% block price_nav_fixed %}
  2351.                     {% embed 'template-parts/price-nav-fixed.html.twig' %}{% endembed %}
  2352.                 {% endblock %}
  2353.             </div>
  2355.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  2356.                 {% block before_accordion %}{% endblock %}
  2357.                 {% if product.accordion|default %}
  2358.                     {% embed 'components/accordion.html.twig' with {
  2359.                         id: 'accordion_product',
  2360.                         accordion: 'collapse',
  2361.                         items: product.accordion
  2362.                     } %}
  2363.                     {% endembed %}
  2364.                 {% endif %}
  2365.             </div>
  2367.             {% if product.video|default %}
  2368.                 {% embed 'components/modal.html.twig' with {id: product.video, modal_button_class: 'hidden', youtube_id: product.video, modal_zIndex: 'z-[1000001]'} %}{% endembed %}
  2369.             {% endif %}
  2370.             {% block modales_producto %}{% endblock %}
  2371.         </div>
  2372.         {% block informacion_adicional_producto %}{% endblock %}
  2373.     </main>
  2375.     {% block after_main %}{% endblock %}
  2377.     {% if product.upsell_ids|default %}
  2378.         <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  2379.             {{ render_block('listadoproductos', {
  2380.                 titulo: product.tituloProductosRelacionados ?? 'Productos relacionados' ,
  2381.                 alineacion: 'start',
  2382.                 categorias_productos: false,
  2383.                 etiquetas_productos: false,
  2384.                 numero_productos: '-1',
  2385.                 boton: '',
  2386.                 slider_grid: 'slider',
  2387.                 productos: product.upsell_ids,
  2388.                 id: 'relacionados',
  2389.             }) }}
  2390.         </section>
  2391.     {% endif %}
  2392. {% endblock %}
  2394. {% block footer %}
  2395.     {% include 'footer.html.twig' %}
  2396.     <div class=\"pb-44 lg:pb-16\"></div>
  2397.     <style>
  2398.         #whatsapp {
  2399.             margin-bottom: 5rem;
  2400.         }
  2401.     </style>
  2402.     {{ wp_footer() }}
  2403. {% endblock footer %}
  2405. {% block json_schema %}
  2406.     {{ json_schema|raw }}
  2407. {% endblock %}", "product.html.twig", "/srv/app/templates/product.html.twig");
  2408.     }
  2409. }
  2412. /* product.html.twig */
  2413. class __TwigTemplate_92806ffe18a545913b4088f56e0ad847___1230436163 extends Template
  2414. {
  2415.     private $source;
  2416.     private $macros = [];
  2418.     public function __construct(Environment $env)
  2419.     {
  2420.         parent::__construct($env);
  2422.         $this->source = $this->getSourceContext();
  2424.         $this->blocks = [
  2425.         ];
  2426.     }
  2428.     protected function doGetParent(array $context)
  2429.     {
  2430.         // line 161
  2431.         return "template-parts/price-nav-fixed.html.twig";
  2432.     }
  2434.     protected function doDisplay(array $context, array $blocks = [])
  2435.     {
  2436.         $macros = $this->macros;
  2437.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2438.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  2440.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2441.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  2443.         $this->parent = $this->loadTemplate("template-parts/price-nav-fixed.html.twig", "product.html.twig", 161);
  2444.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  2445.         
  2446.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2448.         
  2449.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2451.     }
  2453.     /**
  2454.      * @codeCoverageIgnore
  2455.      */
  2456.     public function getTemplateName()
  2457.     {
  2458.         return "product.html.twig";
  2459.     }
  2461.     /**
  2462.      * @codeCoverageIgnore
  2463.      */
  2464.     public function isTraitable()
  2465.     {
  2466.         return false;
  2467.     }
  2469.     /**
  2470.      * @codeCoverageIgnore
  2471.      */
  2472.     public function getDebugInfo()
  2473.     {
  2474.         return array (  2431 => 161,  2143 => 140,  1855 => 130,  1567 => 115,  1279 => 112,  991 => 23,  713 => 216,  703 => 215,  691 => 212,  683 => 206,  680 => 205,  670 => 204,  652 => 185,  634 => 182,  616 => 180,  598 => 166,  588 => 162,  585 => 161,  575 => 160,  557 => 144,  547 => 143,  544 => 140,  534 => 139,  524 => 136,  518 => 135,  516 => 132,  515 => 131,  513 => 130,  508 => 129,  498 => 128,  488 => 120,  486 => 118,  485 => 117,  483 => 115,  473 => 114,  463 => 113,  460 => 112,  450 => 111,  432 => 110,  419 => 199,  417 => 197,  416 => 190,  415 => 189,  412 => 188,  410 => 187,  407 => 186,  405 => 185,  401 => 183,  399 => 182,  396 => 181,  393 => 180,  390 => 179,  387 => 178,  385 => 177,  381 => 175,  378 => 174,  376 => 171,  374 => 168,  371 => 167,  369 => 166,  364 => 163,  362 => 160,  357 => 157,  355 => 156,  348 => 153,  339 => 146,  336 => 145,  333 => 144,  330 => 139,  326 => 137,  324 => 128,  320 => 126,  317 => 125,  314 => 124,  308 => 122,  305 => 121,  302 => 114,  299 => 111,  297 => 110,  290 => 106,  286 => 104,  281 => 101,  279 => 100,  274 => 97,  272 => 96,  267 => 93,  257 => 89,  253 => 88,  250 => 87,  246 => 86,  232 => 74,  230 => 73,  226 => 71,  224 => 70,  219 => 67,  212 => 65,  203 => 60,  200 => 59,  194 => 56,  190 => 55,  186 => 54,  182 => 53,  173 => 50,  171 => 49,  168 => 48,  164 => 47,  147 => 32,  142 => 29,  140 => 28,  134 => 26,  131 => 25,  128 => 24,  125 => 23,  123 => 22,  120 => 21,  118 => 20,  113 => 17,  107 => 15,  99 => 13,  97 => 12,  92 => 10,  89 => 9,  87 => 8,  84 => 7,  74 => 6,  63 => 1,  61 => 4,  48 => 1,);
  2475.     }
  2477.     public function getSourceContext()
  2478.     {
  2479.         return new Source("{% extends 'base.html.twig' %}
  2481. {# Some helpers to make this file more readable #}
  2482. {% set d = product.default_variation|default %}
  2484. {% block main %}
  2485.     <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  2486.         {% include 'template-parts/breadcrumb.html.twig' %}
  2487.     </div>
  2488.     <main id=\"product-{{ product.id }}\"
  2489.           x-init=\"\$nextTick(() => { initialize() })\"
  2490.             {% if d %}
  2491.                 x-data=\"window.alpineProductData({{ product | json_encode }}, {{ product['default_variation'] | json_encode }})\"
  2492.             {% else %}
  2493.                 x-data=\"window.alpineProductData({{ product | json_encode }})\"
  2494.             {% endif %}
  2495.           class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  2496.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  2497.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  2498.                 {% if product.gallery|default or product.galleryVariations|default %}
  2499.                     <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  2500.                         {% if product.discount|default %}
  2501.                             {% embed 'components/picto.html.twig' with {picto_name: '- ' ~ product.discount ~ '%'} %}{% endembed %}
  2502.                         {% endif %}
  2503.                         {% if product.video|default %}
  2504.                             <button data-modal-target=\"{{ product.video }}\"
  2505.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  2506.                                 {% include 'assets/youtube_icon.svg' %}
  2507.                                 <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  2508.                             </button>
  2509.                         {% endif %}
  2510.                         <div class=\"swiper-wrapper\">
  2511.                             <template x-for=\"item in current?.gallery || []\">
  2512.                                 <div class=\"swiper-slide\">
  2513.                                     <template x-if=\"item.src\">
  2514.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  2515.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  2516.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  2517.                                                  :src=\"item.src\"
  2518.                                                  :srcset=\"item.srcset\"
  2519.                                                  :sizes=\"item.sizes\"
  2520.                                                  :alt=\"item.alt\" loading=\"lazy\">
  2521.                                         </a>
  2522.                                     </template>
  2523.                                 </div>
  2524.                             </template>
  2525.                             {% for image in product.gallery %}
  2526.                                 <div class=\"swiper-slide\">
  2527.                                     {% if image.src|default %}
  2528.                                         <a href=\"{{ image.src }}\" data-pswp-src=\"{{ image.src }}\" data-pswp-width=\"1024\"
  2529.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  2530.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  2531.                                                  src=\"{{ image.src }}\"
  2532.                                                  srcset=\"{{ image.srcset }}\"
  2533.                                                  sizes=\"{{ image.sizes }}\"
  2534.                                                  alt=\"{{ image.alt }}\" loading=\"lazy\">
  2535.                                         </a>
  2536.                                     {% endif %}
  2537.                                     {% if image.youtube_id|default %}
  2538.                                         <iframe src=\"{{ image.youtube_src }}\" class=\"w-full h-full\"
  2539.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  2540.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  2541.                                                 allowfullscreen></iframe>
  2542.                                     {% endif %}
  2543.                                 </div>
  2544.                             {% endfor %}
  2545.                         </div>
  2546.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  2547.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  2548.                             {% include 'assets/swiper-next.svg' %}
  2549.                         </div>
  2550.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  2551.                             {% include 'assets/swiper-prev.svg' %}
  2552.                         </div>
  2553.                     </div>
  2554.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  2555.                         <div class=\"swiper-wrapper\">
  2556.                             <template x-for=\"item in current?.gallery || []\">
  2557.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  2558.                                     <template x-if=\"item.src\">
  2559.                                         <img :src=\"item.thumbnail.src\"
  2560.                                              :alt=\"item.alt\" loading=\"lazy\">
  2561.                                     </template>
  2562.                                 </div>
  2563.                             </template>
  2564.                             {% for image in product.gallery %}
  2565.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  2566.                                     <img src=\"{{ image.thumbnail.src }}\"
  2567.                                          alt=\"Miniatura {{ image.thumbnail.alt|default ? image.thumbnail.alt : image.alt }}\"
  2568.                                          loading=\"lazy\">
  2569.                                 </div>
  2570.                             {% endfor %}
  2571.                         </div>
  2572.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  2573.                              aria-disabled=\"true\">
  2574.                             {% include 'assets/swiper-next-thumbs.svg' %}
  2575.                         </div>
  2576.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  2577.                              aria-disabled=\"true\">
  2578.                             {% include 'assets/swiper-prev-thumbs.svg' %}
  2579.                         </div>
  2580.                     </div>
  2581.                 {% endif %}
  2582.             </div>
  2583.             <div class=\"row-span-1\">
  2584.                 <h1 class=\"text-3xl lg:max-w-lg\">{{ product.name }}</h1>
  2585.             </div>
  2586.             <div class=\"lg:row-span-2 order-4\">
  2587.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  2588.                     {% block start_sticky_product %}{% endblock %}
  2589.                     {% block price_box %}
  2590.                         {% embed 'template-parts/price-box.html.twig' %}{% endembed %}
  2591.                     {% endblock %}
  2592.                     {% block info_destacada %}
  2593.                         {% embed 'components/info-destacada.html.twig' with {
  2594.                             envio: true,
  2595.                             tiempo_envio: product.attributes['pa_tiempo-de-envio'][0].name ?? '',
  2596.                             size: product.length|default or product.width|default or product.height|default
  2597.                         } only %}{% endembed %}
  2598.                     {% endblock %}
  2599.                     {% if product.short_description|default %}
  2600.                         <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">{{ product.short_description|raw }}</span>
  2601.                     {% endif %}
  2602.                     {% if product.is_in_stock|default %}
  2603.                         {% if product.variation_attributes|default %}
  2604.                             <div id=\"product-attributes\"
  2605.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  2606.                                 {% block product_attributes %}
  2607.                                     {% for key, attribute in product.variation_attributes %}
  2608.                                         {% embed 'components/attributes/attribute-button.html.twig' with {
  2609.                                             atributos: 'product.variation_attributes[\"' ~ key ~ '\"]',
  2610.                                             atributo: key,
  2611.                                         } only %}
  2612.                                         {% endembed %}
  2613.                                     {% endfor %}
  2614.                                 {% endblock %}
  2615.                             </div>
  2616.                         {% endif %}
  2617.                         {% block add_to_cart %}
  2618.                             {% embed 'components/add-to-cart.html.twig' with {
  2619.                                 quantity: true
  2620.                             } %}{% endembed %}
  2621.                         {% endblock %}
  2622.                         {% block after_add_to_cart %}{% endblock %}
  2623.                     {% else %}
  2624.                         <div class=\"flex flex-row items-center gap-3 mt-6\">
  2625.                             <button id=\"addToCart\"
  2626.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  2627.                                 <span>Producto agotado</span>
  2628.                             </button>
  2629.                         </div>
  2630.                     {% endif %}
  2631.                     <a href=\"{{ path('whatsapp_link', {'link': app.request.pathInfo}) }}\" target=\"_blank\"
  2632.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  2633.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  2634.                         {% include 'assets/whatsapp-herramientasparaalicatador.svg' %}
  2635.                     </a>
  2636.                 </div>
  2638.                 {% block price_nav_fixed %}
  2639.                     {% embed 'template-parts/price-nav-fixed.html.twig' %}{% endembed %}
  2640.                 {% endblock %}
  2641.             </div>
  2643.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  2644.                 {% block before_accordion %}{% endblock %}
  2645.                 {% if product.accordion|default %}
  2646.                     {% embed 'components/accordion.html.twig' with {
  2647.                         id: 'accordion_product',
  2648.                         accordion: 'collapse',
  2649.                         items: product.accordion
  2650.                     } %}
  2651.                     {% endembed %}
  2652.                 {% endif %}
  2653.             </div>
  2655.             {% if product.video|default %}
  2656.                 {% embed 'components/modal.html.twig' with {id: product.video, modal_button_class: 'hidden', youtube_id: product.video, modal_zIndex: 'z-[1000001]'} %}{% endembed %}
  2657.             {% endif %}
  2658.             {% block modales_producto %}{% endblock %}
  2659.         </div>
  2660.         {% block informacion_adicional_producto %}{% endblock %}
  2661.     </main>
  2663.     {% block after_main %}{% endblock %}
  2665.     {% if product.upsell_ids|default %}
  2666.         <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  2667.             {{ render_block('listadoproductos', {
  2668.                 titulo: product.tituloProductosRelacionados ?? 'Productos relacionados' ,
  2669.                 alineacion: 'start',
  2670.                 categorias_productos: false,
  2671.                 etiquetas_productos: false,
  2672.                 numero_productos: '-1',
  2673.                 boton: '',
  2674.                 slider_grid: 'slider',
  2675.                 productos: product.upsell_ids,
  2676.                 id: 'relacionados',
  2677.             }) }}
  2678.         </section>
  2679.     {% endif %}
  2680. {% endblock %}
  2682. {% block footer %}
  2683.     {% include 'footer.html.twig' %}
  2684.     <div class=\"pb-44 lg:pb-16\"></div>
  2685.     <style>
  2686.         #whatsapp {
  2687.             margin-bottom: 5rem;
  2688.         }
  2689.     </style>
  2690.     {{ wp_footer() }}
  2691. {% endblock footer %}
  2693. {% block json_schema %}
  2694.     {{ json_schema|raw }}
  2695. {% endblock %}", "product.html.twig", "/srv/app/templates/product.html.twig");
  2696.     }
  2697. }
  2700. /* product.html.twig */
  2701. class __TwigTemplate_92806ffe18a545913b4088f56e0ad847___85078136 extends Template
  2702. {
  2703.     private $source;
  2704.     private $macros = [];
  2706.     public function __construct(Environment $env)
  2707.     {
  2708.         parent::__construct($env);
  2710.         $this->source = $this->getSourceContext();
  2712.         $this->blocks = [
  2713.         ];
  2714.     }
  2716.     protected function doGetParent(array $context)
  2717.     {
  2718.         // line 168
  2719.         return "components/accordion.html.twig";
  2720.     }
  2722.     protected function doDisplay(array $context, array $blocks = [])
  2723.     {
  2724.         $macros = $this->macros;
  2725.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2726.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  2728.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2729.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  2731.         $this->parent = $this->loadTemplate("components/accordion.html.twig", "product.html.twig", 168);
  2732.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  2733.         
  2734.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2736.         
  2737.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2739.     }
  2741.     /**
  2742.      * @codeCoverageIgnore
  2743.      */
  2744.     public function getTemplateName()
  2745.     {
  2746.         return "product.html.twig";
  2747.     }
  2749.     /**
  2750.      * @codeCoverageIgnore
  2751.      */
  2752.     public function isTraitable()
  2753.     {
  2754.         return false;
  2755.     }
  2757.     /**
  2758.      * @codeCoverageIgnore
  2759.      */
  2760.     public function getDebugInfo()
  2761.     {
  2762.         return array (  2719 => 168,  2431 => 161,  2143 => 140,  1855 => 130,  1567 => 115,  1279 => 112,  991 => 23,  713 => 216,  703 => 215,  691 => 212,  683 => 206,  680 => 205,  670 => 204,  652 => 185,  634 => 182,  616 => 180,  598 => 166,  588 => 162,  585 => 161,  575 => 160,  557 => 144,  547 => 143,  544 => 140,  534 => 139,  524 => 136,  518 => 135,  516 => 132,  515 => 131,  513 => 130,  508 => 129,  498 => 128,  488 => 120,  486 => 118,  485 => 117,  483 => 115,  473 => 114,  463 => 113,  460 => 112,  450 => 111,  432 => 110,  419 => 199,  417 => 197,  416 => 190,  415 => 189,  412 => 188,  410 => 187,  407 => 186,  405 => 185,  401 => 183,  399 => 182,  396 => 181,  393 => 180,  390 => 179,  387 => 178,  385 => 177,  381 => 175,  378 => 174,  376 => 171,  374 => 168,  371 => 167,  369 => 166,  364 => 163,  362 => 160,  357 => 157,  355 => 156,  348 => 153,  339 => 146,  336 => 145,  333 => 144,  330 => 139,  326 => 137,  324 => 128,  320 => 126,  317 => 125,  314 => 124,  308 => 122,  305 => 121,  302 => 114,  299 => 111,  297 => 110,  290 => 106,  286 => 104,  281 => 101,  279 => 100,  274 => 97,  272 => 96,  267 => 93,  257 => 89,  253 => 88,  250 => 87,  246 => 86,  232 => 74,  230 => 73,  226 => 71,  224 => 70,  219 => 67,  212 => 65,  203 => 60,  200 => 59,  194 => 56,  190 => 55,  186 => 54,  182 => 53,  173 => 50,  171 => 49,  168 => 48,  164 => 47,  147 => 32,  142 => 29,  140 => 28,  134 => 26,  131 => 25,  128 => 24,  125 => 23,  123 => 22,  120 => 21,  118 => 20,  113 => 17,  107 => 15,  99 => 13,  97 => 12,  92 => 10,  89 => 9,  87 => 8,  84 => 7,  74 => 6,  63 => 1,  61 => 4,  48 => 1,);
  2763.     }
  2765.     public function getSourceContext()
  2766.     {
  2767.         return new Source("{% extends 'base.html.twig' %}
  2769. {# Some helpers to make this file more readable #}
  2770. {% set d = product.default_variation|default %}
  2772. {% block main %}
  2773.     <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  2774.         {% include 'template-parts/breadcrumb.html.twig' %}
  2775.     </div>
  2776.     <main id=\"product-{{ product.id }}\"
  2777.           x-init=\"\$nextTick(() => { initialize() })\"
  2778.             {% if d %}
  2779.                 x-data=\"window.alpineProductData({{ product | json_encode }}, {{ product['default_variation'] | json_encode }})\"
  2780.             {% else %}
  2781.                 x-data=\"window.alpineProductData({{ product | json_encode }})\"
  2782.             {% endif %}
  2783.           class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  2784.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  2785.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  2786.                 {% if product.gallery|default or product.galleryVariations|default %}
  2787.                     <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  2788.                         {% if product.discount|default %}
  2789.                             {% embed 'components/picto.html.twig' with {picto_name: '- ' ~ product.discount ~ '%'} %}{% endembed %}
  2790.                         {% endif %}
  2791.                         {% if product.video|default %}
  2792.                             <button data-modal-target=\"{{ product.video }}\"
  2793.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  2794.                                 {% include 'assets/youtube_icon.svg' %}
  2795.                                 <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  2796.                             </button>
  2797.                         {% endif %}
  2798.                         <div class=\"swiper-wrapper\">
  2799.                             <template x-for=\"item in current?.gallery || []\">
  2800.                                 <div class=\"swiper-slide\">
  2801.                                     <template x-if=\"item.src\">
  2802.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  2803.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  2804.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  2805.                                                  :src=\"item.src\"
  2806.                                                  :srcset=\"item.srcset\"
  2807.                                                  :sizes=\"item.sizes\"
  2808.                                                  :alt=\"item.alt\" loading=\"lazy\">
  2809.                                         </a>
  2810.                                     </template>
  2811.                                 </div>
  2812.                             </template>
  2813.                             {% for image in product.gallery %}
  2814.                                 <div class=\"swiper-slide\">
  2815.                                     {% if image.src|default %}
  2816.                                         <a href=\"{{ image.src }}\" data-pswp-src=\"{{ image.src }}\" data-pswp-width=\"1024\"
  2817.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  2818.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  2819.                                                  src=\"{{ image.src }}\"
  2820.                                                  srcset=\"{{ image.srcset }}\"
  2821.                                                  sizes=\"{{ image.sizes }}\"
  2822.                                                  alt=\"{{ image.alt }}\" loading=\"lazy\">
  2823.                                         </a>
  2824.                                     {% endif %}
  2825.                                     {% if image.youtube_id|default %}
  2826.                                         <iframe src=\"{{ image.youtube_src }}\" class=\"w-full h-full\"
  2827.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  2828.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  2829.                                                 allowfullscreen></iframe>
  2830.                                     {% endif %}
  2831.                                 </div>
  2832.                             {% endfor %}
  2833.                         </div>
  2834.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  2835.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  2836.                             {% include 'assets/swiper-next.svg' %}
  2837.                         </div>
  2838.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  2839.                             {% include 'assets/swiper-prev.svg' %}
  2840.                         </div>
  2841.                     </div>
  2842.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  2843.                         <div class=\"swiper-wrapper\">
  2844.                             <template x-for=\"item in current?.gallery || []\">
  2845.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  2846.                                     <template x-if=\"item.src\">
  2847.                                         <img :src=\"item.thumbnail.src\"
  2848.                                              :alt=\"item.alt\" loading=\"lazy\">
  2849.                                     </template>
  2850.                                 </div>
  2851.                             </template>
  2852.                             {% for image in product.gallery %}
  2853.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  2854.                                     <img src=\"{{ image.thumbnail.src }}\"
  2855.                                          alt=\"Miniatura {{ image.thumbnail.alt|default ? image.thumbnail.alt : image.alt }}\"
  2856.                                          loading=\"lazy\">
  2857.                                 </div>
  2858.                             {% endfor %}
  2859.                         </div>
  2860.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  2861.                              aria-disabled=\"true\">
  2862.                             {% include 'assets/swiper-next-thumbs.svg' %}
  2863.                         </div>
  2864.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  2865.                              aria-disabled=\"true\">
  2866.                             {% include 'assets/swiper-prev-thumbs.svg' %}
  2867.                         </div>
  2868.                     </div>
  2869.                 {% endif %}
  2870.             </div>
  2871.             <div class=\"row-span-1\">
  2872.                 <h1 class=\"text-3xl lg:max-w-lg\">{{ product.name }}</h1>
  2873.             </div>
  2874.             <div class=\"lg:row-span-2 order-4\">
  2875.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  2876.                     {% block start_sticky_product %}{% endblock %}
  2877.                     {% block price_box %}
  2878.                         {% embed 'template-parts/price-box.html.twig' %}{% endembed %}
  2879.                     {% endblock %}
  2880.                     {% block info_destacada %}
  2881.                         {% embed 'components/info-destacada.html.twig' with {
  2882.                             envio: true,
  2883.                             tiempo_envio: product.attributes['pa_tiempo-de-envio'][0].name ?? '',
  2884.                             size: product.length|default or product.width|default or product.height|default
  2885.                         } only %}{% endembed %}
  2886.                     {% endblock %}
  2887.                     {% if product.short_description|default %}
  2888.                         <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">{{ product.short_description|raw }}</span>
  2889.                     {% endif %}
  2890.                     {% if product.is_in_stock|default %}
  2891.                         {% if product.variation_attributes|default %}
  2892.                             <div id=\"product-attributes\"
  2893.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  2894.                                 {% block product_attributes %}
  2895.                                     {% for key, attribute in product.variation_attributes %}
  2896.                                         {% embed 'components/attributes/attribute-button.html.twig' with {
  2897.                                             atributos: 'product.variation_attributes[\"' ~ key ~ '\"]',
  2898.                                             atributo: key,
  2899.                                         } only %}
  2900.                                         {% endembed %}
  2901.                                     {% endfor %}
  2902.                                 {% endblock %}
  2903.                             </div>
  2904.                         {% endif %}
  2905.                         {% block add_to_cart %}
  2906.                             {% embed 'components/add-to-cart.html.twig' with {
  2907.                                 quantity: true
  2908.                             } %}{% endembed %}
  2909.                         {% endblock %}
  2910.                         {% block after_add_to_cart %}{% endblock %}
  2911.                     {% else %}
  2912.                         <div class=\"flex flex-row items-center gap-3 mt-6\">
  2913.                             <button id=\"addToCart\"
  2914.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  2915.                                 <span>Producto agotado</span>
  2916.                             </button>
  2917.                         </div>
  2918.                     {% endif %}
  2919.                     <a href=\"{{ path('whatsapp_link', {'link': app.request.pathInfo}) }}\" target=\"_blank\"
  2920.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  2921.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  2922.                         {% include 'assets/whatsapp-herramientasparaalicatador.svg' %}
  2923.                     </a>
  2924.                 </div>
  2926.                 {% block price_nav_fixed %}
  2927.                     {% embed 'template-parts/price-nav-fixed.html.twig' %}{% endembed %}
  2928.                 {% endblock %}
  2929.             </div>
  2931.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  2932.                 {% block before_accordion %}{% endblock %}
  2933.                 {% if product.accordion|default %}
  2934.                     {% embed 'components/accordion.html.twig' with {
  2935.                         id: 'accordion_product',
  2936.                         accordion: 'collapse',
  2937.                         items: product.accordion
  2938.                     } %}
  2939.                     {% endembed %}
  2940.                 {% endif %}
  2941.             </div>
  2943.             {% if product.video|default %}
  2944.                 {% embed 'components/modal.html.twig' with {id: product.video, modal_button_class: 'hidden', youtube_id: product.video, modal_zIndex: 'z-[1000001]'} %}{% endembed %}
  2945.             {% endif %}
  2946.             {% block modales_producto %}{% endblock %}
  2947.         </div>
  2948.         {% block informacion_adicional_producto %}{% endblock %}
  2949.     </main>
  2951.     {% block after_main %}{% endblock %}
  2953.     {% if product.upsell_ids|default %}
  2954.         <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  2955.             {{ render_block('listadoproductos', {
  2956.                 titulo: product.tituloProductosRelacionados ?? 'Productos relacionados' ,
  2957.                 alineacion: 'start',
  2958.                 categorias_productos: false,
  2959.                 etiquetas_productos: false,
  2960.                 numero_productos: '-1',
  2961.                 boton: '',
  2962.                 slider_grid: 'slider',
  2963.                 productos: product.upsell_ids,
  2964.                 id: 'relacionados',
  2965.             }) }}
  2966.         </section>
  2967.     {% endif %}
  2968. {% endblock %}
  2970. {% block footer %}
  2971.     {% include 'footer.html.twig' %}
  2972.     <div class=\"pb-44 lg:pb-16\"></div>
  2973.     <style>
  2974.         #whatsapp {
  2975.             margin-bottom: 5rem;
  2976.         }
  2977.     </style>
  2978.     {{ wp_footer() }}
  2979. {% endblock footer %}
  2981. {% block json_schema %}
  2982.     {{ json_schema|raw }}
  2983. {% endblock %}", "product.html.twig", "/srv/app/templates/product.html.twig");
  2984.     }
  2985. }
  2988. /* product.html.twig */
  2989. class __TwigTemplate_92806ffe18a545913b4088f56e0ad847___458667039 extends Template
  2990. {
  2991.     private $source;
  2992.     private $macros = [];
  2994.     public function __construct(Environment $env)
  2995.     {
  2996.         parent::__construct($env);
  2998.         $this->source = $this->getSourceContext();
  3000.         $this->blocks = [
  3001.         ];
  3002.     }
  3004.     protected function doGetParent(array $context)
  3005.     {
  3006.         // line 178
  3007.         return "components/modal.html.twig";
  3008.     }
  3010.     protected function doDisplay(array $context, array $blocks = [])
  3011.     {
  3012.         $macros = $this->macros;
  3013.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  3014.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  3016.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  3017.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "product.html.twig"));
  3019.         $this->parent = $this->loadTemplate("components/modal.html.twig", "product.html.twig", 178);
  3020.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  3021.         
  3022.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  3024.         
  3025.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  3027.     }
  3029.     /**
  3030.      * @codeCoverageIgnore
  3031.      */
  3032.     public function getTemplateName()
  3033.     {
  3034.         return "product.html.twig";
  3035.     }
  3037.     /**
  3038.      * @codeCoverageIgnore
  3039.      */
  3040.     public function isTraitable()
  3041.     {
  3042.         return false;
  3043.     }
  3045.     /**
  3046.      * @codeCoverageIgnore
  3047.      */
  3048.     public function getDebugInfo()
  3049.     {
  3050.         return array (  3007 => 178,  2719 => 168,  2431 => 161,  2143 => 140,  1855 => 130,  1567 => 115,  1279 => 112,  991 => 23,  713 => 216,  703 => 215,  691 => 212,  683 => 206,  680 => 205,  670 => 204,  652 => 185,  634 => 182,  616 => 180,  598 => 166,  588 => 162,  585 => 161,  575 => 160,  557 => 144,  547 => 143,  544 => 140,  534 => 139,  524 => 136,  518 => 135,  516 => 132,  515 => 131,  513 => 130,  508 => 129,  498 => 128,  488 => 120,  486 => 118,  485 => 117,  483 => 115,  473 => 114,  463 => 113,  460 => 112,  450 => 111,  432 => 110,  419 => 199,  417 => 197,  416 => 190,  415 => 189,  412 => 188,  410 => 187,  407 => 186,  405 => 185,  401 => 183,  399 => 182,  396 => 181,  393 => 180,  390 => 179,  387 => 178,  385 => 177,  381 => 175,  378 => 174,  376 => 171,  374 => 168,  371 => 167,  369 => 166,  364 => 163,  362 => 160,  357 => 157,  355 => 156,  348 => 153,  339 => 146,  336 => 145,  333 => 144,  330 => 139,  326 => 137,  324 => 128,  320 => 126,  317 => 125,  314 => 124,  308 => 122,  305 => 121,  302 => 114,  299 => 111,  297 => 110,  290 => 106,  286 => 104,  281 => 101,  279 => 100,  274 => 97,  272 => 96,  267 => 93,  257 => 89,  253 => 88,  250 => 87,  246 => 86,  232 => 74,  230 => 73,  226 => 71,  224 => 70,  219 => 67,  212 => 65,  203 => 60,  200 => 59,  194 => 56,  190 => 55,  186 => 54,  182 => 53,  173 => 50,  171 => 49,  168 => 48,  164 => 47,  147 => 32,  142 => 29,  140 => 28,  134 => 26,  131 => 25,  128 => 24,  125 => 23,  123 => 22,  120 => 21,  118 => 20,  113 => 17,  107 => 15,  99 => 13,  97 => 12,  92 => 10,  89 => 9,  87 => 8,  84 => 7,  74 => 6,  63 => 1,  61 => 4,  48 => 1,);
  3051.     }
  3053.     public function getSourceContext()
  3054.     {
  3055.         return new Source("{% extends 'base.html.twig' %}
  3057. {# Some helpers to make this file more readable #}
  3058. {% set d = product.default_variation|default %}
  3060. {% block main %}
  3061.     <div class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 pt-header\">
  3062.         {% include 'template-parts/breadcrumb.html.twig' %}
  3063.     </div>
  3064.     <main id=\"product-{{ product.id }}\"
  3065.           x-init=\"\$nextTick(() => { initialize() })\"
  3066.             {% if d %}
  3067.                 x-data=\"window.alpineProductData({{ product | json_encode }}, {{ product['default_variation'] | json_encode }})\"
  3068.             {% else %}
  3069.                 x-data=\"window.alpineProductData({{ product | json_encode }})\"
  3070.             {% endif %}
  3071.           class=\"max-w-screen-2xl mx-auto px-5 lg:px-20\">
  3072.         <div class=\"grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-[0.02fr_1fr] gap-y-6 lg:gap-x-12 lg:gap-y-4 pb-0 lg:pb-12\">
  3073.             <div class=\"swiper-container-wrapper product-gallery -ml-4 lg:ml-0 w-screen lg:w-full flex flex-col sm:flex-row-reverse flex-nowrap gap-4 lg:aspect-[677/400] lg:overflow-hidden order-2 lg:order-first\">
  3074.                 {% if product.gallery|default or product.galleryVariations|default %}
  3075.                     <div class=\"swiper group/product-page-swiper w-full lg:w-[calc(100%-100px)] relative !z-5\">
  3076.                         {% if product.discount|default %}
  3077.                             {% embed 'components/picto.html.twig' with {picto_name: '- ' ~ product.discount ~ '%'} %}{% endembed %}
  3078.                         {% endif %}
  3079.                         {% if product.video|default %}
  3080.                             <button data-modal-target=\"{{ product.video }}\"
  3081.                                     class=\"absolute top-4 right-4 z-100 flex w-max flex-row items-center gap-2 rounded-none bg-neutral-200 py-1 px-3\">
  3082.                                 {% include 'assets/youtube_icon.svg' %}
  3083.                                 <span class=\"text-sm font-bold text-black\">Ver vídeo</span>
  3084.                             </button>
  3085.                         {% endif %}
  3086.                         <div class=\"swiper-wrapper\">
  3087.                             <template x-for=\"item in current?.gallery || []\">
  3088.                                 <div class=\"swiper-slide\">
  3089.                                     <template x-if=\"item.src\">
  3090.                                         <a :href=\"item.src\" :data-pswp-src=\"item.src\" :data-pswp-width=\"1024\"
  3091.                                            :data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  3092.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  3093.                                                  :src=\"item.src\"
  3094.                                                  :srcset=\"item.srcset\"
  3095.                                                  :sizes=\"item.sizes\"
  3096.                                                  :alt=\"item.alt\" loading=\"lazy\">
  3097.                                         </a>
  3098.                                     </template>
  3099.                                 </div>
  3100.                             </template>
  3101.                             {% for image in product.gallery %}
  3102.                                 <div class=\"swiper-slide\">
  3103.                                     {% if image.src|default %}
  3104.                                         <a href=\"{{ image.src }}\" data-pswp-src=\"{{ image.src }}\" data-pswp-width=\"1024\"
  3105.                                            data-pswp-height=\"1024\" class=\"cursor-zoom-in\" rel=\"noreferrer\">
  3106.                                             <img class=\"w-full h-full aspect-[4/3] object-contain\"
  3107.                                                  src=\"{{ image.src }}\"
  3108.                                                  srcset=\"{{ image.srcset }}\"
  3109.                                                  sizes=\"{{ image.sizes }}\"
  3110.                                                  alt=\"{{ image.alt }}\" loading=\"lazy\">
  3111.                                         </a>
  3112.                                     {% endif %}
  3113.                                     {% if image.youtube_id|default %}
  3114.                                         <iframe src=\"{{ image.youtube_src }}\" class=\"w-full h-full\"
  3115.                                                 width=\"640\" height=\"360\" frameborder=\"0\"
  3116.                                                 allow=\"autoplay; fullscreen; picture-in-picture\"
  3117.                                                 allowfullscreen></iframe>
  3118.                                     {% endif %}
  3119.                                 </div>
  3120.                             {% endfor %}
  3121.                         </div>
  3122.                         <div class=\"swiper-scrollbar lg:opacity-0 group-[.swiper-initialized:hover]/product-page-swiper:opacity-100 transition-opacity duration-300 ease-in-out\"></div>
  3123.                         <div class=\"swiper-button-next aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  3124.                             {% include 'assets/swiper-next.svg' %}
  3125.                         </div>
  3126.                         <div class=\"swiper-button-prev aria-disabled:hidden after:hidden\" aria-disabled=\"true\">
  3127.                             {% include 'assets/swiper-prev.svg' %}
  3128.                         </div>
  3129.                     </div>
  3130.                     <div class=\"swiper product-page-swiper-thumbs w-[100px] !hidden lg:!block relative\">
  3131.                         <div class=\"swiper-wrapper\">
  3132.                             <template x-for=\"item in current?.gallery || []\">
  3133.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  3134.                                     <template x-if=\"item.src\">
  3135.                                         <img :src=\"item.thumbnail.src\"
  3136.                                              :alt=\"item.alt\" loading=\"lazy\">
  3137.                                     </template>
  3138.                                 </div>
  3139.                             </template>
  3140.                             {% for image in product.gallery %}
  3141.                                 <div class=\"swiper-slide !h-auto cursor-pointer last:!mb-0\">
  3142.                                     <img src=\"{{ image.thumbnail.src }}\"
  3143.                                          alt=\"Miniatura {{ image.thumbnail.alt|default ? image.thumbnail.alt : image.alt }}\"
  3144.                                          loading=\"lazy\">
  3145.                                 </div>
  3146.                             {% endfor %}
  3147.                         </div>
  3148.                         <div class=\"swiper-button-next swiper-button-next-thumbs !top-auto !bottom-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  3149.                              aria-disabled=\"true\">
  3150.                             {% include 'assets/swiper-next-thumbs.svg' %}
  3151.                         </div>
  3152.                         <div class=\"swiper-button-prev swiper-button-prev-thumbs !top-0 !left-0 !right-0 !mt-0 m-auto aria-disabled:hidden after:hidden\"
  3153.                              aria-disabled=\"true\">
  3154.                             {% include 'assets/swiper-prev-thumbs.svg' %}
  3155.                         </div>
  3156.                     </div>
  3157.                 {% endif %}
  3158.             </div>
  3159.             <div class=\"row-span-1\">
  3160.                 <h1 class=\"text-3xl lg:max-w-lg\">{{ product.name }}</h1>
  3161.             </div>
  3162.             <div class=\"lg:row-span-2 order-4\">
  3163.                 <div class=\"lg:sticky lg:top-header flex flex-col gap-y-6 z-0 sm:max-xl max-w-lg\">
  3164.                     {% block start_sticky_product %}{% endblock %}
  3165.                     {% block price_box %}
  3166.                         {% embed 'template-parts/price-box.html.twig' %}{% endembed %}
  3167.                     {% endblock %}
  3168.                     {% block info_destacada %}
  3169.                         {% embed 'components/info-destacada.html.twig' with {
  3170.                             envio: true,
  3171.                             tiempo_envio: product.attributes['pa_tiempo-de-envio'][0].name ?? '',
  3172.                             size: product.length|default or product.width|default or product.height|default
  3173.                         } only %}{% endembed %}
  3174.                     {% endblock %}
  3175.                     {% if product.short_description|default %}
  3176.                         <span class=\"order-last lg:order-none text-sm text-black prose max-w-none\">{{ product.short_description|raw }}</span>
  3177.                     {% endif %}
  3178.                     {% if product.is_in_stock|default %}
  3179.                         {% if product.variation_attributes|default %}
  3180.                             <div id=\"product-attributes\"
  3181.                                  class=\"space-y-6 bg-stone-100 xs:rounded-none p-4 w-screen -ml-4 xs:w-full xs:ml-0\">
  3182.                                 {% block product_attributes %}
  3183.                                     {% for key, attribute in product.variation_attributes %}
  3184.                                         {% embed 'components/attributes/attribute-button.html.twig' with {
  3185.                                             atributos: 'product.variation_attributes[\"' ~ key ~ '\"]',
  3186.                                             atributo: key,
  3187.                                         } only %}
  3188.                                         {% endembed %}
  3189.                                     {% endfor %}
  3190.                                 {% endblock %}
  3191.                             </div>
  3192.                         {% endif %}
  3193.                         {% block add_to_cart %}
  3194.                             {% embed 'components/add-to-cart.html.twig' with {
  3195.                                 quantity: true
  3196.                             } %}{% endembed %}
  3197.                         {% endblock %}
  3198.                         {% block after_add_to_cart %}{% endblock %}
  3199.                     {% else %}
  3200.                         <div class=\"flex flex-row items-center gap-3 mt-6\">
  3201.                             <button id=\"addToCart\"
  3202.                                     class=\"no-stock w-full flex flex-row justify-center items-center gap-3 rounded-none bg-black p-3 text-white text-center\">
  3203.                                 <span>Producto agotado</span>
  3204.                             </button>
  3205.                         </div>
  3206.                     {% endif %}
  3207.                     <a href=\"{{ path('whatsapp_link', {'link': app.request.pathInfo}) }}\" target=\"_blank\"
  3208.                        rel=\"nofollow\" class=\"[&_svg]:max-w-40
  3209.                         [&_svg]:max-h-40 [&_svg]:w-full [&_svg]:h-auto [&_svg]:object-contain\">
  3210.                         {% include 'assets/whatsapp-herramientasparaalicatador.svg' %}
  3211.                     </a>
  3212.                 </div>
  3214.                 {% block price_nav_fixed %}
  3215.                     {% embed 'template-parts/price-nav-fixed.html.twig' %}{% endembed %}
  3216.                 {% endblock %}
  3217.             </div>
  3219.             <div class=\"order-last lg:order-3 mt-0 lg:mt-[400px] mb-8\">
  3220.                 {% block before_accordion %}{% endblock %}
  3221.                 {% if product.accordion|default %}
  3222.                     {% embed 'components/accordion.html.twig' with {
  3223.                         id: 'accordion_product',
  3224.                         accordion: 'collapse',
  3225.                         items: product.accordion
  3226.                     } %}
  3227.                     {% endembed %}
  3228.                 {% endif %}
  3229.             </div>
  3231.             {% if product.video|default %}
  3232.                 {% embed 'components/modal.html.twig' with {id: product.video, modal_button_class: 'hidden', youtube_id: product.video, modal_zIndex: 'z-[1000001]'} %}{% endembed %}
  3233.             {% endif %}
  3234.             {% block modales_producto %}{% endblock %}
  3235.         </div>
  3236.         {% block informacion_adicional_producto %}{% endblock %}
  3237.     </main>
  3239.     {% block after_main %}{% endblock %}
  3241.     {% if product.upsell_ids|default %}
  3242.         <section class=\"max-w-screen-2xl mx-auto px-5 lg:px-20 flex flex-col gap-8\">
  3243.             {{ render_block('listadoproductos', {
  3244.                 titulo: product.tituloProductosRelacionados ?? 'Productos relacionados' ,
  3245.                 alineacion: 'start',
  3246.                 categorias_productos: false,
  3247.                 etiquetas_productos: false,
  3248.                 numero_productos: '-1',
  3249.                 boton: '',
  3250.                 slider_grid: 'slider',
  3251.                 productos: product.upsell_ids,
  3252.                 id: 'relacionados',
  3253.             }) }}
  3254.         </section>
  3255.     {% endif %}
  3256. {% endblock %}
  3258. {% block footer %}
  3259.     {% include 'footer.html.twig' %}
  3260.     <div class=\"pb-44 lg:pb-16\"></div>
  3261.     <style>
  3262.         #whatsapp {
  3263.             margin-bottom: 5rem;
  3264.         }
  3265.     </style>
  3266.     {{ wp_footer() }}
  3267. {% endblock footer %}
  3269. {% block json_schema %}
  3270.     {{ json_schema|raw }}
  3271. {% endblock %}", "product.html.twig", "/srv/app/templates/product.html.twig");
  3272.     }
  3273. }