app/template/aneros2023/Category/sessions.twig line 601

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'product_page' %}
  15. {% block javascript %}
  16.     <script>
  18.     </script>
  19. {% endblock %}
  21. {% block main %}
  22. {% include('@CustomerReview42/Block/customer_review4_recommend_css.twig') %}
  24. <link rel="stylesheet" href="{{ asset('aneros/css/products.css?v=20221018') }}">
  26. <!-- ページ固有のスタイル -->
  27. <style>
  29.     .product-main-image {
  30.         margin: 0 auto;
  31.     }
  33.     .product-main-image img {
  34.         width:138px;
  35.         max-width:100%;
  36.     }
  38.     .product-info {
  39.         margin: 0 auto 0 0;
  40.     }
  42.     h1 {
  43.         font-weight: 400;
  44.     font-size: 50px;
  45.         color: #e00000;
  46.         line-height: 68px;
  47.     margin: 0;
  48.     text-transform: none;
  49.     }
  51.     h1 sup {
  52.     font-size: 27%;
  53.     vertical-align: top;
  54.     display: inline-block;
  55.     margin-top: 19px;
  56.         line-height: 0;
  57.     }
  59.     .product-main-section .product-main-image {
  60.         z-index: 1;
  61.     }
  63.     .product-info .product-subtitle {
  64.     font-weight: 400;
  65.     font-size: 24px;
  66.         color: #212121;
  67.     }
  69.     .product-info .product-description {
  70.     color: #767676;
  71.     padding: 20px 0;
  72.         font-size: 16px;
  73.         line-height: 1.5;
  74.     }
  76.     .std ul {
  77.     list-style: disc outside;
  78.     margin-bottom: 1.5em;
  79.     }
  81.     .product-info .product-description ul li {
  82.     margin-left: 20px;
  83.     }
  85.     .products-grid {
  86.         -webkit-justify-content: center;
  87.     justify-content: center;
  88.     }
  90.     .products-grid .item {
  91.     width: 230px;
  92.         margin: 0 20px;
  93.     }
  95.     .products-grid img{
  96.         width: 100%;
  97.         height: auto;
  98.     }
  100.     .products-grid .product-name a {
  101.     font-size: 15px;
  102.     color: #000;
  103.     text-transform: none;
  104.         font-weight: 500;
  105.     }
  107.     .products-grid .sale_price {
  108.         padding-top: 5px;
  109.     display: block;
  110.     color: red;
  111.     font-size: 16px;
  112.     }
  113.     
  114.     .products-grid .normal_price {
  115.         text-decoration: line-through;
  116.         color: #000;
  117.     }
  118.     .products-grid .actions {
  119.     position: relative;
  120.     float: right;
  121.     width: 100%;
  122.     min-height: 30px;
  123.     padding: 5px 0 0;
  124.     }
  126.     .products-grid .actions .btn-cart {
  127.     height: 33px;
  128.     line-height: 33px;
  129.     font-size: 10px;
  130.     width:75%;
  131.     }
  133.     .product-pleasure {
  134.         padding-top: 30px;
  135.         margin-top: 20px;
  136.     }
  137.     .product-pleasure .flexbox {
  138.         flex-direction: row-reverse;
  139.     }
  141.     .product-pleasure.grey-gradient-background {
  142.     background: #ebebeb;
  143.     position: relative;
  144.     }
  146.     .product-pleasure .desc-contr {
  147.         width: 490px;
  148.         padding: 120px 0 0 0;
  149.     }
  150.     .product-pleasure img {
  151.         margin: 0 auto;        
  152.         width:324px;
  153.         max-width:100%
  154.     }
  156.     .product-pleasure .desc-contr h3 {
  157.     font-size: 28px;
  158.         line-height: 1.4;
  159.     }
  161.     .product-pleasure p {
  162.         color: #919191;
  163.         font-size: 16px;
  164.         line-height: 1.2em;
  165.     }
  167.     .product-rewards-experience {
  168.     background: #fff url(./html/template/aneros2023/aneros/img/category/sessions/sessions-rewards-bg.jpg) no-repeat center top;
  169.     background-size:cover;
  170.     }
  172.     .product-rewards-experience .container {
  173.     position: relative;
  174.     height: 475px;
  175.     }
  177.     .product-rewards-experience .desc-contr {
  178.         padding-top: 90px;
  179.     width: 495px;
  180.     }
  182.     .product-rewards-experience .desc-contr h3 {
  183.         font-size: 28px;
  184.         color: #e00000;
  185.         margin-bottom: 10px;
  186.         margin-left: 0;
  187.     }
  189.     .product-rewards-experience p {
  190.     color: #ccc;
  191.     font-size: 16px;
  192.     line-height: 1.2em;
  193.     width:80%;
  194.     }
  196.     .product-rewards-experience img {
  197.     position: absolute;
  198.     left: auto;
  199.     right: 0;
  200.     top: 0;
  201.         height: 100%;
  202.     }
  204.     @media only screen and (max-width: 999px) {
  205.         h1 {
  206.             font-weight: 400;
  207.             font-size: 42px;
  208.         }
  210.         .product-main-section .product-info {
  211.             margin: 0 auto 0 0 ;
  212.         }
  213.         .products-grid {
  214.             flex-direction: row;
  215.         }
  216.         
  217.         .products-grid .actions {
  218.             float: none;
  219.             width: 90%;
  220.         }
  221.         .products-grid .actions .btn-cart {
  222.             width:100%;
  223.         }
  224.         .product-pleasure .flexbox,
  225.         .product-rewards-experience .flexbox {
  226.             flex-direction: column;
  227.         }
  229.         .product-pleasure .desc-contr {
  230.             width: 100%;
  231.             padding:0px;
  232.         }
  234.         .product-rewards-experience {
  235.             background-color: #333;
  236.         }
  237.         
  238.         .product-rewards-experience .container {
  239.             height: auto;
  240.         }
  241.         
  242.         .product-rewards-experience .desc-contr{
  243.             width: 100%;
  244.         }
  245.         
  246.         .product-rewards-experience img {
  247.             position: relative;
  248.             height:inherit;
  249.         }
  250.         .product-rewards-experience p {
  251.             width:100%;
  252.         }
  253.     }
  255.     @media only screen and (max-width: 767px) {
  256.         .products-grid {
  257.             flex-direction: column;
  258.         }
  260.         .products-grid .item {
  261.             width: 100%;
  262.         }
  263.         .products-grid .item {
  264.             margin: 0;
  265.         }
  267.     }
  269. .pictogram-area {padding:10px 0; margin:auto; text-align:center;}
  271. .pictogram {
  272.   position: relative;
  273.   display: inline-block;
  274. }
  276. .pictogram img {
  277.   width:40px;
  278.   max-width:100%;
  279.   margin:15px 10px;
  280. }
  282. .pictogram .pictogramtext {
  283.   visibility: hidden;
  284.   width: 90px;
  285.   background-color: black;
  286.   color: #fff;
  287.   text-align: center;
  288.   border-radius: 6px;
  289.   border: 1px solid #000;
  290.   padding: 5px 0;
  291.   position: absolute;
  292.   z-index: 1;
  293.   top: 85%;
  294.   left: 50%;
  295.   margin-left: -45px;
  296.   font-size: 10px;
  297. }
  299. .pictogram .pictogramtext::after {
  300.   content: "";
  301.   position: absolute;
  302.   bottom: 100%;
  303.   left: 50%;
  304.   margin-left: -5px;
  305.   border-width: 5px;
  306.   border-style: solid;
  307.   border-color: transparent transparent black transparent;
  308. }
  310. .pictogram:hover .pictogramtext {
  311.   visibility: visible;
  312. }
  314. .pictogram .pictogramtext {
  315.   opacity: 0;
  316.   transition: opacity 1s;
  317. }
  319. .pictogram:hover .pictogramtext {
  320.   opacity: 1;
  321. }
  323. #sessions-detail-page .favorite-button {
  324.     text-align:right;
  325.     margin-top:10px;
  326. }
  328. #sessions-detail-page .unfavorite-heart .fa-heart {
  329.     right:33px;
  330. }
  332. /*#sessions-detail-page .favorite-button .button {
  333.     background: #ababab;
  334.     font-size: 12px;
  335.     color: #ffffff;
  336.     text-align: center;
  337.     font-weight: normal;
  338.     padding: 0 10px;
  339.     line-height: 32px;
  340.     min-width: 0;
  341.     width: auto;
  342.     margin: 3px 0 0 0;
  343.     height: 32px;
  344.     transition: all 0.2s linear;
  345.     -moz-transition: all 0.2s linear;
  346.     -webkit-transition: all 0.2s linear;
  347.     box-sizing: content-box !important;
  348.     width: 75%;
  349. }
  351. #sessions-detail-page .favorite-button .button:hover {
  352.     background: #989898;
  353. }
  355. #sessions-detail-page .favorite-button .button-favorited {
  356.     background: #989898;
  357.     font-size: 12px;
  358.     color: #ffffff;
  359.     text-align: center;
  360.     font-weight: normal;
  361.     padding: 0 10px;
  362.     line-height: 32px;
  363.     min-width: 0;
  364.     width: auto;
  365.     margin: 3px 0 0 0;
  366.     height: 32px;
  367.     transition: all 0.2s linear;
  368.     -moz-transition: all 0.2s linear;
  369.     -webkit-transition: all 0.2s linear;
  370.     box-sizing: content-box !important;
  371.     border: 0;
  372.     width: 75%;
  373. }
  375. #sessions-detail-page .favorite-button .button-favorited:hover {
  376.     background: #878787;
  377. }
  378. */
  379. @media only screen and (max-width: 999px) {
  380. #sessions-detail-page .unfavorite-heart .fa-heart {
  381.     right:inherit;
  382. }
  383. }
  385. /* REVIEW AREA */
  386. .review_all_score_image {
  387.     letter-spacing: -1em;/* inline-block間の隙間をなくす */
  388.     display: inline-block;
  389.     position: relative;
  390.     top: 5px;
  391. }
  393. .review_score div.review_star {
  394.     display: inline-block;
  395.     margin-right: 1px;
  396. }
  398. .review_score div {
  399.     height: 22px;
  400. }
  402. div[id^="plg_customer_review_special"] .review_score div,
  403. div[id*="plg_customer_review_special"] .review_score div {
  404.   height: 30px;
  405. }
  407. #category-featured-products div[id^="plg_customer_review_special"] h3,
  408. #category-featured-products div[id*="plg_customer_review_special"] h3 {
  409.   margin:0;
  410.   color: #636363;
  411. }
  413. .review_score .trim {
  414.     overflow: hidden;
  415.     position: relative;
  416. }
  418. .products-grid .review_score img{
  419.     display: inline-block;
  420.     vertical-align: unset;
  421.     max-width:inherit;
  422.     width:22px;
  423. }
  425. #review_area h2 {
  426.     text-align: center;
  427.     font-size: 40px;
  428.     font-weight: 400;
  429.     margin: 30px 0;
  430.     color: #000000;
  431. }
  433. #review_area h3 {
  434.     font-size: 18px;
  435.     border-bottom: none;
  436.     text-align: left;
  437. }
  439. #review_area h3.review-title {
  440.     font-weight:bold;
  441.     text-align:left;
  442.     margin-bottom:0;
  443.     font-size:16px;
  444. }
  446. #review_area .review_list, #review_area .row {
  447.     max-width: 1280px;
  448.     padding: 0 140px;
  449.     margin: 0 auto;
  450. }
  452. #review_area .review_list li {
  453.     padding: 10px 0;
  454.     position: relative;
  455.     border-bottom: 1px dotted #cccccc;
  456. }
  458. #review_area .review_list li:last-child {
  459.     border-bottom: none;
  460. }
  462. #review_area .review_list .review-hed{
  463.     margin-bottom: 0;
  464.     margin-top: 0;
  465. }
  467. #review_area .review_list .review-body{
  468.     margin-top: 5px;
  469.     margin-bottom: 0;
  470. }
  472. #review_area .review_list .recommend_level{
  473.     display: block;
  474. }
  476. #review_area .review_list .recommend_level span{
  477.     display: flex;
  478. }
  480. .products-grid #review_area .review_list .recommend_level img {
  481.     display: block;
  482.     float: left;
  483.     margin-right: 1px;
  484.     max-width:25px;
  485.     max-height:25px;     
  486. }
  488. .review-layoutRole h3.review_score {margin-bottom:0; text-align:left;}
  490. #review_area .review_list .left {
  491.     margin-top: 5px;
  492. }
  494. #review_area .review_list .fade{
  495.     height: 16px;
  496.     width: 100%;
  497.     position: absolute;
  498.     bottom: 25px;
  499.     left: 0;
  500.     background: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
  501.     background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
  502. }
  504. #review_area div.btn_area li {
  505.     text-align: right;
  506.     list-style-type: none;
  507. }
  509. #review_area div.btn_area{
  510.     max-width: 1280px;
  511.   padding: 0 140px;
  512.   margin: 0 auto;
  513.     text-align: right;
  514. }
  516. #review_area div.btn_area .button {
  517.     list-style-type: none;
  518.     width: auto;
  519.     min-width: 140px;
  520.     background-color: #ff0000;
  521. }
  523. #review_area div.btn_area .button:hover{
  524.     background: #cc0000;
  525.     color: #fff;
  526. }
  528. .ec-favoriteRole h3.review_score {margin-bottom:30px;}
  530. @media only screen and (max-width: 767px){
  531.     .review_score span.review_all_score {font-size:14px;}
  532.     h3.review_score  {line-height:1;margin-bottom:5px;}
  533.     .review_all_score_image {top:10px;}
  534.     .products-grid .review_score img {width:14px;}
  535. }
  537. </style>
  539. <div class="main-container" id="sessions-page">
  540.         <div class="breadcrumbs">
  541.             <div class="container">
  542.                 <ul itemscope itemtype="http://schema.org/BreadcrumbList">
  543.                     <li class="0" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  544.                         <a itemprop="item" href="{{ url('homepage') }}" title="トップページ"><span itemprop="name" style="padding:0">トップページ</span></a>
  545.                         <meta itemprop="position" content="1">
  546.                         <span>&gt;</span>
  547.                     </li>
  548.                     <li class="category" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  549.                         <a itemprop="item" href="{{ url('homepage') }}lubricants" title="ローション"><span itemprop="name"
  550.                                 style="padding:0">ローション</span></a>
  551.                         <meta itemprop="position" content="2">
  552.                         <span>&gt;</span>
  553.                     </li>
  554.                     <li>
  555.                         <strong>セッションズ</strong>
  556.                     </li>
  557.                 </ul>
  558.             </div>
  559.         </div>
  560.         <div class="col-main">
  561.             <div class="aneros-product-page" id="sessions-detail-page">
  562.                 <div class="common-style">
  563.                     <div class="product-main-section container flexbox">
  564.                         <div class="product-main-image">
  565.                             <img src="{{ asset('aneros/img/category/sessions/sessions-detail-main-image.jpg') }}" class="animate" 
  566.                                 data-animate="fadeInUp" data-duration="1.0s" data-delay="0.4s" alt="アネロスセッションズ">
  567.                             <div class="pictogram-area">    
  568.                                 <div class="pictogram">
  569.                                     <img src="{{ asset('aneros/img/products/Pictogram/all-users.jpg') }}" alt="全レベル可" />
  570.                                     <span class="pictogramtext">全レベル可</span>
  571.                                 </div>
  572.                                 <div class="pictogram">
  573.                                     <img src="{{ asset('aneros/img/products/Pictogram/beginner-user.jpg') }}" alt="初心者にオススメ" />
  574.                                     <span class="pictogramtext">初心者に<br>オススメ</span>
  575.                                 </div>
  576.                             </div>    
  577.                         </div>
  578.                         <div class="product-info">
  579.                             <h1>セッションズ<sup>™</sup></h1>
  580.                             <div class="product-subtitle">
  581.                                 <div class="std">ナチュラルローション</div>
  582.                             </div>
  583.                             <div class="product-description">
  584.                                 <div class="std">
  585.                                     <ul>
  586.                                         <li>純天然素材を使用した安全な潤滑剤</li>
  587.                                         <li>滑らかさが長時間持続</li>
  588.                                         <li>後処理が簡単な水溶性</li>
  589.                                         <li>グリセリン未使用</li>
  590.                                         <li>無色透明で無味無臭</li>
  591.                                         <li>シリコン製品を傷めない</li>
  592.                                         <li>アネロスの効果を最大限に引き出す</li>
  593.                                     </ul>
  594.                                 </div>
  595.                             </div>
  596.                         </div>
  597.                     </div>
  598.                     <div class="child-products-contr container">
  599.                         <ul class="products-grid flexbox">
  600.                             <li class="item">
  601.                                 {% set Product = repository('Eccube\\Entity\\Product').find(77) %}
  602.                                 
  603.                                 {# お気に入り登録済みを取得 #}
  604.                                 {% if is_granted('ROLE_USER') %}
  605.                                 {% set FavoriteProduct = false %}
  606.                                 {% for cfp in app.user.CustomerFavoriteProducts %}
  607.                                     {% if cfp.Product.id == Product.id %}
  608.                                         {% set FavoriteProduct = true %}
  609.                                     {% endif %}
  610.                                 {% endfor %}
  611.                                 {% endif %}
  613.                                 {% set campaignProduct = false %}
  614.                                 {% for ProductTag in Product.ProductTag %}
  615.                                     {% if ProductTag.Tag.id == 100 %}
  616.                                         {% set campaignProduct = true %}
  617.                                     {% endif %}
  618.                                 {% endfor %}
  619.                                 
  620.                                 <a href="{{ url('product_detail', {'id': Product.id}) }}" title="" class="product-image">
  621.                                 {% if campaignProduct == true %}
  622.                                     <p class="ec-shelfGrid__item-image campaignProduct">
  623.                                 {% else %}
  624.                                     <p class="ec-shelfGrid__item-image">
  625.                                 {% endif %}
  626.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" alt="{{ Product.name }}">
  627.                                     </p>
  628.                                 </a>
  629.                                 
  630.                                 <div class="product-ratings">
  631.                                 </div>
  632.                                 <div class="product-info">
  633.                                     <h2 class="product-name">
  634.                                         <a href="{{ url('product_detail', {'id': Product.id}) }}" title="{{ Product.name }}">{{ Product.name }}</a>
  635.                                     </h2>
  636.                                                                 
  637.                                     <div class="price-box">
  638.                                         <span class="price">
  639.                                             <div class="normal_price" id="product-normal-price-{{ Product.id }}">
  640.                                                 {% if  Product.getPrice01Min is not null and Product.getPrice01IncTaxMin != 0 %}
  641.                                                         {% if Product.hasProductClass %}
  642.                                                                 {% if Product.getPrice01Min == Product.getPrice01Max %}
  643.                                                                         <span class="price">{{ Product.getPrice01IncTaxMin|price }}<span class="inctax"> (税込)</span></span>
  644.                                                                 {% else %}
  645.                                                                         <span class="price">{{ Product.getPrice01IncTaxMin|price }}<!-- ～ {{ Product.getPrice01IncTaxMax|price }}--><span class="inctax"> (税込)</span></span>
  646.                                                                 {% endif %}
  647.                                                         {% else %}
  648.                                                                         <span class="price">{{ Product.getPrice01IncTaxMin|price }}<span class="inctax"> (税込)</span></span>
  649.                                                         {% endif %}
  650.                                                 {% endif %}
  651.                                             </div>
  652.                                             <div class="sale_price" id="product-price-{{ Product.id }}">
  653.                                                 {% if Product.hasProductClass %}
  654.                                                         {% if Product.getPrice02Min == Product.getPrice02Max %}
  655.                                                                 <span class="price">{{ Product.getPrice02IncTaxMin|price }}<span class="inctax"> (税込)</span></span>
  656.                                                         {% else %}
  657.                                                                 <span class="price">{{ Product.getPrice02IncTaxMin|price }}<!-- ～ {{ Product.getPrice02IncTaxMax|price }}--><span class="inctax"> (税込)</span></span>
  658.                                                         {% endif %}
  659.                                                 {% else %}
  660.                                                                 <span class="price">{{ Product.getPrice02IncTaxMin|price }}<span class="inctax"> (税込)</span></span>
  661.                                                 {% endif %}
  662.                                             </div>
  663.                                         </span>
  664.                                     </div>
  665.                                     
  666.                             <!-- REVIEW AREA -->
  667.                             {% import('@CustomerReview42/Block/customer_review4_recommend_macro.twig') as recommend_macro %}
  669.                             {% set review_list = repository('Plugin\\CustomerReview42\\Entity\\CustomerReviewTotal').getRecommend(Product.id) %}
  670.                             {% set reviewer_total = 0 %}
  671.                             {% set review_total_point = 0 %}
  672.                             {% set count = 5 %}
  673.                             {% for i in review_list %}
  674.                                 {% set reviewer_total = reviewer_total + i %}
  675.                                 {% set review_total_point = review_total_point + i * count %}
  676.                                 {% set count = count - 1 %}
  677.                             {% endfor %}
  678.                             {% set review_point = reviewer_total == 0 ? 0  : (review_total_point / reviewer_total) %}
  679.                             
  680.                             {% if 0 < reviewer_total %}
  681.                                 <div id="plg_customer_review{{Product.id}}" class="review-layoutRole product_list">
  682.                                     <h3 class="review_score" data-id="{{ Product.id }}" data-avg="{{ review_point }}" data-num="{{ reviewer_total }}" data-starsize="22" data-mstarsize="14" data-imgbase="{{ asset('aneros/img/products/') }}">
  683.                                         <span class="review_all_score_title"></span>
  684.                                         <span class="review_all_score_image" style="display: inline-block"></span>
  685.                                         <span class="review_all_score"><a href="{{ url('product_detail', {'id': Product.id}) }}#review_area"></a></span>
  686.                                     </h3>
  687.                                 </div>
  688.                             {% endif %}
  689.                             
  690.                             <script>
  691.                               $(function () {
  692.                                 if ( $('#plg_customer_review_anchor{{Product.id}}').length) {
  693.                                     $('#plg_customer_review{{Product.id}}').insertAfter($('#plg_customer_review_anchor{{Product.id}}'));
  694.                                 } else if ( $('#productForm{{Product.id}}').length) {
  695.                                     $('#plg_customer_review{{Product.id}}').insertBefore($('#productForm{{Product.id}}'));
  696.                                 } else {
  697.                                     $('#plg_customer_review{{Product.id}}').hide();
  698.                                 }
  699.                               });
  700.                             </script>
  701.                             <!-- REVIEW AREA END -->
  702.                                     
  703.                                     <div class="actions" id="productForm{{ Product.id }}">
  704.                                         {% if Product.stock_find %}
  705.                                             <button type="button" title="Add to Cart" class="button btn-cart one-click-add-cart" 
  706.                                             data-action="{{ url('product_add_cart', {id:Product.id}) }}" 
  707.                                             data-product_id="{{ Product.id }}" data-product_name="{{ Product.name }}"  data-product_img="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}"
  708.                                             data-product_class="{{ Product.ProductClasses[0].id }}" 
  709.                                             data-token="{{ csrf_token('Eccube\\Form\\Type\\AddCartType') }}">
  710.                                                     <span>カゴに入れる</span>
  711.                                             </button>
  712.                                         {% else %}
  713.                                             {% set arrivemail = true %}
  714.                                             {% for ProductTag in Product.ProductTag %}
  715.                                                 {% if ProductTag.Tag.id == 99 %}
  716.                                                     {% set arrivemail = false %}
  717.                                                 {% endif %}
  718.                                             {% endfor %}
  719.                                             
  720.                                             {% if arrivemail %}
  721.                                                 <button type="button" data-productid="{{ Product.id }}" data-productname="{{ Product.name }}" title="入荷お知らせ" class="button btn-cart add-to-mail">
  722.                                                     <span>入荷お知らせ</span>
  723.                                                 </button>
  724.                                             {% else %}
  725.                                                 <button type="button" title="在庫切れ" class="button btn-cart add-to-cart-out">
  726.                                                     <span>在庫切れ</span>
  727.                                                 </button>
  728.                                             {% endif %}
  729.                                         {% endif %}
  731.                                         {% if is_granted('ROLE_USER') %}
  732.                                         {% if BaseInfo.option_favorite_product %}
  733.                                                 <div class="ec-productRole__btn favorite-button">
  734.                                                     {% if FavoriteProduct == false %}
  735.                                                         {# <button type="button" id="favorite" class="ec-blockBtn--cancel button one-click-add-favorite"
  736.                                                         data-action="{{ url('product_add_favorite', {id:Product.id}) }}">
  737.                                                             {{ 'お気に入りに追加'|trans }}
  738.                                                         </button> #}
  739.                                                         
  740.                                                         <button type="button" id="favorite" class="favorite-heart one-click-add-favorite" data-action="{{ url('product_add_favorite', {id:Product.id}) }}">
  741.                                                             {#{{ 'お気に入りに追加'|trans }}#}
  742.                                                             <i class="fa fa-heart-o" title="お気に入りに追加"></i>
  743.                                                         </button>
  744.                                                     {% else %}
  745.                                                         <button type="button" id="unfavorite" class="unfavorite-heart one-click-remove-favorite" data-action="{{ url('mypage_favorite_delete', { id : Product.id }) }}" data-method="delete" {{ csrf_token_for_anchor() }}>
  746.                                                             {#{{ 'お気に入りに追加'|trans }}#}
  747.                                                             <i class="fa fa-heart" title="お気に入りに追加済です"></i>
  748.                                                         </button>
  749.                                                         
  750.                                                         {# <button type="button" id="favorite" class="ec-blockBtn--cancel button-favorited one-click-remove-favorite"
  751.                                                         data-action="{{ url('mypage_favorite_delete', { id : Product.id }) }}" data-method="delete" {{ csrf_token_for_anchor() }}>
  752.                                                             {{ 'お気に入りに追加済です。'|trans }}
  753.                                                         </button> #}
  754.                                                     {% endif %}
  755.                                                 </div>
  756.                                         {% endif %}
  757.                                         {% endif %}
  759.                                     </div>
  760.                                 </div>
  761.                             </li>
  762.                             <li class="item">
  763.                                 {% set Product = repository('Eccube\\Entity\\Product').find(76) %}
  765.                                 {# お気に入り登録済みを取得 #}
  766.                                 {% if is_granted('ROLE_USER') %}
  767.                                 {% set FavoriteProduct = false %}
  768.                                 {% for cfp in app.user.CustomerFavoriteProducts %}
  769.                                     {% if cfp.Product.id == Product.id %}
  770.                                         {% set FavoriteProduct = true %}
  771.                                     {% endif %}
  772.                                 {% endfor %}
  773.                                 {% endif %}
  775.                                 {% set campaignProduct = false %}
  776.                                 {% for ProductTag in Product.ProductTag %}
  777.                                     {% if ProductTag.Tag.id == 100 %}
  778.                                         {% set campaignProduct = true %}
  779.                                     {% endif %}
  780.                                 {% endfor %}
  781.                                 
  782.                                 <a href="{{ url('product_detail', {'id': Product.id}) }}" title="" class="product-image">
  783.                                     {% if campaignProduct == true %}
  784.                                         <p class="ec-shelfGrid__item-image campaignProduct">
  785.                                     {% else %}
  786.                                         <p class="ec-shelfGrid__item-image">
  787.                                     {% endif %}
  788.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" alt="{{ Product.name }}">
  789.                                     </p>
  790.                                 </a>
  791.                                 
  792.                                 <div class="product-ratings">
  793.                                 </div>
  794.                                 <div class="product-info">
  795.                                     <h2 class="product-name">
  796.                                         <a href="{{ url('product_detail', {'id': Product.id}) }}" title="{{ Product.name }}">{{ Product.name }}</a>
  797.                                     </h2>
  798.                                                                 
  799.                                     <div class="price-box">
  800.                                         <span class="price">
  801.                                             <div class="normal_price" id="product-normal-price-{{ Product.id }}">
  802.                                                 {% if  Product.getPrice01Min is not null and Product.getPrice01IncTaxMin != 0 %}
  803.                                                         {% if Product.hasProductClass %}
  804.                                                                 {% if Product.getPrice01Min == Product.getPrice01Max %}
  805.                                                                         <span class="price">{{ Product.getPrice01IncTaxMin|price }}<span class="inctax"> (税込)</span></span>
  806.                                                                 {% else %}
  807.                                                                         <span class="price">{{ Product.getPrice01IncTaxMin|price }}<!-- ～ {{ Product.getPrice01IncTaxMax|price }}--><span class="inctax"> (税込)</span></span>
  808.                                                                 {% endif %}
  809.                                                         {% else %}
  810.                                                                         <span class="price">{{ Product.getPrice01IncTaxMin|price }}<span class="inctax"> (税込)</span></span>
  811.                                                         {% endif %}
  812.                                                 {% endif %}
  813.                                             </div>
  814.                                             <div class="sale_price" id="product-price-{{ Product.id }}">
  815.                                                 {% if Product.hasProductClass %}
  816.                                                         {% if Product.getPrice02Min == Product.getPrice02Max %}
  817.                                                                 <span class="price">{{ Product.getPrice02IncTaxMin|price }}<span class="inctax"> (税込)</span></span>
  818.                                                         {% else %}
  819.                                                                 <span class="price">{{ Product.getPrice02IncTaxMin|price }}<!-- ～ {{ Product.getPrice02IncTaxMax|price }}--><span class="inctax"> (税込)</span></span>
  820.                                                         {% endif %}
  821.                                                 {% else %}
  822.                                                                 <span class="price">{{ Product.getPrice02IncTaxMin|price }}<span class="inctax"> (税込)</span></span>
  823.                                                 {% endif %}
  824.                                             </div>
  825.                                         </span>
  826.                                     </div>
  827.                                     
  828.                             <!-- REVIEW AREA -->
  829.                             {% import('@CustomerReview42/Block/customer_review4_recommend_macro.twig') as recommend_macro %}
  831.                             {% set review_list = repository('Plugin\\CustomerReview42\\Entity\\CustomerReviewTotal').getRecommend(Product.id) %}
  832.                             {% set reviewer_total = 0 %}
  833.                             {% set review_total_point = 0 %}
  834.                             {% set count = 5 %}
  835.                             {% for i in review_list %}
  836.                                 {% set reviewer_total = reviewer_total + i %}
  837.                                 {% set review_total_point = review_total_point + i * count %}
  838.                                 {% set count = count - 1 %}
  839.                             {% endfor %}
  840.                             {% set review_point = reviewer_total == 0 ? 0  : (review_total_point / reviewer_total) %}
  841.                             
  842.                             {% if 0 < reviewer_total %}
  843.                                 <div id="plg_customer_review{{Product.id}}" class="review-layoutRole product_list">
  844.                                     <h3 class="review_score" data-id="{{ Product.id }}" data-avg="{{ review_point }}" data-num="{{ reviewer_total }}" data-starsize="22" data-mstarsize="14" data-imgbase="{{ asset('aneros/img/products/') }}">
  845.                                         <span class="review_all_score_title"></span>
  846.                                         <span class="review_all_score_image" style="display: inline-block"></span>
  847.                                         <span class="review_all_score"><a href="{{ url('product_detail', {'id': Product.id}) }}#review_area"></a></span>
  848.                                     </h3>
  849.                                 </div>
  850.                             {% endif %}
  851.                             
  852.                             <script>
  853.                               $(function () {
  854.                                 if ( $('#plg_customer_review_anchor{{Product.id}}').length) {
  855.                                     $('#plg_customer_review{{Product.id}}').insertAfter($('#plg_customer_review_anchor{{Product.id}}'));
  856.                                 } else if ( $('#productForm{{Product.id}}').length) {
  857.                                     $('#plg_customer_review{{Product.id}}').insertBefore($('#productForm{{Product.id}}'));
  858.                                 } else {
  859.                                     $('#plg_customer_review{{Product.id}}').hide();
  860.                                 }
  861.                               });
  862.                             </script>
  863.                             <!-- REVIEW AREA END -->
  864.                                     
  865.                                     <div class="actions" id="productForm{{ Product.id }}">
  866.                                         {% if Product.stock_find %}
  867.                                             <button type="button" title="Add to Cart" class="button btn-cart one-click-add-cart" 
  868.                                             data-action="{{ url('product_add_cart', {id:Product.id}) }}" 
  869.                                             data-product_id="{{ Product.id }}" data-product_name="{{ Product.name }}"  data-product_img="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}"
  870.                                             data-product_class="{{ Product.ProductClasses[0].id }}" 
  871.                                             data-token="{{ csrf_token('Eccube\\Form\\Type\\AddCartType') }}">
  872.                                                     <span>カゴに入れる</span>
  873.                                             </button>
  874.                                         {% else %}
  875.                                             {% set arrivemail = true %}
  876.                                             {% for ProductTag in Product.ProductTag %}
  877.                                                 {% if ProductTag.Tag.id == 99 %}
  878.                                                     {% set arrivemail = false %}
  879.                                                 {% endif %}
  880.                                             {% endfor %}
  881.                                             
  882.                                             {% if arrivemail %}
  883.                                                 <button type="button" data-productid="{{ Product.id }}" data-productname="{{ Product.name }}" title="入荷お知らせ" class="button btn-cart add-to-mail">
  884.                                                     <span>入荷お知らせ</span>
  885.                                                 </button>
  886.                                             {% else %}
  887.                                                 <button type="button" title="在庫切れ" class="button btn-cart add-to-cart-out">
  888.                                                     <span>在庫切れ</span>
  889.                                                 </button>
  890.                                             {% endif %}
  891.                                         {% endif %}
  893.                                         {% if is_granted('ROLE_USER') %}
  894.                                         {% if BaseInfo.option_favorite_product %}
  895.                                                 <div class="ec-productRole__btn favorite-button">
  896.                                                     {% if FavoriteProduct == false %}
  897.                                                         {# <button type="button" id="favorite" class="ec-blockBtn--cancel button one-click-add-favorite"
  898.                                                         data-action="{{ url('product_add_favorite', {id:Product.id}) }}">
  899.                                                             {{ 'お気に入りに追加'|trans }}
  900.                                                         </button> #}
  901.                                                         
  902.                                                         <button type="button" id="favorite" class="favorite-heart one-click-add-favorite" data-action="{{ url('product_add_favorite', {id:Product.id}) }}">
  903.                                                             {#{{ 'お気に入りに追加'|trans }}#}
  904.                                                             <i class="fa fa-heart-o" title="お気に入りに追加"></i>
  905.                                                         </button>
  906.                                                     {% else %}
  907.                                                         <button type="button" id="unfavorite" class="unfavorite-heart one-click-remove-favorite" data-action="{{ url('mypage_favorite_delete', { id : Product.id }) }}" data-method="delete" {{ csrf_token_for_anchor() }}>
  908.                                                             {#{{ 'お気に入りに追加'|trans }}#}
  909.                                                             <i class="fa fa-heart" title="お気に入りに追加済です"></i>
  910.                                                         </button>
  911.                                                         
  912.                                                         {# <button type="button" id="favorite" class="ec-blockBtn--cancel button-favorited one-click-remove-favorite"
  913.                                                         data-action="{{ url('mypage_favorite_delete', { id : Product.id }) }}" data-method="delete" {{ csrf_token_for_anchor() }}>
  914.                                                             {{ 'お気に入りに追加済です。'|trans }}
  915.                                                         </button> #}
  916.                                                     {% endif %}
  917.                                                 </div>
  918.                                         {% endif %}
  919.                                         {% endif %}
  921.                                     </div>
  922.                                 </div>
  923.                             </li>
  924.                         </ul>
  925.                     </div>
  927.                     <div class="product-pleasure grey-gradient-background">
  928.                         <div class="container flexbox">
  929.                             <div class="desc-contr">
  930.                                 <h3>進化の先、究極のドライオーガズムローション</h3>
  931.                                 <p>アネロスの効果を最大限に引き出すために開発されたアネロス専用水溶性ローションです。特別なレシピで純天然素材の使用により、肌に負担のかかる成分は一切排除、直腸粘膜のpHに適用、体内で最も吸収力が強い直腸に配慮された高い安全性を誇ります。</p>
  932.                                 <p>最適の粘度で長時間の潤滑性を持続し、アネロス製品の刺激を効果的に皮膚に伝え、蠕動運動を誘発させ、ドライオーガズムの到達を早めます。保湿性の高いしっとりとした使い心地、滑らかでべたつきもなく使用後の処理も簡単です。無臭無香でグリセリン等の使用がないため、腸がデリケートな方にも安心、安全なローションです。</p>
  933.                                 <p>セッションズがあれば相乗効果で快適なドライライフを送れることは間違いありません。是非お試しください。</p>
  934.                             </div>
  935.                             <img src="{{ asset('aneros/img/category/sessions/sessions-pleasure-image.jpg') }}" class="pleasure-image animate" data-animate="fadeIn" data-duration="1.0s" data-delay="1.0s" alt="セッションズローション">
  936.                         </div>
  937.                     </div>
  939.                     <div class="product-rewards-experience">
  940.                         <div class="container flexbox">
  941.                             <div class="desc-contr">
  942.                                 <h3>純天然素材で安全性が高い！</h3>
  943.                                 <p>吸収力の高い直腸に優しく、セッションズローションは完全水溶性です。どんな素材のグッズでも使用できます！蠕動運動の誘発を促す独特なレシピの素材には、すべて純天然素材を配合し、肌へ負担がかかる成分は排除。</p>
  944.                                 <p>※アネロス社オリジナルローションはセッションズのみ。類似品に十分ご注意ください。</p>
  945.                             </div>
  946.                             <img src="{{ asset('aneros/img/category/sessions/sessions-rewards-image.png') }}" class="animate" data-animate="fadeIn" data-duration="1.0s" data-delay="1.0s" alt="セッションズローション">
  947.                         </div>
  948.                     </div>
  950.                     <div class="shopping-experiernce-tile" id="shopping-experience-tile">
  951.                         <div class="container flexbox">
  952.                             <div class="tile-bg">
  953.                                 <img src="{{ asset('aneros/img/products/shopping-experience-tile-bg.png') }}" class="img-tile-bg"
  954.                                     alt="中身がわからい発送">
  955.                             </div>
  956.                             <div class="fast-shipping flexbox-center">
  957.                                 <img src="{{ asset('aneros/img/products/fast-shipping-rect-dark.png') }}" class="img-fast-shipping"
  958.                                     alt="即日出荷">
  959.                             </div>
  960.                             <div class="secure-cc-processing flexbox-center">
  961.                                 <img src="{{ asset('aneros/img/products/secure-cc-processing-rect-dark.png') }}"
  962.                                     class="img-secure-cc-processing" alt="貴重な個人情報は全てSSL保護">
  963.                             </div>
  964.                             <div class="money-back-gurantee flexbox-center">
  965.                                 <img src="{{ asset('aneros/img/products/money-back-guarantee-rect-dark.png') }}"
  966.                                     class="img-money-back-gurantee" alt="100％返金保証">
  967.                             </div>
  968.                         </div>
  969.                     </div>
  970.             
  971.                     <div class="product-other-products container flexbox">
  972.                         <div class="item">
  973.                             <a href="{{ url('product_detail', {'id': 72}) }}">
  974.                                 <img src="{{ asset('aneros/img/products/category_vice-2.jpg') }}" alt="ヴァイス 2 - メンズバイブレーション" class="animate"
  975.                                     data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s">
  976.                             </a>
  977.                         </div>
  978.                         <div class="item">
  979.                             <a href="{{ url('product_detail', {'id': 81}) }}">
  980.                                 <img src="{{ asset('aneros/img/products/category_progasm_black_ice.jpg') }}" alt="プロガスムブラックアイス - サイズを求める男性に"
  981.                                     class="animate center" data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s">
  982.                             </a>
  983.                         </div>
  984.                         <div class="item">
  985.                             <a href="{{ url('product_detail', {'id': 70}) }}">
  986.                                 <img src="{{ asset('aneros/img/products/category_HST.jpg') }}" alt="ヒリックスシントライデント - シン定番のフラグシップモデル"
  987.                                     class="animate" data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s">
  988.                             </a>
  989.                         </div>
  990.                     </div>
  991.                     
  992.                     <div class="product-compare-prostate-massagers container flexbox">
  993.                         <div class="product-compare-prostate-massagers-image">
  994.                             <img src="{{ asset('aneros/img/products/compare_prostate_massagers_image.jpg') }}" class="animate"
  995.                                 data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s" alt="私にあっているアネロスはどれでしょうか？？">
  996.                         </div>
  997.                         <div class="desc-contr">
  998.                             <h3>私にあっているアネロスはどれでしょうか？？</h3>
  999.                             <a href="{{ url('homepage') }}prostate-massagers" class="more-link">
  1000.                                 前立腺マッサージ器はこちら
  1001.                                 <span>&gt;</span>
  1002.                             </a>
  1003.                         </div>
  1004.                     </div>
  1006.                 </div>
  1007.             </div>
  1008.         </div>
  1009.         {{ include('Block/add_to_cart.twig') }}
  1011.     <div class="swooth-wrapper grey-swooth">
  1012.     </div>
  1014. </div>
  1016. {% endblock %}