app/template/aneros2023/Product/ANE_38.twig line 1

Open in your IDE?
  1. <!-- ページ固有のスタイル -->
  2. <style>
  3.     .product-pleasure {background-color:#000;}
  4.     .product-pleasure p {color:#fff;}
  5.     .product-pleasure .product-pleasure-image img {width:auto; max-width:100%;}
  6.     .product-pleasure-image {margin:auto;}
  7.     .product-rewards-experience {background: #dcdbdd; background: -webkit-linear-gradient(top, #d6d4d6, #dfdee1); background: -o-linear-gradient(top, #d6d4d6, #dfdee1); background: -moz-linear-gradient(top, #d6d4d6, #dfdee1); background: linear-gradient(top, #d6d4d6, #dfdee1); background: -ms-linear-gradient(top, #d6d4d6, #dfdee1);}
  8.     .product-rewards-experience .desc-contr h3 {color:#e00000; margin-left:0;}
  9.     .product-rewards-experience img {width:600px; max-width:100%;}
  10.     sup {font-size:14px;}
  11.     @media only screen and (min-width: 1000px){
  12.     .product-main-section .product-main-image {margin-left:150px;}
  13.     }
  14. </style>
  15. <!-- ▼メインコンテンツ -->
  16. <div class="breadcrumbs">
  17.     <div class="container">
  18.         <ul itemscope itemtype="http://schema.org/BreadcrumbList">
  19.             <li class="0" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  20.                 <a itemprop="item" href="{{ url('homepage') }}" title="トップページに戻る">
  21.                     <span itemprop="name" style="padding:0">トップページ</span></a>
  22.                 <meta itemprop="position" content="1">
  23.                 <span>&gt;</span>
  24.             </li>
  25.             <li class="category" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  26.                 <a itemprop="item" href="{{ url('homepage') }}lubricants" title="ローション"><span itemprop="name"
  27.                         style="padding:0">ローション</span></a>
  28.                 <meta itemprop="position" content="2">
  29.                 <span>&gt;</span>
  30.             </li>
  31.             <li class="product">
  32.                 <strong>{{ Product.name }}</strong>
  33.             </li>
  34.         </ul>
  35.     </div>
  36. </div>
  37. <div itemscope itemtype="http://schema.org/Product">
  38.     <div class="aneros-product-page" id="product-detail-page">
  39.         <div class="product-detail-nav-section container flexbox" style="padding-bottom: 10px">
  40.             <div class="product-price-info flexbox-2 flexbox-right">
  41.                 <div class="price-box">
  42.                     <span class="regular-price" id="product-price-335">
  43.                         <!--★通常価格★-->
  44.                         {% if Product.hasProductClass -%}
  45.                             {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  46.                                 <p id="detail_description_box__class_normal_price" class="normal_price"> 通常価格:<span
  47.                                     class="price price01_default">{{ Product.getPrice01IncTaxMin|price }}</span>
  48.                                     <span class="inctax">(税込)</span>
  49.                                 </p>
  50.                             {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  51.                                 <p id="detail_description_box__class_normal_range_price" class="normal_price"> 通常価格:<span
  52.                                     class="price price01_default">{{ Product.getPrice01IncTaxMin|price }} ~ {{ Product.getPrice01IncTaxMax|price
  53.                                     }}</span>
  54.                                     <span class="inctax">(税込)</span>
  55.                                 </p>
  56.                             {% endif %}
  57.                             {% else -%}
  58.                             {% if Product.getPrice01Max is not null %}
  59.                                 <p id="detail_description_box__normal_price" class="normal_price"> 通常価格:<span
  60.                                     class="price price01_default">{{ Product.getPrice01IncTaxMin|price }}</span>
  61.                                     <span class="inctax">(税込)</span>
  62.                                 </p>
  63.                             {% endif %}
  64.                             {% endif -%}
  65.                         <!--★販売価格★-->
  66.                         <p itemprop="offers" itemscope itemtype="http://schema.org/Offer" id="detail_description_box__sale_price"
  67.                             class="sale_price text-primary"><span itemprop="priceCurrency" content="JPY"></span><span itemprop="price"
  68.                                 content="{{ Product.getPrice02IncTaxMin }}" class="price">{{ Product.getPrice02IncTaxMin|price }}<span id="with-tax"> (税込)</span></span></p>
  69.                     </span>
  70.                     {% if Product.getPrice02IncTaxMin >= 3000 %}
  71.                         <p class="paidy-price">
  72.                             <img src="{{ asset('aneros/img/products/paidy-small.jpg') }}" alt="Paidy" style="vertical-align:middle;display:inline-block;max-width:60px;margin-right:3px;">なら月々<b>{% if ( Product.getPrice02IncTaxMin >= 3000 ) and ( Product.getPrice02IncTaxMin < 6000 ) %}{{ Product.getPrice02IncTaxMin // 3 }}{% elseif ( Product.getPrice02IncTaxMin >= 6000 ) and ( Product.getPrice02IncTaxMin < 12000 ) %}{{ Product.getPrice02IncTaxMin // 6 }}{% elseif Product.getPrice02IncTaxMin >= 12000 %}{{ Product.getPrice02IncTaxMin // 12 }}{% endif %}円</b>から。<br />分割手数料無料 <a href="https://paidy.com/guide/#3pay" target="_blank"><i class="fas fa-info-circle"></i></i></a>
  73.                         </p>
  74.                     {% endif %}
  75.                     {# 会員ランクごとの取得ポイント表示↓ #}
  76.                         {{ include('Product/customer_rank_point.twig') }}
  77.                     {# 会員ランクごとの取得ポイント表示↑ #}
  78.                 </div>
  79.                 <div class="add-to-box">
  80.                     <div class="add-to-cart">
  81.                         <div class="add-to-cart-buttons">
  82.                             <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
  83.                                 {% if Product.stock_find %}
  84.                                     <div class="ec-productRole__actions">
  85.                                         {% if form.classcategory_id1 is defined %}
  86.                                             <div class="ec-select">
  87.                                                 {{ form_widget(form.classcategory_id1) }}
  88.                                                 {{ form_errors(form.classcategory_id1) }}
  89.                                             </div>
  90.                                             {% if form.classcategory_id2 is defined %}
  91.                                                 <div class="ec-select">
  92.                                                     {{ form_widget(form.classcategory_id2) }}
  93.                                                     {{ form_errors(form.classcategory_id2) }}
  94.                                                 </div>
  95.                                             {% endif %}
  96.                                         {% endif %}
  97.                                         <div class="ec-numberInput" style = "display: none;"><span>{{ '数量'|trans }}</span>
  98.                                             {{ form_widget(form.quantity) }}
  99.                                             {{ form_errors(form.quantity) }}
  100.                                         </div>
  101.                                     </div>
  102.                                     <div class="ec-productRole__btn">
  103.                                         <button type="submit" title="カゴに入れる" class="button btn-cart add-cart">
  104.                                             <span>
  105.                                                 <span>カゴに入れる</span>
  106.                                             </span>
  107.                                         </button>
  108.                                     </div>
  109.                                 {% else %}
  110.                                     <div class="ec-productRole__btn">
  111.                                         {% if arrivemail %}
  112.                                             <button type="button" data-productid="{{ Product.id }}" data-productname="{{ Product.name }}" title="入荷お知らせ" class="button btn-cart add-to-mail">
  113.                                                 <span>入荷お知らせ</span>
  114.                                             </button>
  115.                                         {% else %}
  116.                                             <button type="button" title="在庫切れ" class="button btn-cart add-to-cart-out">
  117.                                                 <span>在庫切れ</span>
  118.                                             </button>
  119.                                         {% endif %}
  120.                                     </div>
  121.                                 {% endif %}
  122.                                 {{ form_rest(form) }}
  123.                             </form>
  124.                         </div>
  125.                         {# {% if is_granted('ROLE_USER') %} #}
  126.                         {% if BaseInfo.option_favorite_product %}
  127.                         <form action="{{ url('product_add_favorite', {id:Product.id}) }}" method="post" id="form2">
  128.                             <div class="ec-productRole__btn favorite-button">
  129.                                 {% if is_favorite == false %}
  130.                                     {# <button type="submit" id="favorite" class="ec-blockBtn--cancel button">
  131.                                         {{ 'お気に入りに追加'|trans }}
  132.                                     </button> #}
  133.                                     
  134.                                     <button type="submit" id="favorite" class="favorite-heart">
  135.                                         {#{{ 'お気に入りに追加'|trans }}#}
  136.                                         <i class="fa fa-heart-o" title="お気に入りに追加"></i>
  137.                                     </button>
  138.                                 {% else %}
  139.                                     <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() }}>
  140.                                         {#{{ 'お気に入りに追加'|trans }}#}
  141.                                         <i class="fa fa-heart" title="お気に入りに追加済です"></i>
  142.                                     </button>
  143.                                     
  144.                                     {# <button type="button" id="unfavorite" class="ec-blockBtn--cancel button-favorited one-click-remove-favorite"
  145.                                     data-action="{{ url('mypage_favorite_delete', { id : Product.id }) }}" data-method="delete" {{ csrf_token_for_anchor() }}>
  146.                                         {{ 'お気に入りに追加済です。'|trans }}
  147.                                     </button> #}
  148.                                     
  149.                                 {% endif %}
  150.                             </div>
  151.                         </form>
  152.                         {% endif %}
  153.                         {# {% endif %} #}
  154.                     </div>
  155.                 </div>
  156.             </div>
  157.             <ul class="top-review-box flexbox-1">
  158.                 <li><a href="#review_area" class="top_review_score"></a></li>
  159.                 <li>
  160.                     <a href="#product-specs" style="display: none;">Specs</a>
  161.                 </li>
  162.                 <!-- <li class="userguide">
  163.                     <a href="{{ asset('aneros/guides/anerosTridentInstructions.pdf') }}"
  164.                         target="_blank" class="user-guide-link">
  165.                         ユーザーガイド
  166.                         <i class="fa fa-file-text-o">
  167.                         </i>
  168.                     </a>
  169.                 </li>-->
  170.             </ul>
  171.             <!-- ▼レビュープラグインの記述▼ -->
  172.             {% if 0 < ProductReviewCount %}
  173.             <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
  174.                 <span style="display:none" itemprop="ratingValue">{{ Reviews_avg|number_format(1, '.') }}</span>
  175.                 <span style="display:none" itemprop="reviewCount">{{ ProductReviewCount }}</span>
  176.             </div>
  177.             {% endif %}
  178.             <!-- ▲レビュープラグインの記述▲ -->
  179.                 
  180.         </div>
  181.         <div class="product-main-section container flexbox">
  182.             <div class="product-main-image flexbox-2 flexbox-right">
  183.                 <img itemprop="image" width="400" src="{{ asset('aneros/img/products/New-Marksman/New-Marksman-main-image-6ml.jpg') }}"
  184.                     class="main-image" alt="マークスマン(6mlx10本)">
  185.                 <div class="pictogram-area">    
  186.                     <div class="pictogram">
  187.                         <img src="{{ asset('aneros/img/products/Pictogram/all-users.jpg') }}" alt="全レベル可" />
  188.                         <span class="pictogramtext">全レベル可</span>
  189.                     </div>
  190.                     <div class="pictogram">
  191.                         <img src="{{ asset('aneros/img/products/Pictogram/beginner-user.jpg') }}" alt="初心者にオススメ" />
  192.                         <span class="pictogramtext">初心者に<br>オススメ</span>
  193.                     </div>
  194.                 </div>    
  195.             </div>
  196.             <div class="product-info flex-box-1">
  197.                 <h1 itemprop="name" class="qodef-single-product-title">
  198.                     マークスマン<br>
  199.                     <span class="syn">6ml x 10本入</span>
  200.                 </h1>
  201.                 <ul class="features-list">
  202.                     <li>
  203.                         <span style="color:red;font-weight:bold;">皆様の声にお応えし、20%容量アップで再登場!</span>
  204.                     </li>
  205.                     <li>
  206.                         人体への安全性を考慮し、100%の純天然素材を使用
  207.                     </li>
  208.                     <li>
  209.                         1回のプレイに最適量が入っている使い切りタイプで衛生的 
  210.                     </li>
  211.                     <li>
  212.                         粘度が強めで、長時間の潤滑性を持続 
  213.                     </li>
  214.                     <li>
  215.                         後処理が簡単な水溶性で、シリコン製品を傷めない
  216.                     </li>
  217.                 </ul>
  218.             </div>
  219.         </div>
  220.         <div class="product-pleasure">
  221.             <div class="container flexbox">
  222.                 <div class="desc-contr flexbox-2 flexbox-right" itemprop="description">
  223.                     <h3>「安心・安全」を最優先に考えた注入器付きローション</h3>
  224.                     <p>
  225.                         「マークスマン」は、アネロスが長年培ってきた経験と知識を活かしながら、実際にローションを使用してきたユーザーとの触れ合いの中で誕生したアネロスの性能を100%引き出す専用の注入器付き水溶性ローションです。
  226.                     </p>
  227.                     <p>
  228.                         本製品は100%純天然素材を使用した安心・安全な潤滑剤であり、アネロスの刺激を効果的に伝達するために開発されたアネロス専用ローション。グリセリンなど肌に負担のかかる成分は一切排除し、直腸粘膜のpHに適用、体内で最も吸収力が強い直腸に配慮した高い安全性を誇ります。
  229.                     </p>
  230.                     <p>
  231.                         また、従来の「セッションズ」より強い粘度でさらなる長時間の潤滑性を持続。ドライオーガズムにいち早く達するべく、アネロス製品の刺激を効果的に皮膚に伝え、蠕動運動を誘発させます。
  232.                     </p>
  233.                     <p>
  234.                         コクのあるリッチな使用感のローションで、潤いもばっちり。他の注入器具を使わずに安全な直腸へのローション注入を可能にします。ローションは無色透明で無味無臭。使用後にべたつくことはなく、後処理が簡単な水溶性のためシリコン製品を傷めない点も魅力です。
  235.                     </p>
  236.                     <p>
  237.                         「マークスマン」は、ドライオーガズムの到達率を上げ、到達したオーガズムの質を上げます。至福の時間をお楽しみください。
  238.                     </p>
  239.                 </div>
  240.                 <div class="product-pleasure-image flexbox-1">
  241.                     <img src="{{ asset('aneros/img/products/New-Marksman/New-Marksman-box.jpg') }}" class="animate"
  242.                         data-animate="fadeIn" data-duration="1.0s" data-delay="0.4s" alt="10本入りのマークスマン">
  243.                 </div>
  244.             </div>
  245.         </div>
  246.         <div id="relatedproduct_area"></div>
  247.         <div class="product-rewards-experience">
  248.             <div class="container flexbox">
  249.                 <div class="desc-contr">
  250.                     <h3>器具を使わず特殊な容器でローションの注入がラク</h3>
  251.                     <p>
  252.                         「マークスマン」はメディカル基準を満たす潤滑剤であることはもとより、安全性の高い注入器入りで医学的な信頼性を高めています。
  253.                     </p>
  254.                     <p>
  255.                         商品構成は6ml<span style="color:red"><容量20%UP中></span>の注入器を10本入りという使い切りタイプで衛生的。1回のプレイに最適な量が入っています。持ち運びしやすいため、自宅以外でのプレイの時にも便利です。
  256.                     </p>
  257.                 </div>
  258.                 <div class="product-rewards-experience-image flexbox-1">
  259.                     <img src="{{ asset('aneros/img/products/New-Marksman/New-Marksman-rewards.png') }}" class="animate"
  260.                         data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s" alt="マークスマンの特長">
  261.                 </div>
  262.             </div>
  263.         </div>
  264.         <div class="product-spec" id="product-specs">
  265.             <div class="container flexbox">
  266.                 <div class="product-spec-image">
  267.                     <img src="{{ asset('aneros/img/products/New-Marksman/New-Marksman-size.jpg') }}" class="animate"
  268.                         alt="マークスマンサイズ" data-animate="fadeInLeft" data-duration="1.5s" data-delay="0.4s" width="461">
  269.                 </div>
  270.                 <div class="desc-contr animate" data-animate="fadeInRight" data-duration="1.5s" data-delay="0.4s">
  271.                     <h3>サイズ</h3>
  272.                     <ul>
  273.                         <li>
  274.                             <span class="ps-name">先端幅:</span>
  275.                             <span class="ps-value">4mm</span>
  276.                         </li>
  277.                         <li>
  278.                             <span class="ps-name">長さ:</span>
  279.                             <span class="ps-value">110mm</span>
  280.                         </li>
  281.                         <li>
  282.                             <span class="ps-name">挿入可能長さ:</span>
  283.                             <span class="ps-value">44mm</span>
  284.                         </li>
  285.                         <li>
  286.                             <span class="ps-name">ベースの幅:</span>
  287.                             <span class="ps-value">26mm</span>
  288.                         </li>
  289.                         <li>
  290.                             <span class="ps-name">容量:</span>
  291.                             <span class="ps-value">6ml<span style="color:red"><容量20%UP中></span></span>
  292.                         </li>
  293.                     </ul>
  294.                 </div>
  295.             </div>
  296.         </div>
  297.         <div class="shopping-experiernce-tile" id="shopping-experience-tile">
  298.             <div class="container flexbox">
  299.                 <div class="tile-bg">
  300.                     <img src="{{ asset('aneros/img/products/shopping-experience-tile-bg.png') }}" class="img-tile-bg"
  301.                         alt="中身がわからい発送">
  302.                 </div>
  303.                 <div class="fast-shipping flexbox-center">
  304.                     <img src="{{ asset('aneros/img/products/fast-shipping-rect-dark.png') }}" class="img-fast-shipping"
  305.                         alt="即日出荷">
  306.                 </div>
  307.                 <div class="secure-cc-processing flexbox-center">
  308.                     <img src="{{ asset('aneros/img/products/secure-cc-processing-rect-dark.png') }}"
  309.                         class="img-secure-cc-processing" alt="貴重な個人情報は全てSSL保護">
  310.                 </div>
  311.                 <div class="money-back-gurantee flexbox-center">
  312.                     <img src="{{ asset('aneros/img/products/money-back-guarantee-rect-dark.png') }}"
  313.                         class="img-money-back-gurantee" alt="100%返金保証">
  314.                 </div>
  315.             </div>
  316.         </div>
  317.         <!-- ▼item_detail▼ -->
  318.         <div id="item_detail">
  319.             <div id="review_area">
  320.             </div>
  321.             <div id="detail_wrap" class="row">
  322.                 <section id="item_detail_area" class="col-sm-6">
  323.                     <div id="detail_description_box__body" class="item_detail">
  324.                         <!--★商品説明★-->
  325.                         <p id="detail_not_stock_box__description_detail" class="item_comment"></p>
  326.                     </div>
  327.                     <!-- /.item_detail -->
  328.                 </section>
  329.                 <!--詳細ここまで-->
  330.             </div>
  331.         </div>
  332.         <!-- ▲item_detail▲ -->
  333.         <div class="product-other-products container flexbox">
  334.             <div class="item">
  335.                 <a href="{{ url('product_detail', {'id': 72}) }}">
  336.                     <img src="{{ asset('aneros/img/products/category_vice-2.jpg') }}" alt="ヴァイス 2 - メンズバイブレーション" class="animate"
  337.                         data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s">
  338.                 </a>
  339.             </div>
  340.             <div class="item">
  341.                 <a href="{{ url('product_detail', {'id': 81}) }}">
  342.                     <img src="{{ asset('aneros/img/products/category_progasm_black_ice.jpg') }}" alt="プロガスムブラックアイス - サイズを求める男性に"
  343.                         class="animate center" data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s">
  344.                 </a>
  345.             </div>
  346.             <div class="item">
  347.                 <a href="{{ url('product_detail', {'id': 70}) }}">
  348.                     <img src="{{ asset('aneros/img/products/category_HST.jpg') }}" alt="ヒリックスシントライデント - シン定番のフラグシップモデル"
  349.                         class="animate" data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s">
  350.                 </a>
  351.             </div>
  352.         </div>
  353.         <div class="product-compare-prostate-massagers container flexbox">
  354.             <div class="product-compare-prostate-massagers-image">
  355.                 <img src="{{ asset('aneros/img/products/compare_prostate_massagers_image.jpg') }}" class="animate"
  356.                     data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s" alt="私にあっているアネロスはどれでしょうか??">
  357.             </div>
  358.             <div class="desc-contr">
  359.                 <h3>私にあっているアネロスはどれでしょうか??</h3>
  360.                 <a href="{{ url('homepage') }}prostate-massagers" class="more-link">
  361.                     前立腺マッサージ器はこちら
  362.                     <span>&gt;</span>
  363.                 </a>
  364.             </div>
  365.         </div>
  366.     </div>
  367. </div>
  368. <!-- ▲メインコンテンツ -->
  369. <div class="swooth-wrapper grey-swooth">
  370. </div>