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

Open in your IDE?
  2. <!-- ページ固有のスタイル -->
  3. <style>
  4.     .product-pleasure p {color:#919191;}
  5.     .product-pleasure .product-pleasure-image img {width:100%; max-width:450px;}
  6.     .product-rewards-experience p {color:#ffffff;}
  7.     .product-rewards-experience .desc-contr {padding-bottom:25px}
  8.     @media only screen and (max-width: 767px) {
  9.     .product-rewards-experience img {height:auto; width:100%;}
  10.     }
  11. </style>
  13. <!-- ▼メインコンテンツ -->
  14. <div class="breadcrumbs">
  15.     <div class="container">
  16.         <ul itemscope itemtype="http://schema.org/BreadcrumbList">
  17.             <li class="0" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  18.                 <a itemprop="item" href="{{ url('homepage') }}" title="トップページに戻る">
  19.                     <span itemprop="name" style="padding:0">トップページ</span></a>
  20.                 <meta itemprop="position" content="1">
  21.                 <span>&gt;</span>
  22.             </li>
  23.             <li class="category" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  26.                 <a itemprop="item" href="{{ url('homepage') }}sex-toys-for-couples" 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>
  38. <div itemscope itemtype="http://schema.org/Product">
  39.     <div class="aneros-product-page" id="product-detail-page">
  40.         <div class="product-detail-nav-section container flexbox" style="padding-bottom: 10px">
  41.             <div class="product-price-info flexbox-2 flexbox-right">
  42.                 <div class="price-box">
  43.                     <span class="regular-price" id="product-price-335">
  44.                         <!--★通常価格★-->
  45.                         {% if Product.hasProductClass -%}
  46.                             {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  47.                                 <p id="detail_description_box__class_normal_price" class="normal_price"> 通常価格：<span
  48.                                     class="price price01_default">{{ Product.getPrice01IncTaxMin|price }}</span>
  49.                                     <span class="inctax">（税込）</span>
  50.                                 </p>
  51.                             {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  52.                                 <p id="detail_description_box__class_normal_range_price" class="normal_price"> 通常価格：<span
  53.                                     class="price price01_default">{{ Product.getPrice01IncTaxMin|price }} ～ {{ Product.getPrice01IncTaxMax|price
  54.                                     }}</span>
  55.                                     <span class="inctax">（税込）</span>
  56.                                 </p>
  57.                             {% endif %}
  58.                             {% else -%}
  59.                             {% if Product.getPrice01Max is not null %}
  60.                                 <p id="detail_description_box__normal_price" class="normal_price"> 通常価格：<span
  61.                                     class="price price01_default">{{ Product.getPrice01IncTaxMin|price }}</span>
  62.                                     <span class="inctax">（税込）</span>
  63.                                 </p>
  64.                             {% endif %}
  65.                             {% endif -%}
  67.                         <!--★販売価格★-->
  68.                         <p itemprop="offers" itemscope itemtype="http://schema.org/Offer" id="detail_description_box__sale_price"
  69.                             class="sale_price text-primary"><span itemprop="priceCurrency" content="JPY"></span><span itemprop="price"
  70.                                 content="{{ Product.getPrice02IncTaxMin }}" class="price">{{ Product.getPrice02IncTaxMin|price }}<span id="with-tax"> (税込)</span></span></p>
  71.                     </span>
  72.                     {% if Product.getPrice02IncTaxMin >= 3000 %}
  73.                         <p class="paidy-price">
  74.                             <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>
  75.                         </p>
  76.                     {% endif %}
  77.                     {# 会員ランクごとの取得ポイント表示↓ #}
  78.                         {{ include('Product/customer_rank_point.twig') }}
  79.                     {# 会員ランクごとの取得ポイント表示↑ #}
  80.                 </div>
  81.                 <div class="add-to-box">
  82.                     <div class="add-to-cart">
  83.                         <div class="add-to-cart-buttons">
  85.                             <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
  86.                                 {% if Product.stock_find %}
  87.                                     <div class="ec-productRole__actions">
  88.                                         {% if form.classcategory_id1 is defined %}
  89.                                             <div class="ec-select">
  90.                                                 {{ form_widget(form.classcategory_id1) }}
  91.                                                 {{ form_errors(form.classcategory_id1) }}
  92.                                             </div>
  93.                                             {% if form.classcategory_id2 is defined %}
  94.                                                 <div class="ec-select">
  95.                                                     {{ form_widget(form.classcategory_id2) }}
  96.                                                     {{ form_errors(form.classcategory_id2) }}
  97.                                                 </div>
  98.                                             {% endif %}
  99.                                         {% endif %}
  100.                                         <div class="ec-numberInput" style = "display: none;"><span>{{ '数量'|trans }}</span>
  101.                                             {{ form_widget(form.quantity) }}
  102.                                             {{ form_errors(form.quantity) }}
  103.                                         </div>
  104.                                     </div>
  105.                                     <div class="ec-productRole__btn">
  106.                                         <button type="submit" title="カゴに入れる" class="button btn-cart add-cart">
  107.                                             <span>
  108.                                                 <span>カゴに入れる</span>
  109.                                             </span>
  110.                                         </button>
  111.                                     </div>
  112.                                 {% else %}
  113.                                     <div class="ec-productRole__btn">
  114.                                         {% if arrivemail %}
  115.                                             <button type="button" data-productid="{{ Product.id }}" data-productname="{{ Product.name }}" title="入荷お知らせ" class="button btn-cart add-to-mail">
  116.                                                 <span>入荷お知らせ</span>
  117.                                             </button>
  118.                                         {% else %}
  119.                                             <button type="button" title="在庫切れ" class="button btn-cart add-to-cart-out">
  120.                                                 <span>在庫切れ</span>
  121.                                             </button>
  122.                                         {% endif %}
  123.                                     </div>
  124.                                 {% endif %}
  126.                                 {{ form_rest(form) }}
  127.                             </form>
  128.                         </div>
  129.                         {# {% if is_granted('ROLE_USER') %} #}
  130.                         {% if BaseInfo.option_favorite_product %}
  131.                         <form action="{{ url('product_add_favorite', {id:Product.id}) }}" method="post" id="form2">
  132.                             <div class="ec-productRole__btn favorite-button">
  133.                                 {% if is_favorite == false %}
  134.                                     {# <button type="submit" id="favorite" class="ec-blockBtn--cancel button">
  135.                                         {{ 'お気に入りに追加'|trans }}
  136.                                     </button> #}
  137.                                     
  138.                                     <button type="submit" id="favorite" class="favorite-heart">
  139.                                         {#{{ 'お気に入りに追加'|trans }}#}
  140.                                         <i class="fa fa-heart-o" title="お気に入りに追加"></i>
  141.                                     </button>
  142.                                 {% else %}
  143.                                     <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() }}>
  144.                                         {#{{ 'お気に入りに追加'|trans }}#}
  145.                                         <i class="fa fa-heart" title="お気に入りに追加済です"></i>
  146.                                     </button>
  147.                                     
  148.                                     {# <button type="button" id="unfavorite" class="ec-blockBtn--cancel button-favorited one-click-remove-favorite"
  149.                                     data-action="{{ url('mypage_favorite_delete', { id : Product.id }) }}" data-method="delete" {{ csrf_token_for_anchor() }}>
  150.                                         {{ 'お気に入りに追加済です。'|trans }}
  151.                                     </button> #}
  152.                                     
  153.                                 {% endif %}
  154.                             </div>
  155.                         </form>
  156.                         {% endif %}
  157.                         {# {% endif %} #}
  158.                     </div>
  159.                 </div>
  160.             </div>
  161.             <ul class="top-review-box flexbox-1">
  162.                 <li><a href="#review_area" class="top_review_score"></a></li>
  163.                 <li>
  164.                     <a href="#product-specs" style="display: none;">Specs</a>
  165.                 </li>
  166.                 <li class="userguide">
  167.                     <a href="{{ asset('aneros/guides/tempoInstructions.pdf') }}"
  168.                         target="_blank" class="user-guide-link">
  169.                         ユーザーガイド
  170.                         <i class="fa fa-file-text-o">
  171.                         </i>
  172.                     </a>
  173.                 </li>
  174.             </ul>
  175.             <!-- ▼レビュープラグインの記述▼ -->
  176.             {% if 0 < ProductReviewCount %}
  177.             <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
  178.                 <span style="display:none" itemprop="ratingValue">{{ Reviews_avg|number_format(1, '.') }}</span>
  179.                 <span style="display:none" itemprop="reviewCount">{{ ProductReviewCount }}</span>
  180.             </div>
  181.             {% endif %}
  182.             <!-- ▲レビュープラグインの記述▲ -->
  183.                 
  184.         </div>
  186.         <div class="product-main-section container flexbox">
  187.             <div class="product-main-image">
  188.                 <img itemprop="image" width="400" src="{{ asset('aneros/img/products/Tempo/Tempo-main-image.jpg') }}"
  189.                     class="main-image" alt="テンポ">
  190.                 <div class="pictogram-area">    
  191.                     <div class="pictogram">
  192.                         <img src="{{ asset('aneros/img/products/Pictogram/intermediate-user.jpg') }}" alt="中級者向け" />
  193.                         <span class="pictogramtext">中級者向け</span>
  194.                     </div>
  195.                     <div class="pictogram">
  196.                         <img src="{{ asset('aneros/img/products/Pictogram/expert-user.jpg') }}" alt="上級者向け" />
  197.                         <span class="pictogramtext">上級者向け</span>
  198.                     </div>
  199.                     <div class="pictogram">
  200.                         <img src="{{ asset('aneros/img/products/Pictogram/medical-stainless-steel.jpg') }}" alt="医療用ステンレススチール" />
  201.                         <span class="pictogramtext">医療用ステンレス<br>スチール</span>
  202.                     </div>
  203.                     <div class="pictogram">
  204.                         <img src="{{ asset('aneros/img/products/Pictogram/medically-patented.jpg') }}" alt="医療用特許取得" />
  205.                         <span class="pictogramtext">医療用特許取得</span>
  206.                     </div>
  207.                     <div class="pictogram">
  208.                         <img src="{{ asset('aneros/img/products/Pictogram/unisex.jpg') }}" alt="男女兼用" />
  209.                         <span class="pictogramtext">男女兼用</span>
  210.                     </div>
  211.                 </div>    
  212.             </div>
  213.             <div class="product-info">
  214.                 <h1 itemprop="name" class="qodef-single-product-title">
  215.                     テンポ
  216.                 </h1>
  217.                 <ul class="features-list">
  218.                     <li>
  219.                         温度で楽しめる医療用ステンレススチール素材
  220.                     </li>
  221.                     <li>
  222.                         ユニセックスモデル
  223.                     </li>
  224.                     <li>
  225.                         米国FDAの材質承認を得ているので安心
  226.                     </li>
  227.                 </ul>
  228.             </div>
  229.         </div>
  231.         <div class="product-pleasure">
  232.             <div class="container flexbox">
  233.                 <div class="desc-contr" itemprop="description">
  234.                     <h3>この滑らかさと重さがたまらない！<br>
  235.                     テンポが踊りだす！</h3>
  236.                     <p>
  237.                         ペリダイスを基に研究開発されたこの形状は、括約筋の自然な動きで独特なリズムのある蠕動運動を引き起こします。括約筋が自然に収縮し、テンポをリズミカルに動かすので、少ない練習で驚くほど強烈な効果をあげるでしょう。
  238.                     </p>
  239.                     <p>
  240.                         ペリダイス同様にアバットメントはなく、直腸前壁のみで強烈なオーガズムを誘発させる男女兼用の製品です。
  241.                     </p>
  242.                     <div class="product-feature-icons">
  243.                         <img src="{{ asset('aneros/img/products/hand-free-pleasure-dark.png') }}" class="animate hands-free"
  244.                             data-animate="fadeIn" data-duration="1.0s" data-delay="0.4s" alt="ハンズフリー快楽">
  245.                         <img src="{{ asset('aneros/img/products/fda-dark.png') }}" class="animate fda-silicone" data-animate="fadeIn"
  246.                             data-duration="1.0s" data-delay="0.4s" alt="医療用材質承認">
  247.                     </div>
  248.                 </div>
  249.                 <div class="product-pleasure-image">
  250.                     <img src="{{ asset('aneros/img/products/Tempo/Tempo-box.jpg') }}" class="animate"
  251.                         data-animate="fadeIn" data-duration="1.0s" data-delay="0.4s" alt="テンポ箱">
  252.                 </div>
  253.             </div>
  254.         </div>
  256.         <div id="relatedproduct_area"></div>
  258.         <div class="product-rewards-experience">
  259.             <div class="container flexbox">
  260.                 <div class="desc-contr flexbox-2 flexbox-right">
  261.                     <h3>高品質の素材とデザイン</h3>
  262.                     <p>
  263.                     テンポは医療用ステンレス製で美しい鏡面仕上げが特徴です。ステンレスの性質として、汚れが付きにくく清潔さを感じられ、熱しやすく冷めやすいなどがあります。
  264.                     </p>
  265.                     <p>
  266.                     その性質から、挿入時にはひんやりとした冷たさを感じ、プレイ中徐々にテンポが温まりゾクゾクする神秘的なオーガズムを味わうことができます。
  267.                     </p>
  268.                     <p>
  269.                     そして、この美しいフォルムはまるで芸術作品のようで、部屋に自然にあっても全く違和感がありません。
  270.                     </p>
  271.                 </div>
  272.                 <div class="product-rewards-experience-image flexbox-1">
  273.                     <img src="{{ asset('aneros/img/products/Tempo/tempo-rewards-image.png') }}" class="animate"
  274.                         data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s" alt="テンポ デザインの特長">
  275.                 </div>
  276.             </div>
  277.         </div>
  279.         <div class="product-spec" id="product-specs">
  280.             <div class="container flexbox">
  281.                 <div class="product-spec-image">
  282.                     <img src="{{ asset('aneros/img/products/Tempo/tempo-size.png') }}" class="animate"
  283.                         alt="テンポサイズ" data-animate="fadeInLeft" data-duration="1.5s" data-delay="0.4s" width="461">
  284.                 </div>
  285.                 <div class="desc-contr animate" data-animate="fadeInRight" data-duration="1.5s" data-delay="0.4s">
  286.                     <h3>サイズ</h3>
  287.                     <ul>
  288.                         <li>
  289.                             <span class="ps-name">頭部直径:</span>
  290.                             <span class="ps-value">22mm</span>
  291.                         </li>
  292.                         <li>
  293.                             <span class="ps-name">中部直径:</span>
  294.                             <span class="ps-value">15mm</span>
  295.                         </li>
  296.                         <li>
  297.                             <span class="ps-name">下部直径:</span>
  298.                             <span class="ps-value">13mm</span>
  299.                         </li>
  300.                         <li>
  301.                             <span class="ps-name">挿入可能長さ:</span>
  302.                             <span class="ps-value">95mm</span>
  303.                         </li>
  304.                     </ul>
  305.                 </div>
  306.             </div>
  307.         </div>
  309.         <div class="shopping-experiernce-tile" id="shopping-experience-tile">
  310.             <div class="container flexbox">
  311.                 <div class="tile-bg">
  312.                     <img src="{{ asset('aneros/img/products/shopping-experience-tile-bg.png') }}" class="img-tile-bg"
  313.                         alt="中身がわからい発送">
  314.                 </div>
  315.                 <div class="fast-shipping flexbox-center">
  316.                     <img src="{{ asset('aneros/img/products/fast-shipping-rect-dark.png') }}" class="img-fast-shipping"
  317.                         alt="即日出荷">
  318.                 </div>
  319.                 <div class="secure-cc-processing flexbox-center">
  320.                     <img src="{{ asset('aneros/img/products/secure-cc-processing-rect-dark.png') }}"
  321.                         class="img-secure-cc-processing" alt="貴重な個人情報は全てSSL保護">
  322.                 </div>
  323.                 <div class="money-back-gurantee flexbox-center">
  324.                     <img src="{{ asset('aneros/img/products/money-back-guarantee-rect-dark.png') }}"
  325.                         class="img-money-back-gurantee" alt="100％返金保証">
  326.                 </div>
  327.             </div>
  328.         </div>
  330.         <!-- ▼item_detail▼ -->
  331.         <div id="item_detail">
  332.             <div id="review_area">
  333.             </div>
  334.             <div id="detail_wrap" class="row">
  336.                 <section id="item_detail_area" class="col-sm-6">
  337.                     <div id="detail_description_box__body" class="item_detail">
  338.                         <!--★商品説明★-->
  339.                         <p id="detail_not_stock_box__description_detail" class="item_comment"></p>
  341.                     </div>
  342.                     <!-- /.item_detail -->
  344.                 </section>
  345.                 <!--詳細ここまで-->
  346.             </div>
  348.         </div>
  349.         <!-- ▲item_detail▲ -->
  351.         <div class="about-prostate-massagers-block">
  352.             <div class="container flexbox warp">
  353.                 <h2>使用のメリット</h2>
  354.                 <div class="item item-left">
  355.                     <img src="{{ asset('aneros/img/products/prostate-massagers-progressively-rewarding.jpg') }}" alt="使用のメリット">
  356.                     <h3>ドライオーガズム</h3>
  357.                     <p>
  358.                         アネロスの使用により未知の快楽と呼ばれるドライオーガズムを体験できますが、多少の訓練が必要です。毎回の使用でアネロスの刺激を覚えていき、経験を重ねるごとにより強烈なドライオーガズムが達成できます！
  359.                     </p>
  360.                 </div>
  361.                 <div class="item item-middle">
  362.                     <img src="{{ asset('aneros/img/products/apple_Ts.png') }}" alt="性の健康増進">
  363.                     <h3>性の健康増進</h3>
  364.                     <p>
  365.                         アネロスを使用するたびに下半身の筋肉、特にPC筋が鍛えられます。ダンベル運動などと同じようにアネロスでのトレーニングを重ねるとPC筋等に力を持たせることができます。性器、肛門を八の字に取り囲むPC筋の増強はセックス時に大活躍し、鍛えられた下半身の筋肉によりセックスの持続時間が長くなり、勃起力が強化され、ウェットオーガズムの満足度が大幅にアップします。
  366.                     </p>
  367.                 </div>
  368.                 <div class="item item-right">
  369.                     <img src="{{ asset('aneros/img/products/betters.png') }}" alt="セックス時の使用">
  370.                     <h3>セックス時の使用</h3>
  371.                     <p>
  372.                         セックスの時にアネロスを使用すると、性交時に頭部が自然に直腸前壁に向け、ペニスへの刺激と同時に前立腺をマッサージします。また、アバットメントは会陰部を効果的に刺激します。これがアネロスの基本原理です。通常、ペニス一点へ刺激が、会陰部への刺激、直腸前壁から前立腺への刺激が加わることにより三点に増え、射精が更に気持ちよく、強くなり、通常のオーガズムを超えたウェットオーガズムが体験できます。
  373.                     </p>
  374.                 </div>
  375.             </div>
  376.         </div>
  379.         <div class="product-dont-forget-lubricant">
  380.             <div class="container flexbox">
  381.                 <div class="desc-contr flexbox-2 flexbox-right">
  382.                     <h3>ローションを忘れずに！</h3>
  383.                     <p>
  384.                         前立腺マッサージで、最も効果的に快楽を得るためには十分な潤滑が重要となります。最適なローションを使用すれば、アネロスの挿入もスムーズになり正しく自由な動きを誘発します。本体を劣化させる心配もなく後片付けもラクな水溶性のローションがおすすめです。アネロス社のマークスマンとセッションズは、アネロス利用のために作られた専用の水溶性のローションです。
  385.                     </p>
  386.                     <a href="{{ url('homepage') }}lubricants" class="more-link">ローションはこちらからご覧ください &gt;</a>
  387.                 </div>
  388.                 <div class="lubricant-images flexbox-1">
  389.                     <img src="{{ asset('aneros/img/products/donot-forget-lubricant-image.png') }}" class="lb-img animate"
  390.                         data-animate="fadeIn" data-duration="1.0s" data-delay="0.4s" alt="セッションズを忘れずに！">
  391.                 </div>
  392.             </div>
  393.         </div>
  395.         <div class="product-other-products container flexbox">
  396.             <div class="item">
  397.                 <a href="{{ url('product_detail', {'id': 72}) }}">
  398.                     <img src="{{ asset('aneros/img/products/category_vice-2.jpg') }}" alt="ヴァイス 2 - メンズバイブレーション" class="animate"
  399.                         data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s">
  400.                 </a>
  401.             </div>
  402.             <div class="item">
  403.                 <a href="{{ url('product_detail', {'id': 81}) }}">
  404.                     <img src="{{ asset('aneros/img/products/category_progasm_black_ice.jpg') }}" alt="プロガスムブラックアイス - サイズを求める男性に"
  405.                         class="animate center" data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s">
  406.                 </a>
  407.             </div>
  408.             <div class="item">
  409.                 <a href="{{ url('product_detail', {'id': 70}) }}">
  410.                     <img src="{{ asset('aneros/img/products/category_HST.jpg') }}" alt="ヒリックスシントライデント - シン定番のフラグシップモデル"
  411.                         class="animate" data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s">
  412.                 </a>
  413.             </div>
  414.         </div>
  415.         <div class="product-compare-prostate-massagers container flexbox">
  416.             <div class="product-compare-prostate-massagers-image">
  417.                 <img src="{{ asset('aneros/img/products/compare_prostate_massagers_image.jpg') }}" class="animate"
  418.                     data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s" alt="私にあっているアネロスはどれでしょうか？？">
  419.             </div>
  420.             <div class="desc-contr">
  421.                 <h3>私にあっているアネロスはどれでしょうか？？</h3>
  422.                 <a href="{{ url('homepage') }}prostate-massagers" class="more-link">
  423.                     前立腺マッサージ器はこちら
  424.                     <span>&gt;</span>
  425.                 </a>
  426.             </div>
  427.         </div>
  428.     </div>
  431. </div>
  432. <!-- ▲メインコンテンツ -->
  433. <div class="swooth-wrapper grey-swooth">
  434. </div>