<?php
use Twig\Environment;
use function Shopware\Core\Framework\Adapter\Twig\sw_get_attribute;
use function Shopware\Core\Framework\Adapter\Twig\sw_escape_filter;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* @GrimmTheme/storefront/page/product-detail/index.html.twig */
class __TwigTemplate_311474c66431cb5d137b44fa13fcbddc extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'base_header' => [$this, 'block_base_header'],
'base_header_inner' => [$this, 'block_base_header_inner'],
'base_navigation' => [$this, 'block_base_navigation'],
'base_navigation_inner' => [$this, 'block_base_navigation_inner'],
'page_product_detail_buy_form_action' => [$this, 'block_page_product_detail_buy_form_action'],
'base_content' => [$this, 'block_base_content'],
'page_product_detail' => [$this, 'block_page_product_detail'],
'page_product_detail_inner' => [$this, 'block_page_product_detail_inner'],
'page_product_detail_content' => [$this, 'block_page_product_detail_content'],
'page_product_detail_headline' => [$this, 'block_page_product_detail_headline'],
'page_product_detail_media' => [$this, 'block_page_product_detail_media'],
'page_product_detail_main' => [$this, 'block_page_product_detail_main'],
'page_product_detail_buy' => [$this, 'block_page_product_detail_buy'],
'page_product_detail_cross_selling' => [$this, 'block_page_product_detail_cross_selling'],
'page_product_detail_tabs' => [$this, 'block_page_product_detail_tabs'],
];
}
protected function doGetParent(array $context)
{
// line 2
return "@S360ProductRecommendations/storefront/page/product-detail/index.html.twig";
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@GrimmTheme/storefront/page/product-detail/index.html.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@GrimmTheme/storefront/page/product-detail/index.html.twig"));
// line 4
$context["isMobile"] = (($context["device"] ?? null) == "mobile");
// line 2
$this->parent = $this->loadTemplate("@S360ProductRecommendations/storefront/page/product-detail/index.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 2);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
// line 6
public function block_base_header($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_header"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_header"));
// line 7
echo " <header class=\"header-main sticky-header\">
";
// line 8
$this->displayBlock('base_header_inner', $context, $blocks);
// line 13
echo " </header>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 8
public function block_base_header_inner($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_header_inner"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_header_inner"));
// line 9
echo " <div class=\"container\">
";
// line 10
$this->loadTemplate("@GrimmTheme/storefront/layout/header/header.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 10)->display($context);
// line 11
echo " </div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 16
public function block_base_navigation($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_navigation"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_navigation"));
// line 17
echo " <div class=\"nav-main sticky-header-nav\">
";
// line 18
$this->displayBlock('base_navigation_inner', $context, $blocks);
// line 21
echo " </div>
";
// line 24
echo "
<script>
function scrollToSection(sectionId) {
var section = document.getElementById(sectionId);
var offset = -500; // Adjust the offset as needed
if (section) {
var offsetTop = section.offsetTop - offset;
// window.scrollTo(0,15000);
window.scrollTo({ top: 175, behavior: \"smooth\" });
}
}
</script>
<div class=\"sticky-product-header\">
<div class=\"sticky-product-header-inner\">
<div class=\"row\">
<div class=\"col-lg-7 col-12 product-navigation\">
";
// line 45
echo " <span class=\"header-nav-link\"><a href=\"#productGeneralDescription\" onclick=\"scrollToSection('productGeneralDescription')\">";
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.tabsDescription"));
echo "</a></span>
";
// line 46
if ((((twig_length_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 46), "sortedProperties", [], "any", false, false, false, 46)) > 0) || (sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 46), "manufacturerNumber", [], "any", false, false, false, 46) != "")) || (sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 46), "ean", [], "any", false, false, false, 46) != ""))) {
// line 47
echo " <span class=\"header-nav-link\"><a href=\"#productGeneralProperties\" onclick=\"scrollToSection('productGeneralProperties')\">";
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.tabsProperties"));
echo "</a></span>
";
}
// line 49
echo " ";
if (((sw_get_attribute($this->env, $this->source, ($context["product"] ?? null), "customFields", [], "any", false, false, false, 49) && sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["product"] ?? null), "customFields", [], "any", false, false, false, 49), "downloads", [], "any", false, false, false, 49)) && twig_length_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["product"] ?? null), "customFields", [], "any", false, false, false, 49), "downloads", [], "any", false, false, false, 49)))) {
// line 50
echo " <span class=\"header-nav-link\"><a href=\"#productGeneralDownloads\" onclick=\"scrollToSection('productGeneralDownloads')\">";
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.tabsDownloads"));
echo "</a></span>
";
}
// line 52
echo " </div>
<div class=\"col-lg-2 only-desktop\">
";
// line 54
$this->loadTemplate("@GrimmTheme/storefront/component/product/card/price-taxes.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 54)->display(twig_array_merge($context, ["product" => sw_get_attribute($this->env, $this->source, // line 55
($context["page"] ?? null), "product", [], "any", false, false, false, 55)]));
// line 57
echo " <br>
";
// line 58
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/buy-widget-price.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 58)->display(twig_array_merge($context, ["product" => sw_get_attribute($this->env, $this->source, // line 59
($context["page"] ?? null), "product", [], "any", false, false, false, 59)]));
// line 61
echo " </div>
<div class=\"d-none d-md-block col-lg-3\">
<form
class=\"show-form-loader show-form-loader-buy-btn\"
action=\"";
// line 65
$this->displayBlock('page_product_detail_buy_form_action', $context, $blocks);
echo "\"
method=\"post\"
data-add-to-cart=\"true\"
class=\"buy-widget\">
";
// line 69
echo $this->extensions['Shopware\Storefront\Framework\Twig\Extension\CsrfFunctionExtension']->createCsrfPlaceholder("frontend.checkout.line-item.add");
echo "
<input type=\"hidden\"
name=\"redirectTo\"
value=\"frontend.detail.page\">
<input type=\"hidden\"
name=\"redirectParameters\"
data-redirect-parameters=\"true\"
value='{\"productId\": \"";
// line 78
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 78), "id", [], "any", false, false, false, 78), "html", null, true);
echo "\"}'>
<input type=\"hidden\"
name=\"lineItems[";
// line 80
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 80), "id", [], "any", false, false, false, 80), "html", null, true);
echo "][id]\"
value=\"";
// line 81
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 81), "id", [], "any", false, false, false, 81), "html", null, true);
echo "\">
<input type=\"hidden\"
name=\"lineItems[";
// line 83
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 83), "id", [], "any", false, false, false, 83), "html", null, true);
echo "][type]\"
value=\"product\">
<input type=\"hidden\"
name=\"lineItems[";
// line 86
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 86), "id", [], "any", false, false, false, 86), "html", null, true);
echo "][referencedId]\"
value=\"";
// line 87
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 87), "id", [], "any", false, false, false, 87), "html", null, true);
echo "\">
<input type=\"hidden\"
name=\"lineItems[";
// line 89
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 89), "id", [], "any", false, false, false, 89), "html", null, true);
echo "][stackable]\"
value=\"1\">
<input type=\"hidden\"
name=\"lineItems[";
// line 92
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 92), "id", [], "any", false, false, false, 92), "html", null, true);
echo "][removable]\"
value=\"1\">
<input type=\"hidden\"
name=\"product-name\"
value=\"";
// line 96
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 96), "translated", [], "any", false, false, false, 96), "name", [], "any", false, false, false, 96), "html", null, true);
echo "\">
<input type=\"hidden\"
name=\"brand-name\"
value=\"";
// line 99
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 99), "manufacturer", [], "any", false, false, false, 99), "getName", [], "method", false, false, false, 99), "html", null, true);
echo "\">
<button class=\"btn btn-block btn-buy font-weight-bold w-100 justify-content-center mb-1\" title=\"Warenkorb\">
<span class=\"d-sm-none mr-3\">";
// line 102
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("product.buyButton"));
echo "</span><span class=\"d-none d-sm-inline mr-3\">";
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.addProduct"));
echo "</span>
<span class=\"lak icon icon-warenkorb icon-sm\">
<svg width=\"23px\" height=\"23px\" viewBox=\"0 0 23 23\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">
<g id=\"Startseite\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">
<g id=\"Startseite-Lang-Copy-9\" transform=\"translate(-1282.000000, -61.000000)\" fill=\"#9B9B9B\" fill-rule=\"nonzero\">
<g id=\"Group-41\">
<g id=\"Group-5\" transform=\"translate(1282.000000, 61.000000)\">
<g id=\"Group-36\" transform=\"translate(0.500000, 0.500000)\">
<path d=\"M0.5,1 L2.83418038,1 C3.07711701,1 3.28489881,1.17462161 3.32671697,1.41393197 L5.83329879,15.7582041 C5.95875326,16.4761352 6.58209867,17 7.31090857,17 L18.5526336,17 C18.828776,17 19.0526336,16.7761424 19.0526336,16.5 C19.0526336,16.2238576 18.828776,16 18.5526336,16 L7.31090857,16 C7.06797193,16 6.86019013,15.8253784 6.81837197,15.586068 L4.31179015,1.24179591 C4.18633568,0.523864821 3.56299027,0 2.83418038,0 L0.5,0 C0.223857625,0 1.02318154e-12,0.223857625 1.02318154e-12,0.5 C1.02318154e-12,0.776142375 0.223857625,1 0.5,1 Z\" id=\"Path-6\"></path>
<path d=\"M7.10477473,3.78963344 L20.9464503,3.78963344 C21.2225927,3.78963344 21.4464503,4.01349107 21.4464503,4.28963344 C21.4464503,4.3390493 21.4391247,4.38819219 21.4247125,4.43545967 L19.2903526,11.4354597 C19.2261971,11.6458689 19.0320631,11.7896334 18.8120904,11.7896334 L8.43673944,11.7896334 C8.16059707,11.7896334 7.93673944,12.0134911 7.93673944,12.2896334 C7.93673944,12.5657758 8.16059707,12.7896334 8.43673944,12.7896334 L18.8120904,12.7896334 C19.4720085,12.7896334 20.0544103,12.3583398 20.246877,11.7271121 L22.3812368,4.72711212 C22.4244736,4.58530969 22.4464503,4.43788103 22.4464503,4.28963344 C22.4464503,3.46120632 21.7748774,2.78963344 20.9464503,2.78963344 L7.10477473,2.78963344 C6.82863235,2.78963344 6.60477473,3.01349107 6.60477473,3.28963344 C6.60477473,3.56577582 6.82863235,3.78963344 7.10477473,3.78963344 Z\" id=\"Path-7\"></path>
<path d=\"M9.19378522,21.8094908 C10.1602835,21.8094908 10.9437852,21.0259891 10.9437852,20.0594908 C10.9437852,19.0929925 10.1602835,18.3094908 9.19378522,18.3094908 C8.22728691,18.3094908 7.44378522,19.0929925 7.44378522,20.0594908 C7.44378522,21.0259891 8.22728691,21.8094908 9.19378522,21.8094908 Z M9.19378522,20.8094908 C8.77957165,20.8094908 8.44378522,20.4737044 8.44378522,20.0594908 C8.44378522,19.6452772 8.77957165,19.3094908 9.19378522,19.3094908 C9.60799878,19.3094908 9.94378522,19.6452772 9.94378522,20.0594908 C9.94378522,20.4737044 9.60799878,20.8094908 9.19378522,20.8094908 Z\" id=\"Oval\"></path>
<path d=\"M18.1937852,21.8094908 C19.1602835,21.8094908 19.9437852,21.0259891 19.9437852,20.0594908 C19.9437852,19.0929925 19.1602835,18.3094908 18.1937852,18.3094908 C17.2272869,18.3094908 16.4437852,19.0929925 16.4437852,20.0594908 C16.4437852,21.0259891 17.2272869,21.8094908 18.1937852,21.8094908 Z M18.1937852,20.8094908 C17.7795717,20.8094908 17.4437852,20.4737044 17.4437852,20.0594908 C17.4437852,19.6452772 17.7795717,19.3094908 18.1937852,19.3094908 C18.6079988,19.3094908 18.9437852,19.6452772 18.9437852,20.0594908 C18.9437852,20.4737044 18.6079988,20.8094908 18.1937852,20.8094908 Z\" id=\"Oval-Copy-3\"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
</span>
</button>
</form>
</div>
</div>
</div>
</div>
<div class=\"sticky-product-footer d-md-none\">
<div class=\"sticky-product-footer-inner d-flex justify-content-between align-items-center\">
<div class=\"col-lg-2 p-0\">
";
// line 131
$this->loadTemplate("@GrimmTheme/storefront/component/product/card/price-taxes.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 131)->display(twig_array_merge($context, ["product" => sw_get_attribute($this->env, $this->source, // line 132
($context["page"] ?? null), "product", [], "any", false, false, false, 132)]));
// line 134
echo " <br>
";
// line 135
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/buy-widget-price.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 135)->display(twig_array_merge($context, ["product" => sw_get_attribute($this->env, $this->source, // line 136
($context["page"] ?? null), "product", [], "any", false, false, false, 136)]));
// line 138
echo " </div>
<div class=\"d-md-none\">
<form
class=\"show-form-loader show-form-loader-buy-btn\"
action=\"";
// line 142
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("frontend.checkout.line-item.add");
echo "\"
method=\"post\"
data-add-to-cart=\"true\"
class=\"buy-widget\">
";
// line 146
echo $this->extensions['Shopware\Storefront\Framework\Twig\Extension\CsrfFunctionExtension']->createCsrfPlaceholder("frontend.checkout.line-item.add");
echo "
<input type=\"hidden\"
name=\"redirectTo\"
value=\"frontend.detail.page\">
<input type=\"hidden\"
name=\"redirectParameters\"
data-redirect-parameters=\"true\"
value='{\"productId\": \"";
// line 155
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 155), "id", [], "any", false, false, false, 155), "html", null, true);
echo "\"}'>
<input type=\"hidden\"
name=\"lineItems[";
// line 157
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 157), "id", [], "any", false, false, false, 157), "html", null, true);
echo "][id]\"
value=\"";
// line 158
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 158), "id", [], "any", false, false, false, 158), "html", null, true);
echo "\">
<input type=\"hidden\"
name=\"lineItems[";
// line 160
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 160), "id", [], "any", false, false, false, 160), "html", null, true);
echo "][type]\"
value=\"product\">
<input type=\"hidden\"
name=\"lineItems[";
// line 163
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 163), "id", [], "any", false, false, false, 163), "html", null, true);
echo "][referencedId]\"
value=\"";
// line 164
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 164), "id", [], "any", false, false, false, 164), "html", null, true);
echo "\">
<input type=\"hidden\"
name=\"lineItems[";
// line 166
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 166), "id", [], "any", false, false, false, 166), "html", null, true);
echo "][stackable]\"
value=\"1\">
<input type=\"hidden\"
name=\"lineItems[";
// line 169
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 169), "id", [], "any", false, false, false, 169), "html", null, true);
echo "][removable]\"
value=\"1\">
<input type=\"hidden\"
name=\"product-name\"
value=\"";
// line 173
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 173), "translated", [], "any", false, false, false, 173), "name", [], "any", false, false, false, 173), "html", null, true);
echo "\">
<input type=\"hidden\"
name=\"brand-name\"
value=\"";
// line 176
echo sw_escape_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 176), "manufacturer", [], "any", false, false, false, 176), "getName", [], "method", false, false, false, 176), "html", null, true);
echo "\">
<button class=\"btn btn-block btn-buy font-weight-bold w-100 justify-content-center justify-content-md-around mb-1 sticky-footer-btn-buy\" title=\"Warenkorb\">
<span class=\"lak icon icon-warenkorb icon-sm\">
<svg width=\"23px\" height=\"23px\" viewBox=\"0 0 23 23\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">
<g id=\"Startseite\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">
<g id=\"Startseite-Lang-Copy-9\" transform=\"translate(-1282.000000, -61.000000)\" fill=\"#9B9B9B\" fill-rule=\"nonzero\">
<g id=\"Group-41\">
<g id=\"Group-5\" transform=\"translate(1282.000000, 61.000000)\">
<g id=\"Group-36\" transform=\"translate(0.500000, 0.500000)\">
<path d=\"M0.5,1 L2.83418038,1 C3.07711701,1 3.28489881,1.17462161 3.32671697,1.41393197 L5.83329879,15.7582041 C5.95875326,16.4761352 6.58209867,17 7.31090857,17 L18.5526336,17 C18.828776,17 19.0526336,16.7761424 19.0526336,16.5 C19.0526336,16.2238576 18.828776,16 18.5526336,16 L7.31090857,16 C7.06797193,16 6.86019013,15.8253784 6.81837197,15.586068 L4.31179015,1.24179591 C4.18633568,0.523864821 3.56299027,0 2.83418038,0 L0.5,0 C0.223857625,0 1.02318154e-12,0.223857625 1.02318154e-12,0.5 C1.02318154e-12,0.776142375 0.223857625,1 0.5,1 Z\" id=\"Path-6\"></path>
<path d=\"M7.10477473,3.78963344 L20.9464503,3.78963344 C21.2225927,3.78963344 21.4464503,4.01349107 21.4464503,4.28963344 C21.4464503,4.3390493 21.4391247,4.38819219 21.4247125,4.43545967 L19.2903526,11.4354597 C19.2261971,11.6458689 19.0320631,11.7896334 18.8120904,11.7896334 L8.43673944,11.7896334 C8.16059707,11.7896334 7.93673944,12.0134911 7.93673944,12.2896334 C7.93673944,12.5657758 8.16059707,12.7896334 8.43673944,12.7896334 L18.8120904,12.7896334 C19.4720085,12.7896334 20.0544103,12.3583398 20.246877,11.7271121 L22.3812368,4.72711212 C22.4244736,4.58530969 22.4464503,4.43788103 22.4464503,4.28963344 C22.4464503,3.46120632 21.7748774,2.78963344 20.9464503,2.78963344 L7.10477473,2.78963344 C6.82863235,2.78963344 6.60477473,3.01349107 6.60477473,3.28963344 C6.60477473,3.56577582 6.82863235,3.78963344 7.10477473,3.78963344 Z\" id=\"Path-7\"></path>
<path d=\"M9.19378522,21.8094908 C10.1602835,21.8094908 10.9437852,21.0259891 10.9437852,20.0594908 C10.9437852,19.0929925 10.1602835,18.3094908 9.19378522,18.3094908 C8.22728691,18.3094908 7.44378522,19.0929925 7.44378522,20.0594908 C7.44378522,21.0259891 8.22728691,21.8094908 9.19378522,21.8094908 Z M9.19378522,20.8094908 C8.77957165,20.8094908 8.44378522,20.4737044 8.44378522,20.0594908 C8.44378522,19.6452772 8.77957165,19.3094908 9.19378522,19.3094908 C9.60799878,19.3094908 9.94378522,19.6452772 9.94378522,20.0594908 C9.94378522,20.4737044 9.60799878,20.8094908 9.19378522,20.8094908 Z\" id=\"Oval\"></path>
<path d=\"M18.1937852,21.8094908 C19.1602835,21.8094908 19.9437852,21.0259891 19.9437852,20.0594908 C19.9437852,19.0929925 19.1602835,18.3094908 18.1937852,18.3094908 C17.2272869,18.3094908 16.4437852,19.0929925 16.4437852,20.0594908 C16.4437852,21.0259891 17.2272869,21.8094908 18.1937852,21.8094908 Z M18.1937852,20.8094908 C17.7795717,20.8094908 17.4437852,20.4737044 17.4437852,20.0594908 C17.4437852,19.6452772 17.7795717,19.3094908 18.1937852,19.3094908 C18.6079988,19.3094908 18.9437852,19.6452772 18.9437852,20.0594908 C18.9437852,20.4737044 18.6079988,20.8094908 18.1937852,20.8094908 Z\" id=\"Oval-Copy-3\"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
</span>
</button>
</form>
</div>
</div>
</div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 18
public function block_base_navigation_inner($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_navigation_inner"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_navigation_inner"));
// line 19
echo " ";
$this->loadTemplate("@S360MegaMenu/storefront/layout/navigation/navigation.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 19)->display($context);
// line 20
echo " ";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 65
public function block_page_product_detail_buy_form_action($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_buy_form_action"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_buy_form_action"));
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("frontend.checkout.line-item.add");
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 205
public function block_base_content($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_content"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "base_content"));
// line 206
echo " ";
$context["product"] = sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 206);
// line 207
echo " ";
$context["device"] = sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["app"] ?? null), "session", [], "any", false, false, false, 207), "get", [0 => "deviceType"], "method", false, false, false, 207);
// line 208
echo "
";
// line 209
$this->displayBlock('page_product_detail', $context, $blocks);
// line 615
echo "
";
// line 618
echo " ";
if (sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "hasExtension", [0 => "klaviyoIntegrationPluginExtension"], "method", false, false, false, 618)) {
// line 619
echo " ";
$context["extensionData"] = sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "getExtension", [0 => "klaviyoIntegrationPluginExtension"], "method", false, false, false, 619);
// line 620
echo " ";
$context["klaviyoComponentOptions"] = ["productInfo" => sw_get_attribute($this->env, $this->source, // line 621
($context["extensionData"] ?? null), "productInfo", [], "any", false, false, false, 621)];
// line 624
echo "
<div style=\"display: none;\" data-klaviyo-product-viewed-event-tracking-component=\"\"
data-klaviyo-product-viewed-event-tracking-component-options=\"";
// line 626
echo sw_escape_filter($this->env, $this->env->getFilter('json_encode')->getCallable()(($context["klaviyoComponentOptions"] ?? null)), "html", null, true);
echo "\"></div>
";
}
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 209
public function block_page_product_detail($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail"));
// line 210
echo " <div class=\"product-detail\" itemscope itemtype=\"https://schema.org/Product\">
";
// line 211
$this->displayBlock('page_product_detail_inner', $context, $blocks);
// line 613
echo " </div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 211
public function block_page_product_detail_inner($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_inner"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_inner"));
// line 212
echo " ";
$this->displayBlock('page_product_detail_content', $context, $blocks);
// line 605
echo "
";
// line 608
$this->displayBlock('page_product_detail_tabs', $context, $blocks);
// line 610
echo "
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 212
public function block_page_product_detail_content($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_content"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_content"));
// line 213
echo " <div class=\"product-detail-content\">
<div class=\"sw-clarity\" data-action=\"set\" data-params='[[ \"pageType\", \"product\" ]]'></div>
";
// line 215
$context["mediaItems"] = sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 215), "media", [], "any", false, false, false, 215), "media", [], "any", false, false, false, 215);
// line 216
echo "
<div class=\"row product-detail__box-container\">
";
// line 218
$this->displayBlock('page_product_detail_headline', $context, $blocks);
// line 227
echo "
";
// line 228
$this->displayBlock('page_product_detail_media', $context, $blocks);
// line 264
echo "
";
// line 265
$this->displayBlock('page_product_detail_main', $context, $blocks);
// line 602
echo " </div>
</div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 218
public function block_page_product_detail_headline($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_headline"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_headline"));
// line 219
echo " <button class=\"product-detail__print-btn d-none d-lg-block no-print\" onclick=\"window.print()\">
";
// line 220
((function () use ($context, $blocks) {
$finder = $this->env->getExtension('Shopware\Core\Framework\Adapter\Twig\Extension\NodeExtension')->getFinder();
$includeTemplate = $finder->find("@Storefront/storefront/utilities/icon.html.twig");
return $this->loadTemplate($includeTemplate ?? null, "@GrimmTheme/storefront/page/product-detail/index.html.twig", 220);
})())->display(twig_array_merge($context, ["pack" => "grimmtheme", "namespace" => "GrimmTheme", "size" => "sm", "name" => "drucken"]));
// line 221
echo " ";
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.print"));
echo "
</button>
<div class=\"col-12 row align-items-center product-detail-headline\">
";
// line 224
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/headline.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 224)->display($context);
// line 225
echo " </div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 228
public function block_page_product_detail_media($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_media"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_media"));
// line 229
echo " <div class=\"col-lg-7 product-detail__first-block\">
<div class=\"customer-switch__container d-md-none\">
<nav class=\"row no-gutters top-bar-nav align-items-center\">
<div id=\"top-bar-nav__item1\" class=\"custom-control custom-switch\">
<label for=\"customSwitch1\" class=\"top-bar-nav__label control-label label-b2b\">";
// line 233
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("header.accountType.business"));
echo "</label>
<input type=\"checkbox\" class=\"custom-control-input\" id=\"customSwitch1\" data-switch-tax ";
// line 234
if ((sw_get_attribute($this->env, $this->source, ($context["context"] ?? null), "taxState", [], "any", false, false, false, 234) === "gross")) {
echo "checked=\"checked\"";
}
echo ">
<label for=\"customSwitch1\" class=\"custom-control-label label-b2c\">";
// line 235
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("header.accountType.private"));
echo "</label>
</div>
</nav>
</div>
<div class=\"product-detail-media\">
";
// line 241
if (sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 241), "media", [], "any", false, false, false, 241)) {
// line 242
echo " ";
$this->loadTemplate("@GrimmTheme/storefront/element/cms-element-image-gallery.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 242)->display(twig_array_merge($context, ["mediaItems" => // line 243
($context["mediaItems"] ?? null), "zoom" => false, "zoomModal" => true, "displayMode" => "contain", "gutter" => 5, "minHeight" => "430px", "navigationArrows" => "inside", "navigationDots" => "outside", "galleryPosition" => "left", "isProduct" => true, "fallbackImageTitle" => sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, // line 253
($context["page"] ?? null), "product", [], "any", false, false, false, 253), "translated", [], "any", false, false, false, 253), "name", [], "any", false, false, false, 253), "startIndexThumbnails" => 1, "startIndexSlider" => 1]));
// line 257
echo " ";
}
// line 258
echo " </div>
";
// line 260
echo " ";
// line 261
echo "
</div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 265
public function block_page_product_detail_main($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_main"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_main"));
// line 266
echo " <div class=\"col-lg-5 product-detail-main\">
<div class=\"customer-switch__container d-none d-lg-block\">
<nav class=\"row no-gutters top-bar-nav align-items-center\">
<div id=\"top-bar-nav__item1\" class=\"custom-control custom-switch\">
<label for=\"customSwitch1\" class=\"top-bar-nav__label control-label label-b2b\">";
// line 270
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("header.accountType.business"));
echo "</label>
<input type=\"checkbox\" class=\"custom-control-input\" id=\"customSwitch1\" data-switch-tax ";
// line 271
if ((sw_get_attribute($this->env, $this->source, ($context["context"] ?? null), "taxState", [], "any", false, false, false, 271) === "gross")) {
echo "checked=\"checked\"";
}
echo ">
<label for=\"customSwitch1\" class=\"custom-control-label label-b2c\">";
// line 272
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("header.accountType.private"));
echo "</label>
</div>
</nav>
</div>
";
// line 276
$this->displayBlock('page_product_detail_buy', $context, $blocks);
// line 406
echo "
";
// line 408
echo "
</div>
<div class=\"col-lg-12 product-detail-tabs__cross-selling\">
";
// line 411
$this->displayBlock('page_product_detail_cross_selling', $context, $blocks);
// line 448
echo " </div>
<div class=\"col-lg-7 product-detail-tabs__wrapper pt-3\">
";
// line 450
if ( !($context["isMobile"] ?? null)) {
// line 451
echo " <div class=\"\">
<div class=\"product-detail-tabs\">
";
// line 454
if (sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 454), "translated", [], "any", false, false, false, 454), "description", [], "any", false, false, false, 454)) {
// line 455
echo " <div>
<a id=\"productGeneralDescription\" style=\"scroll-margin-top: 250px\"></a>
<h2 class=\"font-weight-bold\">";
// line 457
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.tabsDescription"));
echo "</h2>
";
// line 458
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/description.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 458)->display($context);
// line 459
echo " </div>
";
}
// line 461
echo " ";
if ((((twig_length_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 461), "sortedProperties", [], "any", false, false, false, 461)) > 0) || (sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 461), "manufacturerNumber", [], "any", false, false, false, 461) != "")) || (sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 461), "ean", [], "any", false, false, false, 461) != ""))) {
// line 462
echo " <div>
<a id=\"productGeneralProperties\" style=\"scroll-margin-top: 250px\"></a>
<h2 class=\"font-weight-bold\">";
// line 464
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.tabsProperties"));
echo "</h2>
";
// line 465
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/properties.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 465)->display($context);
// line 466
echo " </div>
";
}
// line 468
echo "
";
// line 469
if (((sw_get_attribute($this->env, $this->source, ($context["product"] ?? null), "customFields", [], "any", false, false, false, 469) && sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["product"] ?? null), "customFields", [], "any", false, false, false, 469), "downloads", [], "any", false, false, false, 469)) && twig_length_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["product"] ?? null), "customFields", [], "any", false, false, false, 469), "downloads", [], "any", false, false, false, 469)))) {
// line 470
echo " <div>
<a id=\"productGeneralDownloads\" style=\"scroll-margin-top: 250px\"></a>
<h2 class=\"font-weight-bold\">";
// line 472
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.tabsDownloads"));
echo "</h2>
";
// line 473
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/downloads.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 473)->display($context);
// line 474
echo " </div>
";
}
// line 476
echo "
";
// line 479
echo " </div>
</div>
";
}
// line 482
echo " </div>
<div class=\"col-lg-5 product-detail-info pt-3\">
<div class=\"mb-3 card reference-card\">
<div class=\"card-header\">
<div class=\"card-title\">Unsere Referenzen</div>
</div>
<div class=\"card-body\">
<div class=\"product-slider-controls-container\">
<div class=\"base-slider-controls\" data-base-slider-controls=\"true\" aria-label=\"Carousel Navigation\" tabindex=\"0\">
<button id=\"prevButton\" class=\"base-slider-controls-prev product-slider-controls-prev\" aria-controls=\"tns2\" tabindex=\"-1\" data-controls=\"prev\">";
// line 492
((function () use ($context, $blocks) {
$finder = $this->env->getExtension('Shopware\Core\Framework\Adapter\Twig\Extension\NodeExtension')->getFinder();
$includeTemplate = $finder->find("@Storefront/storefront/utilities/icon.html.twig");
return $this->loadTemplate($includeTemplate ?? null, "@GrimmTheme/storefront/page/product-detail/index.html.twig", 492);
})())->display(twig_array_merge($context, ["name" => "arrow-head-left"]));
echo "</button>
<button id=\"nextButton\" class=\"base-slider-controls-next product-slider-controls-next\" aria-controls=\"tns2\" tabindex=\"-1\" data-controls=\"next\">";
// line 493
((function () use ($context, $blocks) {
$finder = $this->env->getExtension('Shopware\Core\Framework\Adapter\Twig\Extension\NodeExtension')->getFinder();
$includeTemplate = $finder->find("@Storefront/storefront/utilities/icon.html.twig");
return $this->loadTemplate($includeTemplate ?? null, "@GrimmTheme/storefront/page/product-detail/index.html.twig", 493);
})())->display(twig_array_merge($context, ["name" => "arrow-head-right"]));
echo "</button>
</div>
</div>
<div id=\"slider-container\">
<div id=\"image-slider\">
<div class=\"slide\"><img src=\"/media/a1/72/75/1682430873/Hochschule-Fresenius.jpg\" alt=\"Slide 1\"></div>
<div class=\"slide\"><img src=\"/media/70/b0/17/1682430618/Konrad-Adenauer-Stiftung.jpg\" alt=\"Slide 1\"></div>
<div class=\"slide\"><img src=\"/media/3b/87/97/1633615706/Aviation-Catering.jpg\" alt=\"Slide 2\"></div>
<div class=\"slide\"><img src=\"/media/48/1f/c1/1633615706/Grand-Hyatt.jpg\" alt=\"Slide 3\"></div>
<div class=\"slide\"><img src=\"/media/b4/30/1c/1628156382/al-dente-group.jpg\" alt=\"Slide 4\"></div>
<div class=\"slide\"><img src=\"/media/77/11/2f/1633615706/Florida-Eis.jpg\" alt=\"Slide 5\"></div>
<div class=\"slide\"><img src=\"/media/47/ee/bf/1682430647/Heisser-Wolf.jpg\" alt=\"Slide 6\"></div>
<div class=\"slide\"><img src=\"/media/a1/72/75/1682430873/Hochschule-Fresenius.jpg\" alt=\"Slide 7\"></div>
<div class=\"slide\"><img src=\"/media/g0/4d/e3/1682430659/Upstall-Kantine.jpg\" alt=\"Slide 8\"></div>
<div class=\"slide\"><img src=\"/media/aa/11/51/1633615706/Regent-Berlin.jpg\" alt=\"Slide 9\"></div>
<div class=\"slide\"><img src=\"/media/5a/52/a1/1628156383/Wonder-Waffel.jpg\" alt=\"Slide 10\"></div>
<div class=\"slide\"><img src=\"/media/16/0a/a3/1628156382/Caritas.jpg\" alt=\"Slide 11\"></div>
<div class=\"slide\"><img src=\"/media/1d/1c/f8/1633615822/Tim-Raue-Logo.jpg\" alt=\"Slide 12\"></div>
<!-- Add more slides as needed -->
</div>
</div>
</div>
</div>
<script>
const _slider = document.getElementById('image-slider');
let _slideIndex = 0;
function showSlide(index) {
const translateValue = -index * (100 / 3) + '%';
_slider.style.transform = 'translateX(' + translateValue + ')';
}
function nextSlide() {
_slideIndex = (_slideIndex + 1) % (_slider.children.length - 2);
showSlide(_slideIndex);
}
function prevSlide() {
_slideIndex = (_slideIndex - 1 + (_slider.children.length - 2)) % (_slider.children.length - 2);
showSlide(_slideIndex);
}
// Set interval for automatic sliding (optional)
// setInterval(nextSlide, 3000); // Change slide every 3 seconds
// You can also use buttons or other events to trigger next/previous slides
// For example, you can use buttons like:
console.log('AAA');
document.getElementById('nextButton').addEventListener('click', nextSlide);
document.getElementById('prevButton').addEventListener('click', prevSlide);
</script>
";
// line 546
echo " ";
$context["config"] = $this->extensions['Shopware\Storefront\Framework\Twig\Extension\ConfigExtension']->config($context, "S360Experts.config");
// line 547
echo " ";
if ((sw_get_attribute($this->env, $this->source, ($context["config"] ?? null), "showOnDetail", [], "any", false, false, false, 547) && sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 547), "hasExtension", [0 => "s360_experts"], "method", false, false, false, 547))) {
// line 548
echo " ";
// line 549
echo " ";
$this->loadTemplate("@GrimmTheme/solution360/s360experts/product-detail.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 549)->display($context);
// line 550
echo " ";
}
// line 551
echo "
";
// line 562
echo "
</div>
";
// line 566
echo "
<div class=\"col-lg-12 product-detail-tabs__cross-selling interest\">
";
// line 569
echo " ";
if (($this->extensions['Shopware\Storefront\Framework\Twig\Extension\ConfigExtension']->config($context, "Clerkio.config.productRecommendationsEnabled") == "true")) {
// line 570
echo " ";
$context["contents"] = twig_split_filter($this->env, $this->extensions['Shopware\Storefront\Framework\Twig\Extension\ConfigExtension']->config($context, "Clerkio.config.productRecommendationsContent"), ",");
// line 571
echo " <span class=\"clerk\" data-template=\"@";
echo sw_escape_filter($this->env, twig_replace_filter((($__internal_compile_0 = ($context["contents"] ?? null)) && is_array($__internal_compile_0) || $__internal_compile_0 instanceof ArrayAccess ? ($__internal_compile_0[1] ?? null) : null), [" " => ""]), "html", null, true);
echo "\" data-products='[\"";
echo sw_escape_filter($this->env, ((sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 571), "parentId", [], "any", false, false, false, 571)) ? (twig_upper_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 571), "parentId", [], "any", false, false, false, 571))) : (twig_upper_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 571), "id", [], "any", false, false, false, 571)))), "html", null, true);
echo "\"]'></span>
";
}
// line 573
echo " </div>
";
// line 575
if (($context["isMobile"] ?? null)) {
// line 576
echo " <div class=\"col-12 col-lg-7 product-detail-tabs__wrapper\">
<div class=\"product-detail-tabs product-detail-tabs--mobile\">
";
// line 578
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/tabs-mobile.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 578)->display($context);
// line 579
echo " </div>
</div>
<div class=\"col-12 product-detail-tabs__cross-selling\">
";
// line 584
echo " ";
if (((twig_length_filter($this->env, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "crossSellings", [], "any", false, false, false, 584)) > 0) && (sw_get_attribute($this->env, $this->source, twig_first($this->env, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "crossSellings", [], "any", false, false, false, 584)), "total", [], "any", false, false, false, 584) > 0))) {
// line 585
echo " <div class=\"product-detail-tabs ";
if (($context["isMobile"] ?? null)) {
echo "product-detail-tabs--mobile";
}
echo "\">
";
// line 586
if (($context["isMobile"] ?? null)) {
// line 587
echo " ";
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/cross-selling/tabs-mobile.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 587)->display(twig_array_merge($context, ["crossSellings" => sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "crossSellings", [], "any", false, false, false, 587)]));
// line 589
echo " ";
} else {
// line 590
echo " ";
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/cross-selling/tabs.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 590)->display(twig_array_merge($context, ["crossSellings" => sw_get_attribute($this->env, $this->source, // line 591
($context["page"] ?? null), "crossSellings", [], "any", false, false, false, 591)]));
// line 593
echo " ";
}
// line 594
echo " </div>
";
}
// line 596
echo " </div>
";
}
// line 598
echo "
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 276
public function block_page_product_detail_buy($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_buy"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_buy"));
// line 277
echo " <div class=\"product-detail-buy__container\">
";
// line 278
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/buy-widget.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 278)->display($context);
// line 279
echo " ";
// line 280
echo "
";
// line 283
echo " ";
if ((sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 283), "parentId", [], "any", false, false, false, 283) && (twig_length_filter($this->env, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "configuratorSettings", [], "any", false, false, false, 283)) > 0))) {
// line 284
echo " <div class=\"product-detail-configurator-container test\">
";
// line 285
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/configurator_dropdown.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 285)->display($context);
// line 286
echo " </div>
";
}
// line 288
echo "
";
// line 294
echo " ";
if ( !($context["isMobile"] ?? null)) {
// line 295
echo " <div class=\"product-detail-tabs__cross-selling\">
";
// line 297
echo " ";
if (((twig_length_filter($this->env, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "crossSellings", [], "any", false, false, false, 297)) > 0) && (sw_get_attribute($this->env, $this->source, twig_first($this->env, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "crossSellings", [], "any", false, false, false, 297)), "total", [], "any", false, false, false, 297) > 0))) {
// line 298
echo " <div class=\"product-detail-tabs ";
if (($context["isMobile"] ?? null)) {
echo "product-detail-tabs--mobile";
}
echo "\">
";
// line 299
if (($context["isMobile"] ?? null)) {
// line 300
echo " ";
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/cross-selling/tabs-mobile.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 300)->display(twig_array_merge($context, ["crossSellings" => sw_get_attribute($this->env, $this->source, // line 301
($context["page"] ?? null), "crossSellings", [], "any", false, false, false, 301), "onlyShowFew" => true]));
// line 304
echo " ";
} else {
// line 305
echo "
";
// line 306
$this->loadTemplate("@GrimmTheme/storefront/page/product-detail/cross-selling/tabs.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 306)->display(twig_array_merge($context, ["crossSellings" => sw_get_attribute($this->env, $this->source, // line 307
($context["page"] ?? null), "crossSellings", [], "any", false, false, false, 307), "onlyShowFew" => true]));
// line 310
echo "
";
// line 361
echo "
";
}
// line 364
echo " </div>
";
}
// line 366
echo " ";
// line 367
echo " </div>
";
}
// line 371
echo "
";
// line 374
echo " <div class=\"product-detail-guarantee-container\">
<a class=\"monthly-installment-btn d-inline-block mb-2 col-12\" href=\"/garantie-reklamation.html\" target=\"_blank\">
";
// line 376
((function () use ($context, $blocks) {
$finder = $this->env->getExtension('Shopware\Core\Framework\Adapter\Twig\Extension\NodeExtension')->getFinder();
$includeTemplate = $finder->find("@Storefront/storefront/utilities/icon.html.twig");
return $this->loadTemplate($includeTemplate ?? null, "@GrimmTheme/storefront/page/product-detail/index.html.twig", 376);
})())->display(twig_array_merge($context, ["name" => "info"]));
echo " <span class=\"guarantee-title\">";
echo $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.guarantee.title"));
echo "</span>
</a>
</div>
";
// line 381
echo " ";
$context["requestOnly"] = sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 381), "translated", [], "any", false, false, false, 381), "customFields", [], "any", false, false, false, 381), "grimm_customfields_productRequest_only", [], "any", false, false, false, 381);
// line 382
echo " ";
if ((((sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 382), "calculatedPrice", [], "any", false, false, false, 382), "unitPrice", [], "any", false, false, false, 382) >= 500) && (sw_get_attribute($this->env, $this->source, ($context["context"] ?? null), "taxState", [], "any", false, false, false, 382) == "net")) && (($context["requestOnly"] ?? null) == false))) {
// line 383
echo " <div class=\"product-detail-leasing-container\">
";
// line 384
$this->loadTemplate("@GrimmTheme/solution360/grimm/leasing/leasing-modal.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 384)->display(twig_array_merge($context, ["price" => sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, // line 386
($context["page"] ?? null), "product", [], "any", false, false, false, 386), "calculatedPrice", [], "any", false, false, false, 386), "unitPrice", [], "any", false, false, false, 386)]));
// line 389
echo " </div>
";
}
// line 391
echo "
";
// line 392
$context["additionalDeliveryInfoSpecific"] = sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["product"] ?? null), "translated", [], "any", false, false, false, 392), "customFields", [], "any", false, false, false, 392), "grimm_customFields_additionalDeliveryInfo", [], "any", false, false, false, 392);
// line 393
echo " ";
$context["additionalDeliveryInfoGeneral"] = $this->extensions['Shopware\Core\Framework\Adapter\Twig\Extension\SwSanitizeTwigFilter']->sanitize($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("product.additionalDeliveryInfo"));
// line 394
echo "
";
// line 395
if (($context["additionalDeliveryInfoSpecific"] ?? null)) {
// line 396
echo " <div class=\"product-detail-buy additional-delivery-info buy-box-style mb-3\">
";
// line 397
echo ($context["additionalDeliveryInfoSpecific"] ?? null);
echo "
</div>
";
} elseif (( // line 399
($context["additionalDeliveryInfoGeneral"] ?? null) != "")) {
// line 400
echo " <div class=\"product-detail-buy additional-delivery-info buy-box-style mb-3\">
";
// line 401
echo sw_escape_filter($this->env, ($context["additionalDeliveryInfoGeneral"] ?? null), "html", null, true);
echo "
</div>
";
}
// line 404
echo " </div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 411
public function block_page_product_detail_cross_selling($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_cross_selling"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_cross_selling"));
// line 412
echo " <a id=\"productRelatedArticles\" style=\"scroll-margin-top: 250px\"></a>
";
// line 414
echo " ";
// line 415
echo " ";
if (($this->extensions['Shopware\Storefront\Framework\Twig\Extension\ConfigExtension']->config($context, "S360ProductRecommendations.config") && $this->extensions['Shopware\Storefront\Framework\Twig\Extension\ConfigExtension']->config($context, "S360ProductRecommendations.config.active"))) {
// line 416
echo " ";
$context["recommendationProducts"] = sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "getExtension", [0 => "s360ProductRecommendations"], "method", false, false, false, 416);
// line 417
echo " ";
if (sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["recommendationProducts"] ?? null), "products", [], "any", false, false, false, 417), "elements", [], "any", false, false, false, 417)) {
// line 418
echo " ";
$context["sliderConfig"] = ["boxLayout" => ["value" => "minimal"], "navigation" => ["value" => true], "title" => ["value" => $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("detail.productRecommendations")]];
// line 429
echo " ";
$this->loadTemplate("@GrimmTheme/storefront/element/cms-element-s360-adjustable-productslider.html.twig", "@GrimmTheme/storefront/page/product-detail/index.html.twig", 429)->display(twig_array_merge($context, ["element" => ["type" => "s360-adjustable-productslider", "data" => // line 433
($context["recommendationProducts"] ?? null)], "sliderConfig" => // line 435
($context["sliderConfig"] ?? null)]));
// line 438
echo " ";
}
// line 439
echo " ";
}
// line 440
echo " ";
// line 441
echo " ";
if (($this->extensions['Shopware\Storefront\Framework\Twig\Extension\ConfigExtension']->config($context, "Clerkio.config.productRecommendationsEnabled") == "true")) {
// line 442
echo " ";
$context["contents"] = twig_split_filter($this->env, $this->extensions['Shopware\Storefront\Framework\Twig\Extension\ConfigExtension']->config($context, "Clerkio.config.productRecommendationsContent"), ",");
// line 443
echo "
<span class=\"clerk\" data-template=\"@";
// line 444
echo sw_escape_filter($this->env, twig_replace_filter((($__internal_compile_1 = ($context["contents"] ?? null)) && is_array($__internal_compile_1) || $__internal_compile_1 instanceof ArrayAccess ? ($__internal_compile_1[0] ?? null) : null), [" " => ""]), "html", null, true);
echo "\" data-products='[\"";
echo sw_escape_filter($this->env, ((sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 444), "parentId", [], "any", false, false, false, 444)) ? (twig_upper_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 444), "parentId", [], "any", false, false, false, 444))) : (twig_upper_filter($this->env, sw_get_attribute($this->env, $this->source, sw_get_attribute($this->env, $this->source, ($context["page"] ?? null), "product", [], "any", false, false, false, 444), "id", [], "any", false, false, false, 444)))), "html", null, true);
echo "\"]'></span>
";
}
// line 447
echo " ";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
// line 608
public function block_page_product_detail_tabs($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_tabs"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_product_detail_tabs"));
// line 609
echo " ";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
}
public function getTemplateName()
{
return "@GrimmTheme/storefront/page/product-detail/index.html.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 1288 => 609, 1278 => 608, 1268 => 447, 1260 => 444, 1257 => 443, 1254 => 442, 1251 => 441, 1249 => 440, 1246 => 439, 1243 => 438, 1241 => 435, 1240 => 433, 1238 => 429, 1235 => 418, 1232 => 417, 1229 => 416, 1226 => 415, 1224 => 414, 1221 => 412, 1211 => 411, 1200 => 404, 1194 => 401, 1191 => 400, 1189 => 399, 1184 => 397, 1181 => 396, 1179 => 395, 1176 => 394, 1173 => 393, 1171 => 392, 1168 => 391, 1164 => 389, 1162 => 386, 1161 => 384, 1158 => 383, 1155 => 382, 1152 => 381, 1137 => 376, 1133 => 374, 1129 => 371, 1123 => 367, 1121 => 366, 1117 => 364, 1112 => 361, 1109 => 310, 1107 => 307, 1106 => 306, 1103 => 305, 1100 => 304, 1098 => 301, 1096 => 300, 1094 => 299, 1087 => 298, 1084 => 297, 1081 => 295, 1078 => 294, 1071 => 288, 1067 => 286, 1065 => 285, 1062 => 284, 1059 => 283, 1055 => 280, 1053 => 279, 1051 => 278, 1048 => 277, 1038 => 276, 1025 => 598, 1021 => 596, 1017 => 594, 1014 => 593, 1012 => 591, 1010 => 590, 1007 => 589, 1004 => 587, 1002 => 586, 995 => 585, 992 => 584, 986 => 579, 984 => 578, 980 => 576, 978 => 575, 974 => 573, 966 => 571, 963 => 570, 960 => 569, 956 => 566, 951 => 562, 947 => 551, 944 => 550, 941 => 549, 939 => 548, 936 => 547, 933 => 546, 872 => 493, 862 => 492, 850 => 482, 845 => 479, 841 => 476, 837 => 474, 835 => 473, 831 => 472, 827 => 470, 825 => 469, 822 => 468, 818 => 466, 816 => 465, 812 => 464, 808 => 462, 805 => 461, 801 => 459, 799 => 458, 795 => 457, 791 => 455, 789 => 454, 784 => 451, 782 => 450, 778 => 448, 776 => 411, 771 => 408, 768 => 406, 766 => 276, 759 => 272, 753 => 271, 749 => 270, 743 => 266, 733 => 265, 721 => 261, 719 => 260, 716 => 258, 713 => 257, 711 => 253, 710 => 243, 708 => 242, 706 => 241, 697 => 235, 691 => 234, 687 => 233, 681 => 229, 671 => 228, 660 => 225, 658 => 224, 651 => 221, 643 => 220, 640 => 219, 630 => 218, 618 => 602, 616 => 265, 613 => 264, 611 => 228, 608 => 227, 606 => 218, 602 => 216, 600 => 215, 596 => 213, 586 => 212, 574 => 610, 572 => 608, 567 => 605, 564 => 212, 554 => 211, 543 => 613, 541 => 211, 538 => 210, 528 => 209, 515 => 626, 511 => 624, 509 => 621, 507 => 620, 504 => 619, 501 => 618, 498 => 615, 496 => 209, 493 => 208, 490 => 207, 487 => 206, 477 => 205, 458 => 65, 448 => 20, 445 => 19, 435 => 18, 397 => 176, 391 => 173, 384 => 169, 378 => 166, 373 => 164, 369 => 163, 363 => 160, 358 => 158, 354 => 157, 349 => 155, 337 => 146, 330 => 142, 324 => 138, 322 => 136, 321 => 135, 318 => 134, 316 => 132, 315 => 131, 281 => 102, 275 => 99, 269 => 96, 262 => 92, 256 => 89, 251 => 87, 247 => 86, 241 => 83, 236 => 81, 232 => 80, 227 => 78, 215 => 69, 208 => 65, 202 => 61, 200 => 59, 199 => 58, 196 => 57, 194 => 55, 193 => 54, 189 => 52, 183 => 50, 180 => 49, 174 => 47, 172 => 46, 167 => 45, 146 => 24, 142 => 21, 140 => 18, 137 => 17, 127 => 16, 116 => 11, 114 => 10, 111 => 9, 101 => 8, 90 => 13, 88 => 8, 85 => 7, 75 => 6, 64 => 2, 62 => 4, 49 => 2,);
}
public function getSourceContext()
{
return new Source("{% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
{# due to different positioning of elements in mobile and desktop, we had to work with responsive classes as well as conditional device rendering (SD-5192 #}
{% set isMobile = device == 'mobile' %}
{% block base_header %}
<header class=\"header-main sticky-header\">
{% block base_header_inner %}
<div class=\"container\">
{% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
</div>
{% endblock %}
</header>
{% endblock %}
{% block base_navigation %}
<div class=\"nav-main sticky-header-nav\">
{% block base_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% endblock %}
</div>
{# Sticky Header #}
<script>
function scrollToSection(sectionId) {
var section = document.getElementById(sectionId);
var offset = -500; // Adjust the offset as needed
if (section) {
var offsetTop = section.offsetTop - offset;
// window.scrollTo(0,15000);
window.scrollTo({ top: 175, behavior: \"smooth\" });
}
}
</script>
<div class=\"sticky-product-header\">
<div class=\"sticky-product-header-inner\">
<div class=\"row\">
<div class=\"col-lg-7 col-12 product-navigation\">
{# <span class=\"header-nav-link\"><a href=\"#productDescription\" onclick=\"scrollToSection('productDescription')\">{{ \"detail.descriptionTitle\"|trans|sw_sanitize }}</a></span>
<span class=\"header-nav-link\"><a href=\"#productRelatedArticles\" onclick=\"scrollToSection('productRelatedArticles')\">{{ \"product.relatedProducts\"|trans|sw_sanitize }}</a></span> #}
<span class=\"header-nav-link\"><a href=\"#productGeneralDescription\" onclick=\"scrollToSection('productGeneralDescription')\">{{ \"detail.tabsDescription\"|trans|sw_sanitize }}</a></span>
{% if page.product.sortedProperties|length > 0 or page.product.manufacturerNumber != \"\" or page.product.ean != \"\" %}
<span class=\"header-nav-link\"><a href=\"#productGeneralProperties\" onclick=\"scrollToSection('productGeneralProperties')\">{{ \"detail.tabsProperties\"|trans|sw_sanitize }}</a></span>
{% endif %}
{% if product.customFields and product.customFields.downloads and product.customFields.downloads|length %}
<span class=\"header-nav-link\"><a href=\"#productGeneralDownloads\" onclick=\"scrollToSection('productGeneralDownloads')\">{{ \"detail.tabsDownloads\"|trans|sw_sanitize }}</a></span>
{% endif %}
</div>
<div class=\"col-lg-2 only-desktop\">
{% sw_include '@Storefront/storefront/component/product/card/price-taxes.html.twig' with {
product: page.product
} %}
<br>
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget-price.html.twig' with {
product: page.product
} %}
</div>
<div class=\"d-none d-md-block col-lg-3\">
<form
class=\"show-form-loader show-form-loader-buy-btn\"
action=\"{% block page_product_detail_buy_form_action %}{{ path('frontend.checkout.line-item.add') }}{% endblock %}\"
method=\"post\"
data-add-to-cart=\"true\"
class=\"buy-widget\">
{{ sw_csrf('frontend.checkout.line-item.add') }}
<input type=\"hidden\"
name=\"redirectTo\"
value=\"frontend.detail.page\">
<input type=\"hidden\"
name=\"redirectParameters\"
data-redirect-parameters=\"true\"
value='{\"productId\": \"{{ page.product.id }}\"}'>
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][id]\"
value=\"{{ page.product.id }}\">
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][type]\"
value=\"product\">
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][referencedId]\"
value=\"{{ page.product.id }}\">
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][stackable]\"
value=\"1\">
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][removable]\"
value=\"1\">
<input type=\"hidden\"
name=\"product-name\"
value=\"{{ page.product.translated.name }}\">
<input type=\"hidden\"
name=\"brand-name\"
value=\"{{ page.product.manufacturer.getName() }}\">
<button class=\"btn btn-block btn-buy font-weight-bold w-100 justify-content-center mb-1\" title=\"Warenkorb\">
<span class=\"d-sm-none mr-3\">{{ \"product.buyButton\"|trans|sw_sanitize }}</span><span class=\"d-none d-sm-inline mr-3\">{{ \"detail.addProduct\"|trans|sw_sanitize }}</span>
<span class=\"lak icon icon-warenkorb icon-sm\">
<svg width=\"23px\" height=\"23px\" viewBox=\"0 0 23 23\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">
<g id=\"Startseite\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">
<g id=\"Startseite-Lang-Copy-9\" transform=\"translate(-1282.000000, -61.000000)\" fill=\"#9B9B9B\" fill-rule=\"nonzero\">
<g id=\"Group-41\">
<g id=\"Group-5\" transform=\"translate(1282.000000, 61.000000)\">
<g id=\"Group-36\" transform=\"translate(0.500000, 0.500000)\">
<path d=\"M0.5,1 L2.83418038,1 C3.07711701,1 3.28489881,1.17462161 3.32671697,1.41393197 L5.83329879,15.7582041 C5.95875326,16.4761352 6.58209867,17 7.31090857,17 L18.5526336,17 C18.828776,17 19.0526336,16.7761424 19.0526336,16.5 C19.0526336,16.2238576 18.828776,16 18.5526336,16 L7.31090857,16 C7.06797193,16 6.86019013,15.8253784 6.81837197,15.586068 L4.31179015,1.24179591 C4.18633568,0.523864821 3.56299027,0 2.83418038,0 L0.5,0 C0.223857625,0 1.02318154e-12,0.223857625 1.02318154e-12,0.5 C1.02318154e-12,0.776142375 0.223857625,1 0.5,1 Z\" id=\"Path-6\"></path>
<path d=\"M7.10477473,3.78963344 L20.9464503,3.78963344 C21.2225927,3.78963344 21.4464503,4.01349107 21.4464503,4.28963344 C21.4464503,4.3390493 21.4391247,4.38819219 21.4247125,4.43545967 L19.2903526,11.4354597 C19.2261971,11.6458689 19.0320631,11.7896334 18.8120904,11.7896334 L8.43673944,11.7896334 C8.16059707,11.7896334 7.93673944,12.0134911 7.93673944,12.2896334 C7.93673944,12.5657758 8.16059707,12.7896334 8.43673944,12.7896334 L18.8120904,12.7896334 C19.4720085,12.7896334 20.0544103,12.3583398 20.246877,11.7271121 L22.3812368,4.72711212 C22.4244736,4.58530969 22.4464503,4.43788103 22.4464503,4.28963344 C22.4464503,3.46120632 21.7748774,2.78963344 20.9464503,2.78963344 L7.10477473,2.78963344 C6.82863235,2.78963344 6.60477473,3.01349107 6.60477473,3.28963344 C6.60477473,3.56577582 6.82863235,3.78963344 7.10477473,3.78963344 Z\" id=\"Path-7\"></path>
<path d=\"M9.19378522,21.8094908 C10.1602835,21.8094908 10.9437852,21.0259891 10.9437852,20.0594908 C10.9437852,19.0929925 10.1602835,18.3094908 9.19378522,18.3094908 C8.22728691,18.3094908 7.44378522,19.0929925 7.44378522,20.0594908 C7.44378522,21.0259891 8.22728691,21.8094908 9.19378522,21.8094908 Z M9.19378522,20.8094908 C8.77957165,20.8094908 8.44378522,20.4737044 8.44378522,20.0594908 C8.44378522,19.6452772 8.77957165,19.3094908 9.19378522,19.3094908 C9.60799878,19.3094908 9.94378522,19.6452772 9.94378522,20.0594908 C9.94378522,20.4737044 9.60799878,20.8094908 9.19378522,20.8094908 Z\" id=\"Oval\"></path>
<path d=\"M18.1937852,21.8094908 C19.1602835,21.8094908 19.9437852,21.0259891 19.9437852,20.0594908 C19.9437852,19.0929925 19.1602835,18.3094908 18.1937852,18.3094908 C17.2272869,18.3094908 16.4437852,19.0929925 16.4437852,20.0594908 C16.4437852,21.0259891 17.2272869,21.8094908 18.1937852,21.8094908 Z M18.1937852,20.8094908 C17.7795717,20.8094908 17.4437852,20.4737044 17.4437852,20.0594908 C17.4437852,19.6452772 17.7795717,19.3094908 18.1937852,19.3094908 C18.6079988,19.3094908 18.9437852,19.6452772 18.9437852,20.0594908 C18.9437852,20.4737044 18.6079988,20.8094908 18.1937852,20.8094908 Z\" id=\"Oval-Copy-3\"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
</span>
</button>
</form>
</div>
</div>
</div>
</div>
<div class=\"sticky-product-footer d-md-none\">
<div class=\"sticky-product-footer-inner d-flex justify-content-between align-items-center\">
<div class=\"col-lg-2 p-0\">
{% sw_include '@Storefront/storefront/component/product/card/price-taxes.html.twig' with {
product: page.product
} %}
<br>
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget-price.html.twig' with {
product: page.product
} %}
</div>
<div class=\"d-md-none\">
<form
class=\"show-form-loader show-form-loader-buy-btn\"
action=\"{{ path('frontend.checkout.line-item.add') }}\"
method=\"post\"
data-add-to-cart=\"true\"
class=\"buy-widget\">
{{ sw_csrf('frontend.checkout.line-item.add') }}
<input type=\"hidden\"
name=\"redirectTo\"
value=\"frontend.detail.page\">
<input type=\"hidden\"
name=\"redirectParameters\"
data-redirect-parameters=\"true\"
value='{\"productId\": \"{{ page.product.id }}\"}'>
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][id]\"
value=\"{{ page.product.id }}\">
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][type]\"
value=\"product\">
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][referencedId]\"
value=\"{{ page.product.id }}\">
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][stackable]\"
value=\"1\">
<input type=\"hidden\"
name=\"lineItems[{{ page.product.id }}][removable]\"
value=\"1\">
<input type=\"hidden\"
name=\"product-name\"
value=\"{{ page.product.translated.name }}\">
<input type=\"hidden\"
name=\"brand-name\"
value=\"{{ page.product.manufacturer.getName() }}\">
<button class=\"btn btn-block btn-buy font-weight-bold w-100 justify-content-center justify-content-md-around mb-1 sticky-footer-btn-buy\" title=\"Warenkorb\">
<span class=\"lak icon icon-warenkorb icon-sm\">
<svg width=\"23px\" height=\"23px\" viewBox=\"0 0 23 23\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">
<g id=\"Startseite\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">
<g id=\"Startseite-Lang-Copy-9\" transform=\"translate(-1282.000000, -61.000000)\" fill=\"#9B9B9B\" fill-rule=\"nonzero\">
<g id=\"Group-41\">
<g id=\"Group-5\" transform=\"translate(1282.000000, 61.000000)\">
<g id=\"Group-36\" transform=\"translate(0.500000, 0.500000)\">
<path d=\"M0.5,1 L2.83418038,1 C3.07711701,1 3.28489881,1.17462161 3.32671697,1.41393197 L5.83329879,15.7582041 C5.95875326,16.4761352 6.58209867,17 7.31090857,17 L18.5526336,17 C18.828776,17 19.0526336,16.7761424 19.0526336,16.5 C19.0526336,16.2238576 18.828776,16 18.5526336,16 L7.31090857,16 C7.06797193,16 6.86019013,15.8253784 6.81837197,15.586068 L4.31179015,1.24179591 C4.18633568,0.523864821 3.56299027,0 2.83418038,0 L0.5,0 C0.223857625,0 1.02318154e-12,0.223857625 1.02318154e-12,0.5 C1.02318154e-12,0.776142375 0.223857625,1 0.5,1 Z\" id=\"Path-6\"></path>
<path d=\"M7.10477473,3.78963344 L20.9464503,3.78963344 C21.2225927,3.78963344 21.4464503,4.01349107 21.4464503,4.28963344 C21.4464503,4.3390493 21.4391247,4.38819219 21.4247125,4.43545967 L19.2903526,11.4354597 C19.2261971,11.6458689 19.0320631,11.7896334 18.8120904,11.7896334 L8.43673944,11.7896334 C8.16059707,11.7896334 7.93673944,12.0134911 7.93673944,12.2896334 C7.93673944,12.5657758 8.16059707,12.7896334 8.43673944,12.7896334 L18.8120904,12.7896334 C19.4720085,12.7896334 20.0544103,12.3583398 20.246877,11.7271121 L22.3812368,4.72711212 C22.4244736,4.58530969 22.4464503,4.43788103 22.4464503,4.28963344 C22.4464503,3.46120632 21.7748774,2.78963344 20.9464503,2.78963344 L7.10477473,2.78963344 C6.82863235,2.78963344 6.60477473,3.01349107 6.60477473,3.28963344 C6.60477473,3.56577582 6.82863235,3.78963344 7.10477473,3.78963344 Z\" id=\"Path-7\"></path>
<path d=\"M9.19378522,21.8094908 C10.1602835,21.8094908 10.9437852,21.0259891 10.9437852,20.0594908 C10.9437852,19.0929925 10.1602835,18.3094908 9.19378522,18.3094908 C8.22728691,18.3094908 7.44378522,19.0929925 7.44378522,20.0594908 C7.44378522,21.0259891 8.22728691,21.8094908 9.19378522,21.8094908 Z M9.19378522,20.8094908 C8.77957165,20.8094908 8.44378522,20.4737044 8.44378522,20.0594908 C8.44378522,19.6452772 8.77957165,19.3094908 9.19378522,19.3094908 C9.60799878,19.3094908 9.94378522,19.6452772 9.94378522,20.0594908 C9.94378522,20.4737044 9.60799878,20.8094908 9.19378522,20.8094908 Z\" id=\"Oval\"></path>
<path d=\"M18.1937852,21.8094908 C19.1602835,21.8094908 19.9437852,21.0259891 19.9437852,20.0594908 C19.9437852,19.0929925 19.1602835,18.3094908 18.1937852,18.3094908 C17.2272869,18.3094908 16.4437852,19.0929925 16.4437852,20.0594908 C16.4437852,21.0259891 17.2272869,21.8094908 18.1937852,21.8094908 Z M18.1937852,20.8094908 C17.7795717,20.8094908 17.4437852,20.4737044 17.4437852,20.0594908 C17.4437852,19.6452772 17.7795717,19.3094908 18.1937852,19.3094908 C18.6079988,19.3094908 18.9437852,19.6452772 18.9437852,20.0594908 C18.9437852,20.4737044 18.6079988,20.8094908 18.1937852,20.8094908 Z\" id=\"Oval-Copy-3\"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
</span>
</button>
</form>
</div>
</div>
</div>
{% endblock %}
{% block base_content %}
{% set product = page.product %}
{% set device = app.session.get('deviceType') %}
{% block page_product_detail %}
<div class=\"product-detail\" itemscope itemtype=\"https://schema.org/Product\">
{% block page_product_detail_inner %}
{% block page_product_detail_content %}
<div class=\"product-detail-content\">
<div class=\"sw-clarity\" data-action=\"set\" data-params='[[ \"pageType\", \"product\" ]]'></div>
{% set mediaItems = page.product.media.media %}
<div class=\"row product-detail__box-container\">
{% block page_product_detail_headline %}
<button class=\"product-detail__print-btn d-none d-lg-block no-print\" onclick=\"window.print()\">
{% sw_icon 'drucken' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'sm'} %}
{{ \"detail.print\"|trans|sw_sanitize }}
</button>
<div class=\"col-12 row align-items-center product-detail-headline\">
{% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
</div>
{% endblock %}
{% block page_product_detail_media %}
<div class=\"col-lg-7 product-detail__first-block\">
<div class=\"customer-switch__container d-md-none\">
<nav class=\"row no-gutters top-bar-nav align-items-center\">
<div id=\"top-bar-nav__item1\" class=\"custom-control custom-switch\">
<label for=\"customSwitch1\" class=\"top-bar-nav__label control-label label-b2b\">{{ \"header.accountType.business\"|trans|sw_sanitize }}</label>
<input type=\"checkbox\" class=\"custom-control-input\" id=\"customSwitch1\" data-switch-tax {% if context.taxState is same as('gross') %}checked=\"checked\"{% endif %}>
<label for=\"customSwitch1\" class=\"custom-control-label label-b2c\">{{ \"header.accountType.private\"|trans|sw_sanitize }}</label>
</div>
</nav>
</div>
<div class=\"product-detail-media\">
{% if page.product.media %}
{% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
'mediaItems': mediaItems,
'zoom': false,
'zoomModal': true,
'displayMode': 'contain',
'gutter': 5,
'minHeight': '430px',
'navigationArrows': 'inside',
'navigationDots': 'outside',
'galleryPosition': 'left',
'isProduct': true,
'fallbackImageTitle': page.product.translated.name,
'startIndexThumbnails': 1,
'startIndexSlider': 1
} %}
{% endif %}
</div>
{# SD-5192: client wanted it this way #}
{# desktop #}
</div>
{% endblock %}
{% block page_product_detail_main %}
<div class=\"col-lg-5 product-detail-main\">
<div class=\"customer-switch__container d-none d-lg-block\">
<nav class=\"row no-gutters top-bar-nav align-items-center\">
<div id=\"top-bar-nav__item1\" class=\"custom-control custom-switch\">
<label for=\"customSwitch1\" class=\"top-bar-nav__label control-label label-b2b\">{{ \"header.accountType.business\"|trans|sw_sanitize }}</label>
<input type=\"checkbox\" class=\"custom-control-input\" id=\"customSwitch1\" data-switch-tax {% if context.taxState is same as('gross') %}checked=\"checked\"{% endif %}>
<label for=\"customSwitch1\" class=\"custom-control-label label-b2c\">{{ \"header.accountType.private\"|trans|sw_sanitize }}</label>
</div>
</nav>
</div>
{% block page_product_detail_buy %}
<div class=\"product-detail-buy__container\">
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
{# {% sw_include '@Storefront/storefront/page/product-detail/share-modal.html.twig' %} #}
{# BREITE LÄNGE WINDOW #}
{% if page.product.parentId and page.configuratorSettings|length > 0 %}
<div class=\"product-detail-configurator-container test\">
{% sw_include '@Storefront/storefront/page/product-detail/configurator_dropdown.html.twig' %}
</div>
{% endif %}
{# ZUBEHÖR #}
{% if not isMobile %}
<div class=\"product-detail-tabs__cross-selling\">
{# moved from bottom where now clerk crossselling will appear #}
{% if page.crossSellings|length > 0 and page.crossSellings|first.total > 0 %}
<div class=\"product-detail-tabs {% if isMobile %}product-detail-tabs--mobile{% endif %}\">
{% if isMobile %}
{% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs-mobile.html.twig' with {
crossSellings: page.crossSellings,
onlyShowFew: true
} %}
{% else %}
{% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
crossSellings: page.crossSellings,
onlyShowFew: true
} %}
{# {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/horizontal-tabs.html.twig' with {
crossSellings: page.crossSellings
} %}
{% for item in page.crossSellings %}
{% set id = item.crossSelling.id %}
{% if item.crossSelling.active and item.getProducts().elements %}
{% set config = {
'title': {
'value': item.crossSelling.name
},
'border': {
'value': false
},
'rotate': {
'value': false
},
'products': {
'value': item.getProducts()
},
'boxLayout': {
'value': 'standard'
},
'elMinWidth': {
'value': '150px'
},
'navigation': {
'value': true
},
'displayMode': {
'value': 'minimal'
},
'verticalAlign': {
'value': 'top'
},
} %}
{% sw_include \"@Storefront/storefront/element/cms-element-product-slider.html.twig\" with {
sliderConfig: config,
element: {
'data': {
'products': {
elements: item.getProducts()
}
},
type: 'product-slider'
}
} %}
{% endif %} #}
{% endif %}
</div>
{% endif %}
{# experts go here #}
</div>
{% endif %}
{# GARANTIE #}
<div class=\"product-detail-guarantee-container\">
<a class=\"monthly-installment-btn d-inline-block mb-2 col-12\" href=\"/garantie-reklamation.html\" target=\"_blank\">
{% sw_icon 'info' %} <span class=\"guarantee-title\">{{ \"detail.guarantee.title\"|trans|sw_sanitize }}</span>
</a>
</div>
{# LEASING #}
{% set requestOnly = page.product.translated.customFields.grimm_customfields_productRequest_only %}
{% if (page.product.calculatedPrice.unitPrice >= 500) and (context.taxState == \"net\") and (requestOnly == false) %}
<div class=\"product-detail-leasing-container\">
{% sw_include '@Storefront/solution360/grimm/leasing/leasing-modal.html.twig'
with {
'price': page.product.calculatedPrice.unitPrice
}
%}
</div>
{% endif %}
{% set additionalDeliveryInfoSpecific = product.translated.customFields.grimm_customFields_additionalDeliveryInfo %}
{% set additionalDeliveryInfoGeneral = \"product.additionalDeliveryInfo\"|trans|sw_sanitize %}
{% if additionalDeliveryInfoSpecific %}
<div class=\"product-detail-buy additional-delivery-info buy-box-style mb-3\">
{{ additionalDeliveryInfoSpecific|raw }}
</div>
{% elseif additionalDeliveryInfoGeneral != \"\" %}
<div class=\"product-detail-buy additional-delivery-info buy-box-style mb-3\">
{{ additionalDeliveryInfoGeneral }}
</div>
{% endif %}
</div>
{% endblock %}
{# SD-5192: client wanted it this way #}
</div>
<div class=\"col-lg-12 product-detail-tabs__cross-selling\">
{% block page_product_detail_cross_selling %}
<a id=\"productRelatedArticles\" style=\"scroll-margin-top: 250px\"></a>
{# original crossselling was here #}
{# copied from S360ProductRecommendations plugin #}
{% if config(\"S360ProductRecommendations.config\") and config(\"S360ProductRecommendations.config.active\") %}
{% set recommendationProducts = page.getExtension('s360ProductRecommendations') %}
{% if recommendationProducts.products.elements %}
{% set sliderConfig = {
\"boxLayout\": {
\"value\": \"minimal\"
},
\"navigation\": {
\"value\": true
},
\"title\": {
\"value\": \"detail.productRecommendations\"|trans
}
} %}
{% sw_include '@Storefront/storefront/element/cms-element-s360-adjustable-productslider.html.twig'
with {
\"element\": {
\"type\": \"s360-adjustable-productslider\",
\"data\": recommendationProducts
},
\"sliderConfig\": sliderConfig
}
%}
{% endif %}
{% endif %}
{# clerk plugin has to be copied here, parent cannot be used because crossselling appears elsewhere on page #}
{% if config('Clerkio.config.productRecommendationsEnabled') == 'true' %}
{% set contents = config('Clerkio.config.productRecommendationsContent') | split(',') %}
<span class=\"clerk\" data-template=\"@{{ contents[0] | replace({' ': ''}) }}\" data-products='[\"{{ page.product.parentId ? page.product.parentId|upper : page.product.id|upper }}\"]'></span>
{% endif %}
{% endblock %}
</div>
<div class=\"col-lg-7 product-detail-tabs__wrapper pt-3\">
{% if not isMobile %}
<div class=\"\">
<div class=\"product-detail-tabs\">
{% if page.product.translated.description %}
<div>
<a id=\"productGeneralDescription\" style=\"scroll-margin-top: 250px\"></a>
<h2 class=\"font-weight-bold\">{{ \"detail.tabsDescription\"|trans|sw_sanitize }}</h2>
{% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' %}
</div>
{% endif %}
{% if page.product.sortedProperties|length > 0 or page.product.manufacturerNumber != \"\" or page.product.ean != \"\" %}
<div>
<a id=\"productGeneralProperties\" style=\"scroll-margin-top: 250px\"></a>
<h2 class=\"font-weight-bold\">{{ \"detail.tabsProperties\"|trans|sw_sanitize }}</h2>
{% sw_include '@Storefront/storefront/page/product-detail/properties.html.twig' %}
</div>
{% endif %}
{% if product.customFields and product.customFields.downloads and product.customFields.downloads|length %}
<div>
<a id=\"productGeneralDownloads\" style=\"scroll-margin-top: 250px\"></a>
<h2 class=\"font-weight-bold\">{{ \"detail.tabsDownloads\"|trans|sw_sanitize }}</h2>
{% sw_include '@Storefront/storefront/page/product-detail/downloads.html.twig' %}
</div>
{% endif %}
{# {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %} #}
</div>
</div>
{% endif %}
</div>
<div class=\"col-lg-5 product-detail-info pt-3\">
<div class=\"mb-3 card reference-card\">
<div class=\"card-header\">
<div class=\"card-title\">Unsere Referenzen</div>
</div>
<div class=\"card-body\">
<div class=\"product-slider-controls-container\">
<div class=\"base-slider-controls\" data-base-slider-controls=\"true\" aria-label=\"Carousel Navigation\" tabindex=\"0\">
<button id=\"prevButton\" class=\"base-slider-controls-prev product-slider-controls-prev\" aria-controls=\"tns2\" tabindex=\"-1\" data-controls=\"prev\">{% sw_icon 'arrow-head-left' %}</button>
<button id=\"nextButton\" class=\"base-slider-controls-next product-slider-controls-next\" aria-controls=\"tns2\" tabindex=\"-1\" data-controls=\"next\">{% sw_icon 'arrow-head-right' %}</button>
</div>
</div>
<div id=\"slider-container\">
<div id=\"image-slider\">
<div class=\"slide\"><img src=\"/media/a1/72/75/1682430873/Hochschule-Fresenius.jpg\" alt=\"Slide 1\"></div>
<div class=\"slide\"><img src=\"/media/70/b0/17/1682430618/Konrad-Adenauer-Stiftung.jpg\" alt=\"Slide 1\"></div>
<div class=\"slide\"><img src=\"/media/3b/87/97/1633615706/Aviation-Catering.jpg\" alt=\"Slide 2\"></div>
<div class=\"slide\"><img src=\"/media/48/1f/c1/1633615706/Grand-Hyatt.jpg\" alt=\"Slide 3\"></div>
<div class=\"slide\"><img src=\"/media/b4/30/1c/1628156382/al-dente-group.jpg\" alt=\"Slide 4\"></div>
<div class=\"slide\"><img src=\"/media/77/11/2f/1633615706/Florida-Eis.jpg\" alt=\"Slide 5\"></div>
<div class=\"slide\"><img src=\"/media/47/ee/bf/1682430647/Heisser-Wolf.jpg\" alt=\"Slide 6\"></div>
<div class=\"slide\"><img src=\"/media/a1/72/75/1682430873/Hochschule-Fresenius.jpg\" alt=\"Slide 7\"></div>
<div class=\"slide\"><img src=\"/media/g0/4d/e3/1682430659/Upstall-Kantine.jpg\" alt=\"Slide 8\"></div>
<div class=\"slide\"><img src=\"/media/aa/11/51/1633615706/Regent-Berlin.jpg\" alt=\"Slide 9\"></div>
<div class=\"slide\"><img src=\"/media/5a/52/a1/1628156383/Wonder-Waffel.jpg\" alt=\"Slide 10\"></div>
<div class=\"slide\"><img src=\"/media/16/0a/a3/1628156382/Caritas.jpg\" alt=\"Slide 11\"></div>
<div class=\"slide\"><img src=\"/media/1d/1c/f8/1633615822/Tim-Raue-Logo.jpg\" alt=\"Slide 12\"></div>
<!-- Add more slides as needed -->
</div>
</div>
</div>
</div>
<script>
const _slider = document.getElementById('image-slider');
let _slideIndex = 0;
function showSlide(index) {
const translateValue = -index * (100 / 3) + '%';
_slider.style.transform = 'translateX(' + translateValue + ')';
}
function nextSlide() {
_slideIndex = (_slideIndex + 1) % (_slider.children.length - 2);
showSlide(_slideIndex);
}
function prevSlide() {
_slideIndex = (_slideIndex - 1 + (_slider.children.length - 2)) % (_slider.children.length - 2);
showSlide(_slideIndex);
}
// Set interval for automatic sliding (optional)
// setInterval(nextSlide, 3000); // Change slide every 3 seconds
// You can also use buttons or other events to trigger next/previous slides
// For example, you can use buttons like:
console.log('AAA');
document.getElementById('nextButton').addEventListener('click', nextSlide);
document.getElementById('prevButton').addEventListener('click', prevSlide);
</script>
{# experts go here #}
{% set config = config('S360Experts.config') %}
{% if config.showOnDetail and page.product.hasExtension('s360_experts') %}
{# same template can be used for category and detail page #}
{% sw_include '@Storefront/solution360/s360experts/product-detail.html.twig' %}
{% endif %}
{# {% sw_include \"@Storefront/storefront/element/cms-element-image-slider-s360.html.twig\" with {
element: {
'config': {
'sliderItems': {
value: [\"https://picsum.photos/200/300\",\"https://picsum.photos/200/300\"]
}
},
}
} only %} #}
</div>
{# SD-5192: client wanted it this way #}
<div class=\"col-lg-12 product-detail-tabs__cross-selling interest\">
{# clerk plugin has to be copied here, parent cannot be used because crossselling appears elsewhere on page #}
{% if config('Clerkio.config.productRecommendationsEnabled') == 'true' %}
{% set contents = config('Clerkio.config.productRecommendationsContent') | split(',') %}
<span class=\"clerk\" data-template=\"@{{ contents[1] | replace({' ': ''}) }}\" data-products='[\"{{ page.product.parentId ? page.product.parentId|upper : page.product.id|upper }}\"]'></span>
{% endif %}
</div>
{% if isMobile %}
<div class=\"col-12 col-lg-7 product-detail-tabs__wrapper\">
<div class=\"product-detail-tabs product-detail-tabs--mobile\">
{% sw_include '@Storefront/storefront/page/product-detail/tabs-mobile.html.twig' %}
</div>
</div>
<div class=\"col-12 product-detail-tabs__cross-selling\">
{# moved from bottom where now clerk crossselling will appear #}
{% if page.crossSellings|length > 0 and page.crossSellings|first.total > 0 %}
<div class=\"product-detail-tabs {% if isMobile %}product-detail-tabs--mobile{% endif %}\">
{% if isMobile %}
{% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs-mobile.html.twig' with { crossSellings: page.crossSellings
} %}
{% else %}
{% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
crossSellings: page.crossSellings
} %}
{% endif %}
</div>
{% endif %}
</div>
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}
{% block page_product_detail_tabs %}
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{# SD-5577 / if Klaviyo plugin is active, manually copied content due to
inheritance issues for this plugin #}
{% if page.hasExtension('klaviyoIntegrationPluginExtension') %}
{% set extensionData = page.getExtension('klaviyoIntegrationPluginExtension') %}
{% set klaviyoComponentOptions = {
'productInfo': extensionData.productInfo
}
%}
<div style=\"display: none;\" data-klaviyo-product-viewed-event-tracking-component=\"\"
data-klaviyo-product-viewed-event-tracking-component-options=\"{{ klaviyoComponentOptions|json_encode }}\"></div>
{% endif %}
{% endblock %}
", "@GrimmTheme/storefront/page/product-detail/index.html.twig", "/var/www/staging1.grimm-gastrobedarf.de/custom/plugins/GrimmTheme/src/Resources/views/storefront/page/product-detail/index.html.twig");
}
}