var/cache/dev/twig/30/304c74461f43afeeabc071a3fb416235.php line 63

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. /* Block/recommend_for_top.twig */
  16. class __TwigTemplate_eb22b2b7db89a814e627689a14056541 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->parent = false;
  29.         $this->blocks = [
  30.             'stylesheet' => [$this, 'block_stylesheet'],
  31.             'javascript' => [$this, 'block_javascript'],
  32.             'main' => [$this, 'block_main'],
  33.         ];
  34.         $this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
  35.         $this->checkSecurity();
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = [])
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Block/recommend_for_top.twig"));
  44.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Block/recommend_for_top.twig"));
  47.         // line 1
  48.         $context["recommend_products"] = twig_get_attribute($this->env, $this->source, $this->env->getFunction('repository')->getCallable()("Plugin\\Recommend42\\Entity\\RecommendProduct"), "getRecommendProduct", [], "any", false, false, true, 1);
  49.         // line 2
  50.         echo "
  51. ";
  52.         // line 3
  53.         $this->displayBlock('stylesheet', $context, $blocks);
  54.         // line 224
  55.         echo "
  56. ";
  57.         // line 225
  58.         $this->displayBlock('javascript', $context, $blocks);
  59.         // line 256
  60.         echo "
  61. ";
  62.         // line 257
  63.         $this->displayBlock('main', $context, $blocks);
  64.         
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  67.         
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  70.     }
  72.     // line 3
  73.     public function block_stylesheet($context, array $blocks = [])
  74.     {
  75.         $macros = $this->macros;
  76.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  77.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  79.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  80.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  82.         // line 4
  83.         echo "    <style>
  84.         .slick-slider {
  85.             margin-bottom: 30px;
  86.         }
  88.         .slick-dots {
  89.             position: absolute;
  90.             bottom: -25px;
  91.             display: block;
  92.             width: 100%;
  93.             padding: 0;
  94.             list-style: none;
  95.             text-align: center;
  96.         }
  98.         .slick-dots li {
  99.             position: relative;
  100.             display: inline-block;
  101.             width: 20px;
  102.             height: 20px;
  103.             margin: 0 5px;
  104.             padding: 0;
  105.             cursor: pointer;
  106.         }
  108.         .slick-dots li button {
  109.             font-size: 0;
  110.             line-height: 0;
  111.             display: block;
  112.             width: 20px;
  113.             height: 20px;
  114.             padding: 5px;
  115.             cursor: pointer;
  116.             color: transparent;
  117.             border: 0;
  118.             outline: none;
  119.             background: transparent;
  120.         }
  122.         .slick-dots li button:hover,
  123.         .slick-dots li button:focus {
  124.             outline: none;
  125.         }
  127.         .slick-dots li button:hover:before,
  128.         .slick-dots li button:focus:before {
  129.             opacity: 1;
  130.         }
  132.         .slick-dots li button:before {
  133.             content: \" \";
  134.             line-height: 20px;
  135.             position: absolute;
  136.             top: 0;
  137.             left: 0;
  138.             width: 12px;
  139.             height: 12px;
  140.             text-align: center;
  141.             opacity: .25;
  142.             background-color: black;
  143.             border-radius: 50%;
  144.         }
  146.         .slick-dots li.slick-active button:before {
  147.             opacity: .75;
  148.             background-color: black;
  149.         }
  151.         .slick-dots li button.thumbnail img {
  152.             width: 0;
  153.             height: 0;
  154.         }
  156.         .slick-prev, .slick-next {
  157.             font-size: 0;
  158.             line-height: 0;
  159.             position: absolute;
  160.             top: 50%;
  161.             display: block;
  162.             width: 60px;
  163.             height: 60px;
  164.             padding: 0;
  165.             -webkit-transform: translate(0, -50%);
  166.             -ms-transform: translate(0, -50%);
  167.             transform: translate(0, -50%);
  168.             cursor: pointer;
  169.             color: transparent;
  170.             border: none;
  171.             outline: none;
  172.             background: transparent;
  173.         }
  175.         .slick-prev {
  176.             left: 0;
  177.             z-index: 1;
  178.             height: 30px;
  179.         }
  181.         .slick-next {
  182.             right: 0;
  183.             z-index: 1;
  184.             height: 30px;
  185.         }
  187.         .slick-prev:before, .slick-next:before {
  188.             font-family: 'slick';
  189.             font-size: 40px;
  190.             line-height: 1;
  191.             opacity: 1;
  192.             color: white;
  193.             -webkit-font-smoothing: antialiased;
  194.             -moz-osx-font-smoothing: grayscale;
  195.         }
  197.         .slick-prev:before {
  198.             content: \"\";
  199.             opacity: 0;
  200.             pointer-events: none;
  201.             transition: opacity 0.3s ease;
  202.         }
  204.         .slick-next:before {
  205.             content: \"\";
  206.             opacity: 0;
  207.             pointer-events: none;
  208.             transition: opacity 0.3s ease;
  209.         }
  211.         ";
  212.         // line 140
  213.         echo "
  214.         ";
  215.         // line 147
  216.         echo "
  217.         ";
  218.         // line 152
  219.         echo "
  220.         .slick-track{
  221.             position: relative;
  222.             top: 0;
  223.             left: 0;
  224.             display: flex;
  225.             margin-left: auto;
  226.             margin-right: auto;
  227.         }
  229.         .product_name{
  230.             font-size: 15px;
  231.             height: 40px;
  232.             overflow: hidden;
  233.             display: -webkit-box;
  234.             text-overflow: ellipsis;
  235.             -webkit-box-orient: vertical;
  236.             -webkit-line-clamp: 2;
  237.             color: #1F9FCB;
  238.             margin-top: 8px;
  239.         }
  241.         .standardText {
  242.             color: #000000;
  243.             font-size: 12px;
  244.             padding-top: 8px;
  245.             padding-bottom: 8px;
  246.         }
  248.         .item_price {
  249.             color: black;
  250.             font-size: 18px;
  251.             font-weight: bold;
  252.         }
  254.     ";
  255.         // line 188
  256.         echo "    @media screen and (min-width: 1025px) {
  257.         /* .ec-sliderRole にホバーしたときだけ表示 */
  258.         .ec-sliderRole:hover .slick-prev:before,
  259.         .ec-sliderRole:hover .slick-next:before {
  260.             opacity: 1;
  261.             pointer-events: auto;
  262.         }
  264.         .slick-next:before {
  265.             content: \"\";
  266.             display: block;
  267.             width: 54px;
  268.             height: 54px;
  269.             background-image: url(/html/user_data/assets/img/common/btn_carousel_r_2.png);
  270.             background-size: contain;
  271.             margin-left: 40px;
  272.         }
  274.        .slick-prev:before {
  275.             content: \"\";
  276.             display: block;
  277.             width: 54px;
  278.             height: 54px;
  279.             background-image: url(/html/user_data/assets/img/common/btn_carousel_l_2.png);
  280.             background-size: contain;
  281.             margin-left: -40px;
  282.         }
  284.     }
  286.     ";
  287.         // line 219
  288.         echo "    @media screen and (max-width: 1024px) {
  289.     }
  291.     </style>
  292. ";
  293.         
  294.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  296.         
  297.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  299.     }
  301.     // line 225
  302.     public function block_javascript($context, array $blocks = [])
  303.     {
  304.         $macros = $this->macros;
  305.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  306.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  308.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  309.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  311.         // line 226
  312.         echo "    <script>
  314.         \$(function() {
  316.             let width = \$(window).width();
  317.             var photo_count = 2;
  318.             if (width <= 768) {
  319.             } else if (width <= 1024) {
  320.                 // タブレット
  321.                 photo_count = 4;
  322.             } else {
  323.                 // PC
  324.                 photo_count = 4;
  325.             }
  327.             \$('.main_visual_2').slick({
  328.                 dots: false,
  329.                 autoplay: false,
  330.                 centerMode: true,
  331.                 centerPadding: '10%',
  332.                 arrows: true,
  333.                 infinite: true,
  334.                 slidesToShow: photo_count,
  335.                 swipeToSlide: true,
  336.                 touchMove: true,
  337.                 touchThreshold: 10,
  338.             });
  339.         });
  340.     </script>
  341. ";
  342.         
  343.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  345.         
  346.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  348.     }
  350.     // line 257
  351.     public function block_main($context, array $blocks = [])
  352.     {
  353.         $macros = $this->macros;
  354.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  355.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  357.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  358.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  360.         // line 258
  361.         echo "    <div class=\"block_content\" style=\"max-width: 1150px; margin: auto; padding-left: 10px; padding-right: 10px; margin-bottom: 0px;\">
  362.         <h2 style=\"font-size: 18px; margin-bottom: 16px;\">おすすめ商品</h2>
  363.     </div>
  364.     <div class=\"ec-sliderRole\" style=\"margin-bottom: 0px; padding: 0px 10px;\">
  365.         <div class=\"main_visual_2\" style=\"margin-bottom: 0px;\">
  366.             ";
  367.         // line 263
  368.         $context['_parent'] = $context;
  369.         $context['_seq'] = twig_ensure_traversable((isset($context["recommend_products"]) || array_key_exists("recommend_products", $context) ? $context["recommend_products"] : (function () { throw new RuntimeError('Variable "recommend_products" does not exist.', 263, $this->source); })()));
  370.         foreach ($context['_seq'] as $context["_key"] => $context["RecommendProduct"]) {
  371.             // line 264
  372.             echo "            <div class=\"item slick-slide\" style=\"padding: 6px;\">
  373.                 <a href=\"";
  374.             // line 265
  375.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["RecommendProduct"], "Product", [], "any", false, false, true, 265), "id", [], "any", false, false, true, 265)]), "html", null, true);
  376.             echo "\">
  377.                     <img src=\"";
  378.             // line 266
  379.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["RecommendProduct"], "Product", [], "any", false, false, true, 266), "mainFileName", [], "any", false, false, true, 266), 266, $this->source)), "save_image"), "html", null, true);
  380.             echo "\" style=\"width: 320px; height: 136px; object-fit: cover; border-radius: 4px;\">
  381.                     <dl>
  382.                         ";
  383.             // line 269
  384.             echo "                        <p class=\"product_name\">";
  385.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["RecommendProduct"], "Product", [], "any", false, false, true, 269), "name", [], "any", false, false, true, 269), 269, $this->source), "html", null, true);
  386.             echo "</p>
  387.                         ";
  388.             // line 271
  389.             echo "                        <p class=\"standardText\">";
  390.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["RecommendProduct"], "Product", [], "any", false, false, true, 271), "getStandardText", [], "any", false, false, true, 271), 271, $this->source), "html", null, true);
  391.             echo "</p>
  392.                         <dd class=\"item_price\">
  393.                             ";
  394.             // line 273
  395.             echo twig_escape_filter($this->env, twig_number_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["RecommendProduct"], "Product", [], "any", false, false, true, 273), "getPrice02IncTaxMin", [], "any", false, false, true, 273), 273, $this->source)), "html", null, true);
  396.             echo "円
  397.                         </dd>
  398.                     </dl>
  399.                 </a>
  400.             </div>
  401.             ";
  402.         }
  403.         $_parent = $context['_parent'];
  404.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['RecommendProduct'], $context['_parent'], $context['loop']);
  405.         $context = array_intersect_key($context, $_parent) + $_parent;
  406.         // line 279
  407.         echo "        </div>
  408.     </div>
  409. ";
  410.         
  411.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  413.         
  414.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  416.     }
  418.     public function getTemplateName()
  419.     {
  420.         return "Block/recommend_for_top.twig";
  421.     }
  423.     public function isTraitable()
  424.     {
  425.         return false;
  426.     }
  428.     public function getDebugInfo()
  429.     {
  430.         return array (  407 => 279,  395 => 273,  389 => 271,  384 => 269,  379 => 266,  375 => 265,  372 => 264,  368 => 263,  361 => 258,  351 => 257,  312 => 226,  302 => 225,  288 => 219,  256 => 188,  219 => 152,  216 => 147,  213 => 140,  83 => 4,  73 => 3,  63 => 257,  60 => 256,  58 => 225,  55 => 224,  53 => 3,  50 => 2,  48 => 1,);
  431.     }
  433.     public function getSourceContext()
  434.     {
  435.         return new Source("{% set recommend_products = repository('Plugin\\\\Recommend42\\\\Entity\\\\RecommendProduct').getRecommendProduct %}
  437. {% block stylesheet %}
  438.     <style>
  439.         .slick-slider {
  440.             margin-bottom: 30px;
  441.         }
  443.         .slick-dots {
  444.             position: absolute;
  445.             bottom: -25px;
  446.             display: block;
  447.             width: 100%;
  448.             padding: 0;
  449.             list-style: none;
  450.             text-align: center;
  451.         }
  453.         .slick-dots li {
  454.             position: relative;
  455.             display: inline-block;
  456.             width: 20px;
  457.             height: 20px;
  458.             margin: 0 5px;
  459.             padding: 0;
  460.             cursor: pointer;
  461.         }
  463.         .slick-dots li button {
  464.             font-size: 0;
  465.             line-height: 0;
  466.             display: block;
  467.             width: 20px;
  468.             height: 20px;
  469.             padding: 5px;
  470.             cursor: pointer;
  471.             color: transparent;
  472.             border: 0;
  473.             outline: none;
  474.             background: transparent;
  475.         }
  477.         .slick-dots li button:hover,
  478.         .slick-dots li button:focus {
  479.             outline: none;
  480.         }
  482.         .slick-dots li button:hover:before,
  483.         .slick-dots li button:focus:before {
  484.             opacity: 1;
  485.         }
  487.         .slick-dots li button:before {
  488.             content: \" \";
  489.             line-height: 20px;
  490.             position: absolute;
  491.             top: 0;
  492.             left: 0;
  493.             width: 12px;
  494.             height: 12px;
  495.             text-align: center;
  496.             opacity: .25;
  497.             background-color: black;
  498.             border-radius: 50%;
  499.         }
  501.         .slick-dots li.slick-active button:before {
  502.             opacity: .75;
  503.             background-color: black;
  504.         }
  506.         .slick-dots li button.thumbnail img {
  507.             width: 0;
  508.             height: 0;
  509.         }
  511.         .slick-prev, .slick-next {
  512.             font-size: 0;
  513.             line-height: 0;
  514.             position: absolute;
  515.             top: 50%;
  516.             display: block;
  517.             width: 60px;
  518.             height: 60px;
  519.             padding: 0;
  520.             -webkit-transform: translate(0, -50%);
  521.             -ms-transform: translate(0, -50%);
  522.             transform: translate(0, -50%);
  523.             cursor: pointer;
  524.             color: transparent;
  525.             border: none;
  526.             outline: none;
  527.             background: transparent;
  528.         }
  530.         .slick-prev {
  531.             left: 0;
  532.             z-index: 1;
  533.             height: 30px;
  534.         }
  536.         .slick-next {
  537.             right: 0;
  538.             z-index: 1;
  539.             height: 30px;
  540.         }
  542.         .slick-prev:before, .slick-next:before {
  543.             font-family: 'slick';
  544.             font-size: 40px;
  545.             line-height: 1;
  546.             opacity: 1;
  547.             color: white;
  548.             -webkit-font-smoothing: antialiased;
  549.             -moz-osx-font-smoothing: grayscale;
  550.         }
  552.         .slick-prev:before {
  553.             content: \"\";
  554.             opacity: 0;
  555.             pointer-events: none;
  556.             transition: opacity 0.3s ease;
  557.         }
  559.         .slick-next:before {
  560.             content: \"\";
  561.             opacity: 0;
  562.             pointer-events: none;
  563.             transition: opacity 0.3s ease;
  564.         }
  566.         {# .slick-prev:hover,
  567.         .slick-prev:focus,
  568.         .slick-next:hover,
  569.         .slick-next:focus {
  570.             color: transparent;
  571.             outline: none;
  572.             background: transparent;
  573.         } #}
  575.         {# .slick-prev:hover:before,
  576.         .slick-prev:focus:before,
  577.         .slick-next:hover:before,
  578.         .slick-next:focus:before {
  579.             opacity: 1;
  580.         } #}
  582.         {# .slick-prev.slick-disabled:before,
  583.         .slick-next.slick-disabled:before {
  584.             opacity: .25;
  585.         } #}
  587.         .slick-track{
  588.             position: relative;
  589.             top: 0;
  590.             left: 0;
  591.             display: flex;
  592.             margin-left: auto;
  593.             margin-right: auto;
  594.         }
  596.         .product_name{
  597.             font-size: 15px;
  598.             height: 40px;
  599.             overflow: hidden;
  600.             display: -webkit-box;
  601.             text-overflow: ellipsis;
  602.             -webkit-box-orient: vertical;
  603.             -webkit-line-clamp: 2;
  604.             color: #1F9FCB;
  605.             margin-top: 8px;
  606.         }
  608.         .standardText {
  609.             color: #000000;
  610.             font-size: 12px;
  611.             padding-top: 8px;
  612.             padding-bottom: 8px;
  613.         }
  615.         .item_price {
  616.             color: black;
  617.             font-size: 18px;
  618.             font-weight: bold;
  619.         }
  621.     {# PC用スタイル #}
  622.     @media screen and (min-width: 1025px) {
  623.         /* .ec-sliderRole にホバーしたときだけ表示 */
  624.         .ec-sliderRole:hover .slick-prev:before,
  625.         .ec-sliderRole:hover .slick-next:before {
  626.             opacity: 1;
  627.             pointer-events: auto;
  628.         }
  630.         .slick-next:before {
  631.             content: \"\";
  632.             display: block;
  633.             width: 54px;
  634.             height: 54px;
  635.             background-image: url(/html/user_data/assets/img/common/btn_carousel_r_2.png);
  636.             background-size: contain;
  637.             margin-left: 40px;
  638.         }
  640.        .slick-prev:before {
  641.             content: \"\";
  642.             display: block;
  643.             width: 54px;
  644.             height: 54px;
  645.             background-image: url(/html/user_data/assets/img/common/btn_carousel_l_2.png);
  646.             background-size: contain;
  647.             margin-left: -40px;
  648.         }
  650.     }
  652.     {# スマホ＆タブレット用スタイル #}
  653.     @media screen and (max-width: 1024px) {
  654.     }
  656.     </style>
  657. {% endblock %}
  659. {% block javascript %}
  660.     <script>
  662.         \$(function() {
  664.             let width = \$(window).width();
  665.             var photo_count = 2;
  666.             if (width <= 768) {
  667.             } else if (width <= 1024) {
  668.                 // タブレット
  669.                 photo_count = 4;
  670.             } else {
  671.                 // PC
  672.                 photo_count = 4;
  673.             }
  675.             \$('.main_visual_2').slick({
  676.                 dots: false,
  677.                 autoplay: false,
  678.                 centerMode: true,
  679.                 centerPadding: '10%',
  680.                 arrows: true,
  681.                 infinite: true,
  682.                 slidesToShow: photo_count,
  683.                 swipeToSlide: true,
  684.                 touchMove: true,
  685.                 touchThreshold: 10,
  686.             });
  687.         });
  688.     </script>
  689. {% endblock javascript %}
  691. {% block main %}
  692.     <div class=\"block_content\" style=\"max-width: 1150px; margin: auto; padding-left: 10px; padding-right: 10px; margin-bottom: 0px;\">
  693.         <h2 style=\"font-size: 18px; margin-bottom: 16px;\">おすすめ商品</h2>
  694.     </div>
  695.     <div class=\"ec-sliderRole\" style=\"margin-bottom: 0px; padding: 0px 10px;\">
  696.         <div class=\"main_visual_2\" style=\"margin-bottom: 0px;\">
  697.             {% for RecommendProduct in recommend_products %}
  698.             <div class=\"item slick-slide\" style=\"padding: 6px;\">
  699.                 <a href=\"{{ url('product_detail', {'id': RecommendProduct.Product.id}) }}\">
  700.                     <img src=\"{{ asset(RecommendProduct.Product.mainFileName|no_image_product, \"save_image\") }}\" style=\"width: 320px; height: 136px; object-fit: cover; border-radius: 4px;\">
  701.                     <dl>
  702.                         {# 商品名 #}
  703.                         <p class=\"product_name\">{{ RecommendProduct.Product.name }}</p>
  704.                         {# 規格 #}
  705.                         <p class=\"standardText\">{{ RecommendProduct.Product.getStandardText }}</p>
  706.                         <dd class=\"item_price\">
  707.                             {{ RecommendProduct.Product.getPrice02IncTaxMin|number_format }}円
  708.                         </dd>
  709.                     </dl>
  710.                 </a>
  711.             </div>
  712.             {% endfor %}
  713.         </div>
  714.     </div>
  715. {% endblock %}
  716. ", "Block/recommend_for_top.twig", "/home/shikomel/shikomel.com/public_html/web-order-stg.shikomel.com/app/template/default/Block/recommend_for_top.twig");
  717.     }
  718.     
  719.     public function checkSecurity()
  720.     {
  721.         static $tags = array("set" => 1, "block" => 3, "for" => 263);
  722.         static $filters = array("escape" => 265, "no_image_product" => 266, "number_format" => 273);
  723.         static $functions = array("repository" => 1, "url" => 265, "asset" => 266);
  725.         try {
  726.             $this->sandbox->checkSecurity(
  727.                 ['set', 'block', 'for'],
  728.                 ['escape', 'no_image_product', 'number_format'],
  729.                 ['repository', 'url', 'asset']
  730.             );
  731.         } catch (SecurityError $e) {
  732.             $e->setSourceContext($this->source);
  734.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  735.                 $e->setTemplateLine($tags[$e->getTagName()]);
  736.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  737.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  738.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  739.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  740.             }
  742.             throw $e;
  743.         }
  745.     }
  746. }