var/cache/dev/twig/ce/ceb2b58b78d10e2a0fcf27dc5ccd8ca70962d9d4ee9d398823c67d76defe75ad.php line 40

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_8b4cf4fabc6a7081b1b791afbd16b784807d835acbb65997e56859b0971248e8 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.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 11
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  49.         // line 13
  50.         $context["body_class"] = "front_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "index.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <style>
  74.         .main_visual {
  75.             margin-left: calc(-50vw + 50%);
  76.             width: 100vw;
  77.         }
  78.         .slick-slider {
  79.             margin-bottom: 30px;
  80.         }
  82.         .slick-dots {
  83.             position: absolute;
  84.             bottom: -45px;
  85.             display: block;
  86.             width: 100%;
  87.             padding: 0;
  88.             list-style: none;
  89.             text-align: center;
  90.         }
  92.         .slick-dots li {
  93.             position: relative;
  94.             display: inline-block;
  95.             width: 20px;
  96.             height: 20px;
  97.             margin: 0 5px;
  98.             padding: 0;
  100.             cursor: pointer;
  101.         }
  103.         .slick-dots li button {
  104.             font-size: 0;
  105.             line-height: 0;
  106.             display: block;
  107.             width: 20px;
  108.             height: 20px;
  109.             padding: 5px;
  110.             cursor: pointer;
  111.             color: transparent;
  112.             border: 0;
  113.             outline: none;
  114.             background: transparent;
  115.         }
  117.         .slick-dots li button:hover,
  118.         .slick-dots li button:focus {
  119.             outline: none;
  120.         }
  122.         .slick-dots li button:hover:before,
  123.         .slick-dots li button:focus:before {
  124.             opacity: 1;
  125.         }
  127.         .slick-dots li button:before {
  128.             content: \" \";
  129.             line-height: 20px;
  130.             position: absolute;
  131.             top: 0;
  132.             left: 0;
  133.             width: 12px;
  134.             height: 12px;
  135.             text-align: center;
  136.             opacity: .25;
  137.             background-color: black;
  138.             border-radius: 50%;
  140.         }
  142.         .slick-dots li.slick-active button:before {
  143.             opacity: .75;
  144.             background-color: black;
  145.         }
  147.         .slick-dots li button.thumbnail img {
  148.             width: 0;
  149.             height: 0;
  150.         }
  152.         @media screen and (max-width:480px) {
  153.             .slick-list {
  154.                 margin: 0 1rem;
  155.             }
  156.         }
  157.     </style>
  158. ";
  159.         
  160.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  162.         
  163.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  165.     }
  167.     // line 103
  168.     public function block_javascript($context, array $blocks = [])
  169.     {
  170.         $macros = $this->macros;
  171.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  172.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  174.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  175.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  177.         // line 104
  178.         echo "    <script>
  179.         \$(function() {
  180.             \$('.main_visual').slick({
  181.                 dots: true,
  182.                 arrows: false,
  183.                 centerMode: true,
  184.                 centerPadding: \"10%\",
  185.                 autoplay: true,
  186.                 speed: 600,
  187.                 responsive: [{
  188.                     breakpoint: 480,
  189.                     settings: {
  190.                         slidesToShow: 1,
  191.                         centerPadding: \"0\"
  192.                     }
  193.                 }]
  194.             });
  195.         });
  196.     </script>
  197. ";
  198.         
  199.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  201.         
  202.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  204.     }
  206.     // line 125
  207.     public function block_main($context, array $blocks = [])
  208.     {
  209.         $macros = $this->macros;
  210.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  211.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  213.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  214.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  216.         // line 126
  217.         echo "    ";
  218.         // line 127
  219.         echo "    ";
  220.         // line 135
  221.         echo "
  222.     ";
  223.         // line 137
  224.         echo "    <div class=\"ec-sliderRole\">
  225.         <div class=\"main_visual\">
  226.             <div class=\"item slick-slide\">
  227.                 <a href=\"";
  228.         // line 140
  229.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  230.         echo "?category_id=5\">
  231.                     <picture>
  232.                         <source media=\"(max-width: 480px)\" srcset=\"/html/template/default/assets/img/top/univatown_slider1_SP.png\">
  233.                         <img src=\"/html/template/default/assets/img/top/univatown_slider1.png\" alt=\"スライド画像1\">
  234.                     </picture>
  235.                 </a>
  236.             </div>
  237.             <div class=\"item slick-slide\">
  238.                 <a href=\"";
  239.         // line 148
  240.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  241.         echo "?category_id=1\">
  242.                     <picture>
  243.                         <source media=\"(max-width: 480px)\" srcset=\"/html/template/default/assets/img/top/univatown_slider2_SP.png\">
  244.                         <img src=\"/html/template/default/assets/img/top/univatown_slider2.png\" alt=\"スライド画像2\">
  245.                     </picture>
  246.                 </a>
  247.             </div>
  248.             <div class=\"item slick-slide\">
  249.                 <a href=\"";
  250.         // line 156
  251.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  252.         echo "?category_id=2\">
  253.                     <picture>
  254.                         <source media=\"(max-width: 480px)\" srcset=\"/html/template/default/assets/img/top/univatown_slider3_SP.png\">
  255.                         <img src=\"/html/template/default/assets/img/top/univatown_slider3.png\" alt=\"スライド画像3\">
  256.                     </picture>
  257.                 </a>
  258.             </div>
  259.         </div>
  260.     </div>
  261. ";
  262.         
  263.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  265.         
  266.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  268.     }
  270.     public function getTemplateName()
  271.     {
  272.         return "index.twig";
  273.     }
  275.     public function isTraitable()
  276.     {
  277.         return false;
  278.     }
  280.     public function getDebugInfo()
  281.     {
  282.         return array (  251 => 156,  240 => 148,  229 => 140,  224 => 137,  221 => 135,  219 => 127,  217 => 126,  207 => 125,  178 => 104,  168 => 103,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  283.     }
  285.     public function getSourceContext()
  286.     {
  287.         return new Source("{#
  288. This file is part of EC-CUBE
  290. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  292. http://www.ec-cube.co.jp/
  294. For the full copyright and license information, please view the LICENSE
  295. file that was distributed with this source code.
  296. #}
  297. {% extends 'default_frame.twig' %}
  299. {% set body_class = 'front_page' %}
  301. {% block stylesheet %}
  302.     <style>
  303.         .main_visual {
  304.             margin-left: calc(-50vw + 50%);
  305.             width: 100vw;
  306.         }
  307.         .slick-slider {
  308.             margin-bottom: 30px;
  309.         }
  311.         .slick-dots {
  312.             position: absolute;
  313.             bottom: -45px;
  314.             display: block;
  315.             width: 100%;
  316.             padding: 0;
  317.             list-style: none;
  318.             text-align: center;
  319.         }
  321.         .slick-dots li {
  322.             position: relative;
  323.             display: inline-block;
  324.             width: 20px;
  325.             height: 20px;
  326.             margin: 0 5px;
  327.             padding: 0;
  329.             cursor: pointer;
  330.         }
  332.         .slick-dots li button {
  333.             font-size: 0;
  334.             line-height: 0;
  335.             display: block;
  336.             width: 20px;
  337.             height: 20px;
  338.             padding: 5px;
  339.             cursor: pointer;
  340.             color: transparent;
  341.             border: 0;
  342.             outline: none;
  343.             background: transparent;
  344.         }
  346.         .slick-dots li button:hover,
  347.         .slick-dots li button:focus {
  348.             outline: none;
  349.         }
  351.         .slick-dots li button:hover:before,
  352.         .slick-dots li button:focus:before {
  353.             opacity: 1;
  354.         }
  356.         .slick-dots li button:before {
  357.             content: \" \";
  358.             line-height: 20px;
  359.             position: absolute;
  360.             top: 0;
  361.             left: 0;
  362.             width: 12px;
  363.             height: 12px;
  364.             text-align: center;
  365.             opacity: .25;
  366.             background-color: black;
  367.             border-radius: 50%;
  369.         }
  371.         .slick-dots li.slick-active button:before {
  372.             opacity: .75;
  373.             background-color: black;
  374.         }
  376.         .slick-dots li button.thumbnail img {
  377.             width: 0;
  378.             height: 0;
  379.         }
  381.         @media screen and (max-width:480px) {
  382.             .slick-list {
  383.                 margin: 0 1rem;
  384.             }
  385.         }
  386.     </style>
  387. {% endblock %}
  389. {% block javascript %}
  390.     <script>
  391.         \$(function() {
  392.             \$('.main_visual').slick({
  393.                 dots: true,
  394.                 arrows: false,
  395.                 centerMode: true,
  396.                 centerPadding: \"10%\",
  397.                 autoplay: true,
  398.                 speed: 600,
  399.                 responsive: [{
  400.                     breakpoint: 480,
  401.                     settings: {
  402.                         slidesToShow: 1,
  403.                         centerPadding: \"0\"
  404.                     }
  405.                 }]
  406.             });
  407.         });
  408.     </script>
  409. {% endblock javascript %}
  411. {% block main %}
  412.     {# メインビジュアル 画像1枚の場合 #}
  413.     {# 
  414.     <div class=\"ec-sliderRole\">
  415.         <picture>
  416.             <source media=\"(max-width: 480px)\" srcset=\"/html/template/default/assets/img/top/univatown_slider1_SP.png\">
  417.             <img src=\"/html/template/default/assets/img/top/univatown_slider1.png\" alt=\"スライド画像1\">
  418.         </picture>
  419.     </div>
  420.     #}
  422.     {# メインビジュアル スライダーの場合 #}
  423.     <div class=\"ec-sliderRole\">
  424.         <div class=\"main_visual\">
  425.             <div class=\"item slick-slide\">
  426.                 <a href=\"{{ url('product_list') }}?category_id=5\">
  427.                     <picture>
  428.                         <source media=\"(max-width: 480px)\" srcset=\"/html/template/default/assets/img/top/univatown_slider1_SP.png\">
  429.                         <img src=\"/html/template/default/assets/img/top/univatown_slider1.png\" alt=\"スライド画像1\">
  430.                     </picture>
  431.                 </a>
  432.             </div>
  433.             <div class=\"item slick-slide\">
  434.                 <a href=\"{{ url('product_list') }}?category_id=1\">
  435.                     <picture>
  436.                         <source media=\"(max-width: 480px)\" srcset=\"/html/template/default/assets/img/top/univatown_slider2_SP.png\">
  437.                         <img src=\"/html/template/default/assets/img/top/univatown_slider2.png\" alt=\"スライド画像2\">
  438.                     </picture>
  439.                 </a>
  440.             </div>
  441.             <div class=\"item slick-slide\">
  442.                 <a href=\"{{ url('product_list') }}?category_id=2\">
  443.                     <picture>
  444.                         <source media=\"(max-width: 480px)\" srcset=\"/html/template/default/assets/img/top/univatown_slider3_SP.png\">
  445.                         <img src=\"/html/template/default/assets/img/top/univatown_slider3.png\" alt=\"スライド画像3\">
  446.                     </picture>
  447.                 </a>
  448.             </div>
  449.         </div>
  450.     </div>
  451. {% endblock %}", "index.twig", "/home/cajiya/fjdksla.com/public_html/cocofuru.fjdksla.com/app/template/default/index.twig");
  452.     }
  453. }