var/cache/dev/twig/6e/6edf47e2af19641d9f73b7cedeb68554.php line 42

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_c893c8b2c77926bfa18f6a41089b8615 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.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.         $this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
  33.         $this->checkSecurity();
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 11
  39.         return "default_frame.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  51.         // line 13
  52.         $context["body_class"] = "front_page";
  53.         // line 11
  54.         $this->parent = $this->loadTemplate("default_frame.twig", "index.twig", 11);
  55.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  56.         
  57.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  59.         
  60.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  62.     }
  64.     // line 15
  65.     public function block_stylesheet($context, array $blocks = [])
  66.     {
  67.         $macros = $this->macros;
  68.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  69.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  71.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  72.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  74.         // line 16
  75.         echo "        <style>
  76.             .slick-slider {
  77.                 margin-bottom: 30px;
  78.             }
  79.     
  80.             .slick-dots {
  81.                 position: absolute;
  82.                 bottom: -25px;
  83.                 display: block;
  84.                 width: 100%;
  85.                 padding: 0;
  86.                 list-style: none;
  87.                 text-align: center;
  88.             }
  89.     
  90.             .slick-dots li {
  91.                 position: relative;
  92.                 display: inline-block;
  93.                 width: 20px;
  94.                 height: 20px;
  95.                 margin: 0 5px;
  96.                 padding: 0;
  97.                 cursor: pointer;
  98.             }
  99.     
  100.             .slick-dots li button {
  101.                 font-size: 0;
  102.                 line-height: 0;
  103.                 display: block;
  104.                 width: 20px;
  105.                 height: 20px;
  106.                 padding: 5px;
  107.                 cursor: pointer;
  108.                 color: transparent;
  109.                 border: 0;
  110.                 outline: none;
  111.                 background: transparent;
  112.             }
  113.     
  114.             .slick-dots li button:hover,
  115.             .slick-dots li button:focus {
  116.                 outline: none;
  117.             }
  118.     
  119.             .slick-dots li button:hover:before,
  120.             .slick-dots li button:focus:before {
  121.                 opacity: 1;
  122.             }
  123.     
  124.             .slick-dots li button:before {
  125.                 content: \" \";
  126.                 line-height: 20px;
  127.                 position: absolute;
  128.                 top: 0;
  129.                 left: 0;
  130.                 width: 12px;
  131.                 height: 12px;
  132.                 text-align: center;
  133.                 opacity: .25;
  134.                 background-color: black;
  135.                 border-radius: 50%;
  136.             }
  137.     
  138.             .slick-dots li.slick-active button:before {
  139.                 opacity: .75;
  140.                 background-color: black;
  141.             }
  142.     
  143.             .slick-dots li button.thumbnail img {
  144.                 width: 0;
  145.                 height: 0;
  146.             }
  147.             
  148.             .slick-prev, .slick-next {
  149.                 font-size: 0;
  150.                 line-height: 0;
  151.                 position: absolute;
  152.                 top: 50%;
  153.                 display: block;
  154.                 width: 60px;
  155.                 height: 60px;
  156.                 padding: 0;
  157.                 -webkit-transform: translate(0, -50%);
  158.                 -ms-transform: translate(0, -50%);
  159.                 transform: translate(0, -50%);
  160.                 cursor: pointer;
  161.                 color: transparent;
  162.                 border: none;
  163.                 outline: none;
  164.                 background: transparent;
  165.             }
  166.              
  167.             .slick-prev {
  168.                 left: 0;
  169.                 z-index: 1;
  170.             }
  171.              
  172.             .slick-next {
  173.                 right: 0;
  174.                 z-index: 1;
  175.             }
  176.              
  177.             .slick-prev:before, .slick-next:before {
  178.                 font-family: 'slick';
  179.                 font-size: 40px;
  180.                 line-height: 1;
  181.                 opacity: 1;
  182.                 color: white;
  183.                 -webkit-font-smoothing: antialiased;
  184.                 -moz-osx-font-smoothing: grayscale;
  185.             }
  186.      
  187.             .slick-prev:before {
  188.                 content: url(/html/user_data/assets/img/common/btn_carousel_l.webp);
  189.             }
  190.              
  191.             .slick-next:before {
  192.                 content: url(/html/user_data/assets/img/common/btn_carousel_r.webp);
  193.             }
  194.      
  195.             .slick-prev:hover,
  196.             .slick-prev:focus,
  197.             .slick-next:hover,
  198.             .slick-next:focus {
  199.                 color: transparent;
  200.                 outline: none;
  201.                 background: transparent;
  202.             }
  203.              
  204.             .slick-prev:hover:before,
  205.             .slick-prev:focus:before,
  206.             .slick-next:hover:before,
  207.             .slick-next:focus:before {
  208.                 opacity: 1;
  209.             }
  210.              
  211.             .slick-prev.slick-disabled:before,
  212.             .slick-next.slick-disabled:before {
  213.                 opacity: .25;
  214.             }
  215.     
  216.             .slick-track{
  217.                 position: relative;
  218.                 top: 0;
  219.                 left: 0;
  220.                 display: flex;
  221.                 margin-left: auto;
  222.                 margin-right: auto;
  223.             }
  224.                 
  225.         </style>
  226.     ";
  227.         
  228.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  230.         
  231.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  233.     }
  235.     // line 169
  236.     public function block_javascript($context, array $blocks = [])
  237.     {
  238.         $macros = $this->macros;
  239.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  240.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  242.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  243.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  245.         // line 170
  246.         echo "        <script>
  247.             
  248.             \$(function() {
  250.                 let width = \$(window).width();
  251.                 var photo_count = 1;
  252.                 if (width <= 768) {
  253.                 } else if (width <= 1024) {
  254.                     // タブレット
  255.                     photo_count = 3;
  256.                 } else {
  257.                     // PC
  258.                     photo_count = 3;
  259.                 }
  261.                 \$('.main_visual').slick({
  262.                     dots: false,
  263.                     autoplay: true,
  264.                     speed: 300,
  265.                     centerMode: true,
  266.                     centerPadding: '20%',
  267.                     arrows: true,
  268.                     infinite: true,
  269.                     slidesToShow: photo_count
  270.                 });
  271.             });
  272.         </script>
  273.     ";
  274.         
  275.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  277.         
  278.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  280.     }
  282.     // line 199
  283.     public function block_main($context, array $blocks = [])
  284.     {
  285.         $macros = $this->macros;
  286.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  287.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  289.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  290.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  292.         // line 200
  293.         echo "        
  294.     ";
  295.         
  296.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  298.         
  299.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  301.     }
  303.     public function getTemplateName()
  304.     {
  305.         return "index.twig";
  306.     }
  308.     public function isTraitable()
  309.     {
  310.         return false;
  311.     }
  313.     public function getDebugInfo()
  314.     {
  315.         return array (  293 => 200,  283 => 199,  246 => 170,  236 => 169,  75 => 16,  65 => 15,  54 => 11,  52 => 13,  39 => 11,);
  316.     }
  318.     public function getSourceContext()
  319.     {
  320.         return new Source("{#
  321.     This file is part of EC-CUBE
  322.     
  323.     Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  324.     
  325.     http://www.ec-cube.co.jp/
  326.     
  327.     For the full copyright and license information, please view the LICENSE
  328.     file that was distributed with this source code.
  329.     #}
  330.     {% extends 'default_frame.twig' %}
  331.     
  332.     {% set body_class = 'front_page' %}
  333.     
  334.     {% block stylesheet %}
  335.         <style>
  336.             .slick-slider {
  337.                 margin-bottom: 30px;
  338.             }
  339.     
  340.             .slick-dots {
  341.                 position: absolute;
  342.                 bottom: -25px;
  343.                 display: block;
  344.                 width: 100%;
  345.                 padding: 0;
  346.                 list-style: none;
  347.                 text-align: center;
  348.             }
  349.     
  350.             .slick-dots li {
  351.                 position: relative;
  352.                 display: inline-block;
  353.                 width: 20px;
  354.                 height: 20px;
  355.                 margin: 0 5px;
  356.                 padding: 0;
  357.                 cursor: pointer;
  358.             }
  359.     
  360.             .slick-dots li button {
  361.                 font-size: 0;
  362.                 line-height: 0;
  363.                 display: block;
  364.                 width: 20px;
  365.                 height: 20px;
  366.                 padding: 5px;
  367.                 cursor: pointer;
  368.                 color: transparent;
  369.                 border: 0;
  370.                 outline: none;
  371.                 background: transparent;
  372.             }
  373.     
  374.             .slick-dots li button:hover,
  375.             .slick-dots li button:focus {
  376.                 outline: none;
  377.             }
  378.     
  379.             .slick-dots li button:hover:before,
  380.             .slick-dots li button:focus:before {
  381.                 opacity: 1;
  382.             }
  383.     
  384.             .slick-dots li button:before {
  385.                 content: \" \";
  386.                 line-height: 20px;
  387.                 position: absolute;
  388.                 top: 0;
  389.                 left: 0;
  390.                 width: 12px;
  391.                 height: 12px;
  392.                 text-align: center;
  393.                 opacity: .25;
  394.                 background-color: black;
  395.                 border-radius: 50%;
  396.             }
  397.     
  398.             .slick-dots li.slick-active button:before {
  399.                 opacity: .75;
  400.                 background-color: black;
  401.             }
  402.     
  403.             .slick-dots li button.thumbnail img {
  404.                 width: 0;
  405.                 height: 0;
  406.             }
  407.             
  408.             .slick-prev, .slick-next {
  409.                 font-size: 0;
  410.                 line-height: 0;
  411.                 position: absolute;
  412.                 top: 50%;
  413.                 display: block;
  414.                 width: 60px;
  415.                 height: 60px;
  416.                 padding: 0;
  417.                 -webkit-transform: translate(0, -50%);
  418.                 -ms-transform: translate(0, -50%);
  419.                 transform: translate(0, -50%);
  420.                 cursor: pointer;
  421.                 color: transparent;
  422.                 border: none;
  423.                 outline: none;
  424.                 background: transparent;
  425.             }
  426.              
  427.             .slick-prev {
  428.                 left: 0;
  429.                 z-index: 1;
  430.             }
  431.              
  432.             .slick-next {
  433.                 right: 0;
  434.                 z-index: 1;
  435.             }
  436.              
  437.             .slick-prev:before, .slick-next:before {
  438.                 font-family: 'slick';
  439.                 font-size: 40px;
  440.                 line-height: 1;
  441.                 opacity: 1;
  442.                 color: white;
  443.                 -webkit-font-smoothing: antialiased;
  444.                 -moz-osx-font-smoothing: grayscale;
  445.             }
  446.      
  447.             .slick-prev:before {
  448.                 content: url(/html/user_data/assets/img/common/btn_carousel_l.webp);
  449.             }
  450.              
  451.             .slick-next:before {
  452.                 content: url(/html/user_data/assets/img/common/btn_carousel_r.webp);
  453.             }
  454.      
  455.             .slick-prev:hover,
  456.             .slick-prev:focus,
  457.             .slick-next:hover,
  458.             .slick-next:focus {
  459.                 color: transparent;
  460.                 outline: none;
  461.                 background: transparent;
  462.             }
  463.              
  464.             .slick-prev:hover:before,
  465.             .slick-prev:focus:before,
  466.             .slick-next:hover:before,
  467.             .slick-next:focus:before {
  468.                 opacity: 1;
  469.             }
  470.              
  471.             .slick-prev.slick-disabled:before,
  472.             .slick-next.slick-disabled:before {
  473.                 opacity: .25;
  474.             }
  475.     
  476.             .slick-track{
  477.                 position: relative;
  478.                 top: 0;
  479.                 left: 0;
  480.                 display: flex;
  481.                 margin-left: auto;
  482.                 margin-right: auto;
  483.             }
  484.                 
  485.         </style>
  486.     {% endblock %}
  487.     
  488.     {% block javascript %}
  489.         <script>
  490.             
  491.             \$(function() {
  493.                 let width = \$(window).width();
  494.                 var photo_count = 1;
  495.                 if (width <= 768) {
  496.                 } else if (width <= 1024) {
  497.                     // タブレット
  498.                     photo_count = 3;
  499.                 } else {
  500.                     // PC
  501.                     photo_count = 3;
  502.                 }
  504.                 \$('.main_visual').slick({
  505.                     dots: false,
  506.                     autoplay: true,
  507.                     speed: 300,
  508.                     centerMode: true,
  509.                     centerPadding: '20%',
  510.                     arrows: true,
  511.                     infinite: true,
  512.                     slidesToShow: photo_count
  513.                 });
  514.             });
  515.         </script>
  516.     {% endblock javascript %}
  517.     
  518.     {% block main %}
  519.         
  520.     {% endblock %}", "index.twig", "/home/shikomel/shikomel.com/public_html/web-order-stg.shikomel.com/app/template/default/index.twig");
  521.     }
  522.     
  523.     public function checkSecurity()
  524.     {
  525.         static $tags = array("set" => 13);
  526.         static $filters = array();
  527.         static $functions = array();
  529.         try {
  530.             $this->sandbox->checkSecurity(
  531.                 ['set'],
  532.                 [],
  533.                 []
  534.             );
  535.         } catch (SecurityError $e) {
  536.             $e->setSourceContext($this->source);
  538.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  539.                 $e->setTemplateLine($tags[$e->getTagName()]);
  540.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  541.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  542.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  543.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  544.             }
  546.             throw $e;
  547.         }
  549.     }
  550. }