var/cache/dev/twig/30/3019b78dc2d56f583fcb91dd75810936.php line 52

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* index.twig */
  16. class __TwigTemplate_d764253bb1aabca6f474bd28c2baaf91 extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'main' => [$this, 'block_main'],
  30.         ];
  31.     }
  33.     protected function doGetParent(array $context)
  34.     {
  35.         // line 11
  36.         return "default_frame.twig";
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  48.         // line 13
  49.         $context["body_class"] = "front_page";
  50.         // line 11
  51.         $this->parent = $this->loadTemplate("default_frame.twig", "index.twig", 11);
  52.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  56.         
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  59.     }
  61.     // line 15
  62.     public function block_stylesheet($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  71.         // line 16
  72.         echo "\t<style>
  73. \t\t.slider {
  74. \t\t\tdisplay: none;
  75. \t\t}
  76. \t\t.slider.slick-initialized {
  77. \t\t\tdisplay: block;
  78. \t\t}
  80. \t\t.slick-slide {
  81. \t\t\tmargin: 0 8px;
  82. \t\t}
  83. \t\t.slick-slider {
  84. \t\t\tmargin-bottom: 30px;
  85. \t\t}
  87. \t\t.slick-dots {
  88. \t\t\tposition: absolute;
  89. \t\t\tbottom: -45px;
  90. \t\t\tdisplay: block;
  91. \t\t\twidth: 100%;
  92. \t\t\tpadding: 0;
  93. \t\t\tlist-style: none;
  94. \t\t\ttext-align: center;
  95. \t\t}
  97. \t\t.slick-dots li {
  98. \t\t\tposition: relative;
  99. \t\t\tdisplay: inline-block;
  100. \t\t\twidth: 20px;
  101. \t\t\theight: 20px;
  102. \t\t\tmargin: 0 5px;
  103. \t\t\tpadding: 0;
  105. \t\t\tcursor: pointer;
  106. \t\t}
  108. \t\t.slick-dots li button {
  109. \t\t\tfont-size: 0;
  110. \t\t\tline-height: 0;
  111. \t\t\tdisplay: block;
  112. \t\t\twidth: 20px;
  113. \t\t\theight: 20px;
  114. \t\t\tpadding: 5px;
  115. \t\t\tcursor: pointer;
  116. \t\t\tcolor: transparent;
  117. \t\t\tborder: 0;
  118. \t\t\toutline: none;
  119. \t\t\tbackground: transparent;
  120. \t\t}
  122. \t\t.slick-dots li button:hover,
  123. \t\t.slick-dots li button:focus {
  124. \t\t\toutline: none;
  125. \t\t}
  127. \t\t.slick-dots li button:hover:before,
  128. \t\t.slick-dots li button:focus:before {
  129. \t\t\topacity: 1;
  130. \t\t}
  132. \t\t.slick-dots li button:before {
  133. \t\t\tcontent: \" \";
  134. \t\t\tline-height: 20px;
  135. \t\t\tposition: absolute;
  136. \t\t\ttop: 0;
  137. \t\t\tleft: 0;
  138. \t\t\twidth: 12px;
  139. \t\t\theight: 12px;
  140. \t\t\ttext-align: center;
  141. \t\t\topacity: .25;
  142. \t\t\tbackground-color: black;
  143. \t\t\tborder-radius: 50%;
  145. \t\t}
  147. \t\t.slick-dots li.slick-active button:before {
  148. \t\t\topacity: .75;
  149. \t\t\tbackground-color: black;
  150. \t\t}
  152. \t\t.slick-dots li button.thumbnail img {
  153. \t\t\twidth: 0;
  154. \t\t\theight: 0;
  155. \t\t}
  156. \t\t.slick-wrapper {
  157. \t\t\toverflow-x: hidden;
  158. \t\t\tpadding-bottom: 30px;
  159. \t\t}
  160. \t\t@media (min-width: 768px) {
  161. \t\t\t.slick-wrapper {
  162. \t\t\t\theight: 378px;
  163. \t\t\t}
  164. \t\t}
  165. \t\t.main_visual {
  166. \t\t\tmargin-top: 18px;
  167. \t\t}
  169. \t\t.featured {
  170. \t\t\tpadding: 0 20px;
  171. \t\t}
  173. \t\t.featured-divider {
  174. \t\t\tbackground: var(--border-gray);
  175. \t\t\tmargin: 12px 0;
  176. \t\t}
  178. \t\t.featured-item {
  179. \t\t\tdisplay: flex;
  180. \t\t\talign-items: center;
  181. \t\t\tgap: 16px;
  182. \t\t\tpadding: 0 20px;
  183. \t\t}
  185. \t\t.featured-item__label {
  186. \t\t\tfont-size: 16px;
  187. \t\t\tfont-weight: 500;
  188. \t\t\tline-height: 1.2;
  189. \t\t}
  191. \t\t.featured-item__text {
  192. \t\t\tcolor: var(--primary-red);
  193. \t\t\tfont-size: 26px;
  194. \t\t\tfont-weight: 700;
  195. \t\t\tline-height: 1.2;
  196. \t\t\tmargin-top: 8px;
  197. \t\t}
  200. \t</style>
  201. ";
  202.         
  203.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  205.         
  206.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  208.     }
  210.     // line 150
  211.     public function block_main($context, array $blocks = [])
  212.     {
  213.         $macros = $this->macros;
  214.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  215.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  217.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  218.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  220.         // line 151
  221.         echo "\t<div class=\"page-content-root\">
  222. \t\t";
  223.         // line 152
  224.         echo twig_include($this->env, $context, "Block/recommend_list.twig", ["label" => "当店のイチオシ！", "category_id" => 32]);
  225.         echo "
  226. \t\t<div class=\"d-block d-sm-none\">
  227. \t\t\t<div class=\"featured\">
  228. \t\t\t\t<div class=\"featured-item\">
  229. \t\t\t\t\t<svg width=\"86\" height=\"86\" viewBox=\"0 0 86 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  230. \t\t\t\t\t\t<circle cx=\"43\" cy=\"43\" r=\"41.925\" stroke=\"#CF0800\" stroke-width=\"2.15\"/>
  231. \t\t\t\t\t\t<path d=\"M61 52.2437V33.7562C60.9986 33.4892 60.9267 33.2272 60.7918 32.9968C60.6568 32.7664 60.4635 32.5756 60.2312 32.4437L43.7312 23.1625C43.5089 23.0341 43.2567 22.9666 43 22.9666C42.7433 22.9666 42.4911 23.0341 42.2687 23.1625L25.7687 32.4437C25.5365 32.5756 25.3432 32.7664 25.2082 32.9968C25.0733 33.2272 25.0014 33.4892 25 33.7562V52.2437C25.0014 52.5108 25.0733 52.7727 25.2082 53.0032C25.3432 53.2336 25.5365 53.4244 25.7687 53.5562L42.2687 62.8375C42.4911 62.9659 42.7433 63.0334 43 63.0334C43.2567 63.0334 43.5089 62.9659 43.7312 62.8375L60.2312 53.5562C60.4635 53.4244 60.6568 53.2336 60.7918 53.0032C60.9267 52.7727 60.9986 52.5108 61 52.2437Z\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  232. \t\t\t\t\t\t<path d=\"M52.1875 47.5938V37.8438L34 27.8125\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  233. \t\t\t\t\t\t<path d=\"M60.7936 32.9874L43.1686 42.9999L25.2061 32.9874\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  234. \t\t\t\t\t\t<path d=\"M43.1687 43L43 63.025\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  235. \t\t\t\t\t</svg>
  236. \t\t\t\t\t\t
  237. \t\t\t\t\t<div>
  238. \t\t\t\t\t\t<p class=\"featured-item__label\">9,800円以上のご購入で</p>
  239. \t\t\t\t\t\t<p class=\"featured-item__text\">送料無料!</p>
  240. \t\t\t\t\t</div>
  241. \t\t\t\t</div>
  242. \t\t\t\t<hr class=\"featured-divider\">
  243. \t\t\t\t<div class=\"featured-item\">
  244. \t\t\t\t\t<svg width=\"86\" height=\"86\" viewBox=\"0 0 86 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  245. \t\t\t\t\t\t<circle cx=\"43\" cy=\"43\" r=\"41.925\" stroke=\"#CF0800\" stroke-width=\"2.15\"/>
  246. \t\t\t\t\t\t<g clip-path=\"url(#clip0_535_8111)\">
  247. \t\t\t\t\t\t<path d=\"M52 34H59.9875C60.2864 33.9981 60.5788 34.0866 60.8264 34.2539C61.0741 34.4212 61.2653 34.6595 61.375 34.9375L64 41.5\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  248. \t\t\t\t\t\t<path d=\"M22 46H52\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  249. \t\t\t\t\t\t<path d=\"M54.25 59.5C56.7353 59.5 58.75 57.4853 58.75 55C58.75 52.5147 56.7353 50.5 54.25 50.5C51.7647 50.5 49.75 52.5147 49.75 55C49.75 57.4853 51.7647 59.5 54.25 59.5Z\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-miterlimit=\"10\"/>
  250. \t\t\t\t\t\t<path d=\"M31.75 59.5C34.2353 59.5 36.25 57.4853 36.25 55C36.25 52.5147 34.2353 50.5 31.75 50.5C29.2647 50.5 27.25 52.5147 27.25 55C27.25 57.4853 29.2647 59.5 31.75 59.5Z\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-miterlimit=\"10\"/>
  251. \t\t\t\t\t\t<path d=\"M49.75 55H36.25\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  252. \t\t\t\t\t\t<path d=\"M27.25 55H23.5C23.1022 55 22.7206 54.842 22.4393 54.5607C22.158 54.2794 22 53.8978 22 53.5V32.5C22 32.1022 22.158 31.7206 22.4393 31.4393C22.7206 31.158 23.1022 31 23.5 31H52V51.1\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  253. \t\t\t\t\t\t<path d=\"M52 41.5H64V53.5C64 53.8978 63.842 54.2794 63.5607 54.5607C63.2794 54.842 62.8978 55 62.5 55H58.75\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  254. \t\t\t\t\t\t</g>
  255. \t\t\t\t\t\t<defs>
  256. \t\t\t\t\t\t<clipPath id=\"clip0_535_8111\">
  257. \t\t\t\t\t\t<rect width=\"48\" height=\"48\" fill=\"white\" transform=\"translate(19 19)\"/>
  258. \t\t\t\t\t\t</clipPath>
  259. \t\t\t\t\t\t</defs>
  260. \t\t\t\t\t</svg>\t\t\t\t\t\t
  261. \t\t\t\t\t<div>
  262. \t\t\t\t\t\t<p class=\"featured-item__label\">12時までのご購入で</p>
  263. \t\t\t\t\t\t<p class=\"featured-item__text\">最短翌日お届け！</p>
  264. \t\t\t\t\t</div>
  265. \t\t\t\t</div>
  266. \t\t\t</div>
  267. \t\t</div>
  269. \t\t<div class=\"campaign-banner\">
  270. \t\t\t<a href =\"https://denzai-bluewood.com/products/list?name=%E6%B3%95%E4%BA%BA%E9%99%90%E5%AE%9A%E3%80%80%E6%9C%9F%E9%96%93%E9%99%90%E5%AE%9A%E3%80%80%E3%83%91%E3%83%8A%E3%82%BD%E3%83%8B%E3%83%83%E3%82%AF\">
  271. \t\t\t\t<picture>
  272. \t\t\t\t\t<source
  273. \t\t\t\t\t\tsrcset=\"";
  274.         // line 200
  275.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-panasonic-md.png", "user_data"), "html", null, true);
  276.         echo "\"
  277. \t\t\t\t\t\tmedia=\"(min-width: 768px)\"
  278. \t\t\t\t\t\twidth=\"900\"
  279. \t\t\t\t\t\theight=\"184\"
  280. \t\t\t\t\t/>
  281. \t\t\t\t\t<source
  282. \t\t\t\t\t\tsrcset=\"";
  283.         // line 206
  284.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-panasonic.png", "user_data"), "html", null, true);
  285.         echo "\"
  286. \t\t\t\t\t\tmedia=\"(min-width: 320px)\"
  287. \t\t\t\t\t\twidth=\"350\"
  288. \t\t\t\t\t\theight=\"153\"
  289. \t\t\t\t\t/>
  290. \t\t\t\t\t<img src=\"";
  291.         // line 211
  292.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-panasonic-md.png", "user_data"), "html", null, true);
  293.         echo "\" alt=\"法人限定期間限定パナソニック照明器具が特価\" style=\"width:100%; height:auto;\" width=\"900\" height=\"184\" />
  294. \t\t\t\t</picture>
  295. \t\t\t</a>
  296. \t\t</div>
  298. \t\t<div class=\"large-banners\">
  299. ";
  300.         // line 217
  301.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 217, $this->source); })()), "request", [], "any", false, false, false, 217), "getPathInfo", [], "method", false, false, false, 217) == "/")) {
  302.             // line 218
  303.             echo "    <a href =\"";
  304.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("faq_index");
  305.             echo "\">
  306.     <picture>
  307.         <source
  308.             srcset=\"";
  309.             // line 221
  310.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-contact-md.png", "user_data"), "html", null, true);
  311.             echo "\"
  312.             media=\"(min-width: 768px)\"
  313.             width=\"440\"
  314.             height=\"184\"
  315.         />
  316.         <source
  317.             srcset=\"";
  318.             // line 227
  319.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-contact.png", "user_data"), "html", null, true);
  320.             echo "\"
  321.             media=\"(min-width: 320px)\"
  322.             width=\"350\"
  323.             height=\"153\"
  324.         />
  325.         <img src=\"";
  326.             // line 232
  327.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-contact-md.png", "user_data"), "html", null, true);
  328.             echo "\" alt=\"お問い合わせはこちら\" style=\"width:100%; height:auto;\" width=\"440\" height=\"184\" />
  329.     </picture>
  330.     </a>
  331. ";
  332.         } else {
  333.             // line 236
  334.             echo "    <picture>
  335.         <source
  336.             srcset=\"";
  337.             // line 238
  338.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-red-md.png", "user_data"), "html", null, true);
  339.             echo "\"
  340.             media=\"(min-width: 768px)\"
  341.             width=\"440\"
  342.             height=\"184\"
  343.         />
  344.         <source
  345.             srcset=\"";
  346.             // line 244
  347.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-red.png", "user_data"), "html", null, true);
  348.             echo "\"
  349.             media=\"(min-width: 320px)\"
  350.             width=\"350\"
  351.             height=\"153\"
  352.         />
  353.         <img src=\"";
  354.             // line 249
  355.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-red-md.png", "user_data"), "html", null, true);
  356.             echo "\" alt=\"\" class=\"w-100\" width=\"440\" height=\"184\" />
  357.     </picture>
  358. ";
  359.         }
  360.         // line 252
  361.         echo "
  362.     <picture>
  363.         <source
  364.             srcset=\"";
  365.         // line 255
  366.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-blue-md.png", "user_data"), "html", null, true);
  367.         echo "\"
  368.             media=\"(min-width: 768px)\"
  369.             width=\"440\"
  370.             height=\"184\"
  371.         />
  372.         <source
  373.             srcset=\"";
  374.         // line 261
  375.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-blue.png", "user_data"), "html", null, true);
  376.         echo "\"
  377.             media=\"(min-width: 320px)\"
  378.             width=\"350\"
  379.             height=\"153\"
  380.         />
  381.         <img src=\"";
  382.         // line 266
  383.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/large-banners/large-banner-blue-md.png", "user_data"), "html", null, true);
  384.         echo "\" alt=\"\" class=\"w-100\" width=\"440\" height=\"184\" />
  385.     </picture>
  386. </div>
  387. \t\t";
  388.         // line 269
  389.         echo twig_include($this->env, $context, "Block/recommend_list.twig", ["label" => "照明機器おすすめ商品", "category_id" => 58]);
  390.         echo "
  391. \t\t";
  392.         // line 270
  393.         echo twig_include($this->env, $context, "Block/populer_search_word.twig");
  394.         echo "
  395. \t\t";
  396.         // line 271
  397.         echo twig_include($this->env, $context, "Block/recommend_list.twig", ["label" => "ブレーカおすすめ商品", "category_id" => 259]);
  398.         echo "
  399. \t\t";
  400.         // line 272
  401.         echo twig_include($this->env, $context, "Block/category_list.twig", ["label" => null, "href_label" => "カテゴリ一覧から探す"]);
  402.         // line 274
  403.         echo "
  404. \t\t";
  405.         // line 275
  406.         echo twig_include($this->env, $context, "Block/banners.twig");
  407.         echo "
  408. \t\t";
  409.         // line 276
  410.         echo twig_include($this->env, $context, "Block/makers.twig");
  411.         echo "
  412. \t\t";
  413.         // line 277
  414.         echo twig_include($this->env, $context, "Block/news.twig");
  415.         echo "
  416. \t\t<div class=\"d-md-none\">
  417. \t\t\t";
  418.         // line 279
  419.         echo twig_include($this->env, $context, "Block/large-banners.twig");
  420.         echo "
  421. \t\t</div>
  422. \t\t
  423. \t</div>
  425. ";
  426.         
  427.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  429.         
  430.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  432.     }
  434.     public function getTemplateName()
  435.     {
  436.         return "index.twig";
  437.     }
  439.     public function isTraitable()
  440.     {
  441.         return false;
  442.     }
  444.     public function getDebugInfo()
  445.     {
  446.         return array (  419 => 279,  414 => 277,  410 => 276,  406 => 275,  403 => 274,  401 => 272,  397 => 271,  393 => 270,  389 => 269,  383 => 266,  375 => 261,  366 => 255,  361 => 252,  355 => 249,  347 => 244,  338 => 238,  334 => 236,  327 => 232,  319 => 227,  310 => 221,  303 => 218,  301 => 217,  292 => 211,  284 => 206,  275 => 200,  224 => 152,  221 => 151,  211 => 150,  72 => 16,  62 => 15,  51 => 11,  49 => 13,  36 => 11,);
  447.     }
  449.     public function getSourceContext()
  450.     {
  451.         return new Source("{#
  452. This file is part of EC-CUBE
  454. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  456. http://www.ec-cube.co.jp/
  458. For the full copyright and license information, please view the LICENSE
  459. file that was distributed with this source code.
  460. #}
  461. {% extends 'default_frame.twig' %}
  463. {% set body_class = 'front_page' %}
  465. {% block stylesheet %}
  466. \t<style>
  467. \t\t.slider {
  468. \t\t\tdisplay: none;
  469. \t\t}
  470. \t\t.slider.slick-initialized {
  471. \t\t\tdisplay: block;
  472. \t\t}
  474. \t\t.slick-slide {
  475. \t\t\tmargin: 0 8px;
  476. \t\t}
  477. \t\t.slick-slider {
  478. \t\t\tmargin-bottom: 30px;
  479. \t\t}
  481. \t\t.slick-dots {
  482. \t\t\tposition: absolute;
  483. \t\t\tbottom: -45px;
  484. \t\t\tdisplay: block;
  485. \t\t\twidth: 100%;
  486. \t\t\tpadding: 0;
  487. \t\t\tlist-style: none;
  488. \t\t\ttext-align: center;
  489. \t\t}
  491. \t\t.slick-dots li {
  492. \t\t\tposition: relative;
  493. \t\t\tdisplay: inline-block;
  494. \t\t\twidth: 20px;
  495. \t\t\theight: 20px;
  496. \t\t\tmargin: 0 5px;
  497. \t\t\tpadding: 0;
  499. \t\t\tcursor: pointer;
  500. \t\t}
  502. \t\t.slick-dots li button {
  503. \t\t\tfont-size: 0;
  504. \t\t\tline-height: 0;
  505. \t\t\tdisplay: block;
  506. \t\t\twidth: 20px;
  507. \t\t\theight: 20px;
  508. \t\t\tpadding: 5px;
  509. \t\t\tcursor: pointer;
  510. \t\t\tcolor: transparent;
  511. \t\t\tborder: 0;
  512. \t\t\toutline: none;
  513. \t\t\tbackground: transparent;
  514. \t\t}
  516. \t\t.slick-dots li button:hover,
  517. \t\t.slick-dots li button:focus {
  518. \t\t\toutline: none;
  519. \t\t}
  521. \t\t.slick-dots li button:hover:before,
  522. \t\t.slick-dots li button:focus:before {
  523. \t\t\topacity: 1;
  524. \t\t}
  526. \t\t.slick-dots li button:before {
  527. \t\t\tcontent: \" \";
  528. \t\t\tline-height: 20px;
  529. \t\t\tposition: absolute;
  530. \t\t\ttop: 0;
  531. \t\t\tleft: 0;
  532. \t\t\twidth: 12px;
  533. \t\t\theight: 12px;
  534. \t\t\ttext-align: center;
  535. \t\t\topacity: .25;
  536. \t\t\tbackground-color: black;
  537. \t\t\tborder-radius: 50%;
  539. \t\t}
  541. \t\t.slick-dots li.slick-active button:before {
  542. \t\t\topacity: .75;
  543. \t\t\tbackground-color: black;
  544. \t\t}
  546. \t\t.slick-dots li button.thumbnail img {
  547. \t\t\twidth: 0;
  548. \t\t\theight: 0;
  549. \t\t}
  550. \t\t.slick-wrapper {
  551. \t\t\toverflow-x: hidden;
  552. \t\t\tpadding-bottom: 30px;
  553. \t\t}
  554. \t\t@media (min-width: 768px) {
  555. \t\t\t.slick-wrapper {
  556. \t\t\t\theight: 378px;
  557. \t\t\t}
  558. \t\t}
  559. \t\t.main_visual {
  560. \t\t\tmargin-top: 18px;
  561. \t\t}
  563. \t\t.featured {
  564. \t\t\tpadding: 0 20px;
  565. \t\t}
  567. \t\t.featured-divider {
  568. \t\t\tbackground: var(--border-gray);
  569. \t\t\tmargin: 12px 0;
  570. \t\t}
  572. \t\t.featured-item {
  573. \t\t\tdisplay: flex;
  574. \t\t\talign-items: center;
  575. \t\t\tgap: 16px;
  576. \t\t\tpadding: 0 20px;
  577. \t\t}
  579. \t\t.featured-item__label {
  580. \t\t\tfont-size: 16px;
  581. \t\t\tfont-weight: 500;
  582. \t\t\tline-height: 1.2;
  583. \t\t}
  585. \t\t.featured-item__text {
  586. \t\t\tcolor: var(--primary-red);
  587. \t\t\tfont-size: 26px;
  588. \t\t\tfont-weight: 700;
  589. \t\t\tline-height: 1.2;
  590. \t\t\tmargin-top: 8px;
  591. \t\t}
  594. \t</style>
  595. {% endblock %}
  600. {% block main %}
  601. \t<div class=\"page-content-root\">
  602. \t\t{{ include('Block/recommend_list.twig', {label: '当店のイチオシ！', category_id: 32}) }}
  603. \t\t<div class=\"d-block d-sm-none\">
  604. \t\t\t<div class=\"featured\">
  605. \t\t\t\t<div class=\"featured-item\">
  606. \t\t\t\t\t<svg width=\"86\" height=\"86\" viewBox=\"0 0 86 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  607. \t\t\t\t\t\t<circle cx=\"43\" cy=\"43\" r=\"41.925\" stroke=\"#CF0800\" stroke-width=\"2.15\"/>
  608. \t\t\t\t\t\t<path d=\"M61 52.2437V33.7562C60.9986 33.4892 60.9267 33.2272 60.7918 32.9968C60.6568 32.7664 60.4635 32.5756 60.2312 32.4437L43.7312 23.1625C43.5089 23.0341 43.2567 22.9666 43 22.9666C42.7433 22.9666 42.4911 23.0341 42.2687 23.1625L25.7687 32.4437C25.5365 32.5756 25.3432 32.7664 25.2082 32.9968C25.0733 33.2272 25.0014 33.4892 25 33.7562V52.2437C25.0014 52.5108 25.0733 52.7727 25.2082 53.0032C25.3432 53.2336 25.5365 53.4244 25.7687 53.5562L42.2687 62.8375C42.4911 62.9659 42.7433 63.0334 43 63.0334C43.2567 63.0334 43.5089 62.9659 43.7312 62.8375L60.2312 53.5562C60.4635 53.4244 60.6568 53.2336 60.7918 53.0032C60.9267 52.7727 60.9986 52.5108 61 52.2437Z\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  609. \t\t\t\t\t\t<path d=\"M52.1875 47.5938V37.8438L34 27.8125\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  610. \t\t\t\t\t\t<path d=\"M60.7936 32.9874L43.1686 42.9999L25.2061 32.9874\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  611. \t\t\t\t\t\t<path d=\"M43.1687 43L43 63.025\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  612. \t\t\t\t\t</svg>
  613. \t\t\t\t\t\t
  614. \t\t\t\t\t<div>
  615. \t\t\t\t\t\t<p class=\"featured-item__label\">9,800円以上のご購入で</p>
  616. \t\t\t\t\t\t<p class=\"featured-item__text\">送料無料!</p>
  617. \t\t\t\t\t</div>
  618. \t\t\t\t</div>
  619. \t\t\t\t<hr class=\"featured-divider\">
  620. \t\t\t\t<div class=\"featured-item\">
  621. \t\t\t\t\t<svg width=\"86\" height=\"86\" viewBox=\"0 0 86 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  622. \t\t\t\t\t\t<circle cx=\"43\" cy=\"43\" r=\"41.925\" stroke=\"#CF0800\" stroke-width=\"2.15\"/>
  623. \t\t\t\t\t\t<g clip-path=\"url(#clip0_535_8111)\">
  624. \t\t\t\t\t\t<path d=\"M52 34H59.9875C60.2864 33.9981 60.5788 34.0866 60.8264 34.2539C61.0741 34.4212 61.2653 34.6595 61.375 34.9375L64 41.5\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  625. \t\t\t\t\t\t<path d=\"M22 46H52\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  626. \t\t\t\t\t\t<path d=\"M54.25 59.5C56.7353 59.5 58.75 57.4853 58.75 55C58.75 52.5147 56.7353 50.5 54.25 50.5C51.7647 50.5 49.75 52.5147 49.75 55C49.75 57.4853 51.7647 59.5 54.25 59.5Z\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-miterlimit=\"10\"/>
  627. \t\t\t\t\t\t<path d=\"M31.75 59.5C34.2353 59.5 36.25 57.4853 36.25 55C36.25 52.5147 34.2353 50.5 31.75 50.5C29.2647 50.5 27.25 52.5147 27.25 55C27.25 57.4853 29.2647 59.5 31.75 59.5Z\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-miterlimit=\"10\"/>
  628. \t\t\t\t\t\t<path d=\"M49.75 55H36.25\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  629. \t\t\t\t\t\t<path d=\"M27.25 55H23.5C23.1022 55 22.7206 54.842 22.4393 54.5607C22.158 54.2794 22 53.8978 22 53.5V32.5C22 32.1022 22.158 31.7206 22.4393 31.4393C22.7206 31.158 23.1022 31 23.5 31H52V51.1\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  630. \t\t\t\t\t\t<path d=\"M52 41.5H64V53.5C64 53.8978 63.842 54.2794 63.5607 54.5607C63.2794 54.842 62.8978 55 62.5 55H58.75\" stroke=\"#CF0800\" stroke-width=\"2.48276\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  631. \t\t\t\t\t\t</g>
  632. \t\t\t\t\t\t<defs>
  633. \t\t\t\t\t\t<clipPath id=\"clip0_535_8111\">
  634. \t\t\t\t\t\t<rect width=\"48\" height=\"48\" fill=\"white\" transform=\"translate(19 19)\"/>
  635. \t\t\t\t\t\t</clipPath>
  636. \t\t\t\t\t\t</defs>
  637. \t\t\t\t\t</svg>\t\t\t\t\t\t
  638. \t\t\t\t\t<div>
  639. \t\t\t\t\t\t<p class=\"featured-item__label\">12時までのご購入で</p>
  640. \t\t\t\t\t\t<p class=\"featured-item__text\">最短翌日お届け！</p>
  641. \t\t\t\t\t</div>
  642. \t\t\t\t</div>
  643. \t\t\t</div>
  644. \t\t</div>
  646. \t\t<div class=\"campaign-banner\">
  647. \t\t\t<a href =\"https://denzai-bluewood.com/products/list?name=%E6%B3%95%E4%BA%BA%E9%99%90%E5%AE%9A%E3%80%80%E6%9C%9F%E9%96%93%E9%99%90%E5%AE%9A%E3%80%80%E3%83%91%E3%83%8A%E3%82%BD%E3%83%8B%E3%83%83%E3%82%AF\">
  648. \t\t\t\t<picture>
  649. \t\t\t\t\t<source
  650. \t\t\t\t\t\tsrcset=\"{{ asset('assets/img/large-banners/large-banner-panasonic-md.png', 'user_data') }}\"
  651. \t\t\t\t\t\tmedia=\"(min-width: 768px)\"
  652. \t\t\t\t\t\twidth=\"900\"
  653. \t\t\t\t\t\theight=\"184\"
  654. \t\t\t\t\t/>
  655. \t\t\t\t\t<source
  656. \t\t\t\t\t\tsrcset=\"{{ asset('assets/img/large-banners/large-banner-panasonic.png', 'user_data') }}\"
  657. \t\t\t\t\t\tmedia=\"(min-width: 320px)\"
  658. \t\t\t\t\t\twidth=\"350\"
  659. \t\t\t\t\t\theight=\"153\"
  660. \t\t\t\t\t/>
  661. \t\t\t\t\t<img src=\"{{ asset('assets/img/large-banners/large-banner-panasonic-md.png', 'user_data') }}\" alt=\"法人限定期間限定パナソニック照明器具が特価\" style=\"width:100%; height:auto;\" width=\"900\" height=\"184\" />
  662. \t\t\t\t</picture>
  663. \t\t\t</a>
  664. \t\t</div>
  666. \t\t<div class=\"large-banners\">
  667. {% if app.request.getPathInfo() == '/' %}
  668.     <a href =\"{{ url('faq_index') }}\">
  669.     <picture>
  670.         <source
  671.             srcset=\"{{ asset('assets/img/large-banners/large-banner-contact-md.png', 'user_data') }}\"
  672.             media=\"(min-width: 768px)\"
  673.             width=\"440\"
  674.             height=\"184\"
  675.         />
  676.         <source
  677.             srcset=\"{{ asset('assets/img/large-banners/large-banner-contact.png', 'user_data') }}\"
  678.             media=\"(min-width: 320px)\"
  679.             width=\"350\"
  680.             height=\"153\"
  681.         />
  682.         <img src=\"{{ asset('assets/img/large-banners/large-banner-contact-md.png', 'user_data') }}\" alt=\"お問い合わせはこちら\" style=\"width:100%; height:auto;\" width=\"440\" height=\"184\" />
  683.     </picture>
  684.     </a>
  685. {% else %}
  686.     <picture>
  687.         <source
  688.             srcset=\"{{ asset('assets/img/large-banners/large-banner-red-md.png', 'user_data') }}\"
  689.             media=\"(min-width: 768px)\"
  690.             width=\"440\"
  691.             height=\"184\"
  692.         />
  693.         <source
  694.             srcset=\"{{ asset('assets/img/large-banners/large-banner-red.png', 'user_data') }}\"
  695.             media=\"(min-width: 320px)\"
  696.             width=\"350\"
  697.             height=\"153\"
  698.         />
  699.         <img src=\"{{ asset('assets/img/large-banners/large-banner-red-md.png', 'user_data') }}\" alt=\"\" class=\"w-100\" width=\"440\" height=\"184\" />
  700.     </picture>
  701. {% endif %}
  703.     <picture>
  704.         <source
  705.             srcset=\"{{ asset('assets/img/large-banners/large-banner-blue-md.png', 'user_data') }}\"
  706.             media=\"(min-width: 768px)\"
  707.             width=\"440\"
  708.             height=\"184\"
  709.         />
  710.         <source
  711.             srcset=\"{{ asset('assets/img/large-banners/large-banner-blue.png', 'user_data') }}\"
  712.             media=\"(min-width: 320px)\"
  713.             width=\"350\"
  714.             height=\"153\"
  715.         />
  716.         <img src=\"{{ asset('assets/img/large-banners/large-banner-blue-md.png', 'user_data') }}\" alt=\"\" class=\"w-100\" width=\"440\" height=\"184\" />
  717.     </picture>
  718. </div>
  719. \t\t{{ include('Block/recommend_list.twig', {label: '照明機器おすすめ商品', category_id: 58}) }}
  720. \t\t{{ include('Block/populer_search_word.twig') }}
  721. \t\t{{ include('Block/recommend_list.twig', {label: 'ブレーカおすすめ商品', category_id: 259}) }}
  722. \t\t{{ include('Block/category_list.twig', {
  723. \t\t\tlabel: null, href_label: 'カテゴリ一覧から探す'
  724. \t\t}) }}
  725. \t\t{{ include('Block/banners.twig') }}
  726. \t\t{{ include('Block/makers.twig') }}
  727. \t\t{{ include('Block/news.twig') }}
  728. \t\t<div class=\"d-md-none\">
  729. \t\t\t{{ include('Block/large-banners.twig') }}
  730. \t\t</div>
  731. \t\t
  732. \t</div>
  734. {% endblock %}
  735. ", "index.twig", "/home/xs804421/stg.denzai-bluewood.com/public_html/app/template/default/index.twig");
  736.     }
  737. }