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

Open in your IDE?
  2. <!-- ページ固有のスタイル -->
  3. <style>
  4.         .product-pleasure {
  5.             background-color: #00abed;
  6.         }
  7.         .product-pleasure .desc-contr {
  8.             padding: 0px 0px 50px 0;
  9.         }
  10.         .product-pleasure .product-pleasure-image img {
  11.             width: 100%;
  12.             max-width:inherit;
  13.         }
  14.         .product-pleasure .desc-contr h3 {
  15.             color: #000000;
  16.         }
  17.         .product-rewards-experience {
  18.             background: #e31e38;
  19.         }
  20.         .product-rewards-experience p {color:#ffffff;}
  21.         .product-developed {background-color:#dbdcde;background-image:none;}
  22.         .product-developed p {line-height:1.4em; color:#000000;}
  23.         .product-rewards-experience img {height: 530px; max-height:inherit;}
  24.         .learn-more-button {
  25.             width: 150px;
  26.             text-align: center;
  27.             letter-spacing: 2px;
  28.             color: #FFFFFF!important;
  29.             background: #0886fb;
  30.             display: inline-block;
  31.             font-size: 15px;
  32.             padding: 10px 15px;
  33.             margin-top: 15px;
  34.             font-weight:bold;
  35. }
  36.         @media only screen and (max-width: 999px){
  37.                 .product-rewards-experience img {height: 287px;}
  38.         }
  41. </style>
  43. <!-- ▼メインコンテンツ -->
  44. <div class="breadcrumbs">
  45.     <div class="container">
  46.         <ul itemscope itemtype="http://schema.org/BreadcrumbList">
  47.             <li class="0" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  48.                 <a itemprop="item" href="{{ url('homepage') }}" title="トップページに戻る">
  49.                     <span itemprop="name" style="padding:0">トップページ</span></a>
  50.                 <meta itemprop="position" content="1">
  51.                 <span>&gt;</span>
  52.             </li>
  53.             <li class="category" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  56.                 <a itemprop="item" href="{{ url('homepage') }}sex-toys-for-women" title="女性用商品"><span itemprop="name"
  57.                         style="padding:0">女性用商品</span></a>
  58.                 <meta itemprop="position" content="2">
  59.                 <span>&gt;</span>
  60.             </li>
  61.             <li class="product">
  62.                 <strong>{{ Product.name }}</strong>
  63.             </li>
  64.         </ul>
  65.     </div>
  66. </div>
  68. <div itemscope itemtype="http://schema.org/Product">
  69.     <div class="aneros-product-page" id="product-detail-page">
  70.         <div class="product-detail-nav-section container flexbox" style="padding-bottom: 10px">
  71.             <div class="product-price-info flexbox-2 flexbox-right">
  72.                 <div class="price-box">
  73.                     <span class="regular-price" id="product-price-335">
  74.                         <!--★通常価格★-->
  75.                         {% if Product.hasProductClass -%}
  76.                             {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  77.                                 <p id="detail_description_box__class_normal_price" class="normal_price"> 通常価格：<span
  78.                                     class="price price01_default">{{ Product.getPrice01IncTaxMin|price }}</span>
  79.                                     <span class="inctax">（税込）</span>
  80.                                 </p>
  81.                             {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  82.                                 <p id="detail_description_box__class_normal_range_price" class="normal_price"> 通常価格：<span
  83.                                     class="price price01_default">{{ Product.getPrice01IncTaxMin|price }} ～ {{ Product.getPrice01IncTaxMax|price
  84.                                     }}</span>
  85.                                     <span class="inctax">（税込）</span>
  86.                                 </p>
  87.                             {% endif %}
  88.                             {% else -%}
  89.                             {% if Product.getPrice01Max is not null %}
  90.                                 <p id="detail_description_box__normal_price" class="normal_price"> 通常価格：<span
  91.                                     class="price price01_default">{{ Product.getPrice01IncTaxMin|price }}</span>
  92.                                     <span class="inctax">（税込）</span>
  93.                                 </p>
  94.                             {% endif %}
  95.                             {% endif -%}
  97.                         <!--★販売価格★-->
  98.                         <p itemprop="offers" itemscope itemtype="http://schema.org/Offer" id="detail_description_box__sale_price"
  99.                             class="sale_price text-primary"><span itemprop="priceCurrency" content="JPY"></span><span itemprop="price"
  100.                                 content="{{ Product.getPrice02IncTaxMin }}" class="price">{{ Product.getPrice02IncTaxMin|price }}<span id="with-tax"> (税込)</span></span></p>
  101.                     </span>
  102.                     {% if Product.getPrice02IncTaxMin >= 3000 %}
  103.                         <p class="paidy-price">
  104.                             <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>
  105.                         </p>
  106.                     {% endif %}
  107.                     {# 会員ランクごとの取得ポイント表示↓ #}
  108.                         {{ include('Product/customer_rank_point.twig') }}
  109.                     {# 会員ランクごとの取得ポイント表示↑ #}
  110.                 </div>
  111.                 <div class="add-to-box">
  112.                     <div class="add-to-cart">
  113.                         <div class="add-to-cart-buttons">
  115.                             <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
  116.                                 {% if Product.stock_find %}
  117.                                     <div class="ec-productRole__actions">
  118.                                         {% if form.classcategory_id1 is defined %}
  119.                                             <div class="ec-select">
  120.                                                 {{ form_widget(form.classcategory_id1) }}
  121.                                                 {{ form_errors(form.classcategory_id1) }}
  122.                                             </div>
  123.                                             {% if form.classcategory_id2 is defined %}
  124.                                                 <div class="ec-select">
  125.                                                     {{ form_widget(form.classcategory_id2) }}
  126.                                                     {{ form_errors(form.classcategory_id2) }}
  127.                                                 </div>
  128.                                             {% endif %}
  129.                                         {% endif %}
  130.                                         <div class="ec-numberInput" style = "display: none;"><span>{{ '数量'|trans }}</span>
  131.                                             {{ form_widget(form.quantity) }}
  132.                                             {{ form_errors(form.quantity) }}
  133.                                         </div>
  134.                                     </div>
  135.                                     <div class="ec-productRole__btn">
  136.                                         <button type="submit" title="カゴに入れる" class="button btn-cart add-cart">
  137.                                             <span>
  138.                                                 <span>カゴに入れる</span>
  139.                                             </span>
  140.                                         </button>
  141.                                     </div>
  142.                                 {% else %}
  143.                                     <div class="ec-productRole__btn">
  144.                                         {% if arrivemail %}
  145.                                             <button type="button" data-productid="{{ Product.id }}" data-productname="{{ Product.name }}" title="入荷お知らせ" class="button btn-cart add-to-mail">
  146.                                                 <span>入荷お知らせ</span>
  147.                                             </button>
  148.                                         {% else %}
  149.                                             <button type="button" title="在庫切れ" class="button btn-cart add-to-cart-out">
  150.                                                 <span>在庫切れ</span>
  151.                                             </button>
  152.                                         {% endif %}
  153.                                     </div>
  154.                                 {% endif %}
  156.                                 {{ form_rest(form) }}
  157.                             </form>
  158.                         </div>
  159.                         {# {% if is_granted('ROLE_USER') %} #}
  160.                         {% if BaseInfo.option_favorite_product %}
  161.                         <form action="{{ url('product_add_favorite', {id:Product.id}) }}" method="post" id="form2">
  162.                             <div class="ec-productRole__btn favorite-button">
  163.                                 {% if is_favorite == false %}
  164.                                     {# <button type="submit" id="favorite" class="ec-blockBtn--cancel button">
  165.                                         {{ 'お気に入りに追加'|trans }}
  166.                                     </button> #}
  167.                                     
  168.                                     <button type="submit" id="favorite" class="favorite-heart">
  169.                                         {#{{ 'お気に入りに追加'|trans }}#}
  170.                                         <i class="fa fa-heart-o" title="お気に入りに追加"></i>
  171.                                     </button>
  172.                                 {% else %}
  173.                                     <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() }}>
  174.                                         {#{{ 'お気に入りに追加'|trans }}#}
  175.                                         <i class="fa fa-heart" title="お気に入りに追加済です"></i>
  176.                                     </button>
  177.                                     
  178.                                     {# <button type="button" id="unfavorite" class="ec-blockBtn--cancel button-favorited one-click-remove-favorite"
  179.                                     data-action="{{ url('mypage_favorite_delete', { id : Product.id }) }}" data-method="delete" {{ csrf_token_for_anchor() }}>
  180.                                         {{ 'お気に入りに追加済です。'|trans }}
  181.                                     </button> #}
  182.                                     
  183.                                 {% endif %}
  184.                             </div>
  185.                         </form>
  186.                         {% endif %}
  187.                         {# {% endif %} #}
  188.                     </div>
  189.                 </div>
  190.             </div>
  191.             <ul class="top-review-box flexbox-1">
  192.                 <li><a href="#review_area" class="top_review_score"></a></li>
  193.                 <li>
  194.                     <a href="#product-specs" style="display: none;">Specs</a>
  195.                 </li>
  196.                 <li class="userguide">
  197.                     <a href="{{ asset('aneros/guides/viviInstructions.pdf') }}"
  198.                         target="_blank" class="user-guide-link">
  199.                         ユーザーガイド
  200.                         <i class="fa fa-file-text-o">
  201.                         </i>
  202.                     </a>
  203.                 </li>
  204.             </ul>
  205.             <!-- ▼レビュープラグインの記述▼ -->
  206.             {% if 0 < ProductReviewCount %}
  207.             <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
  208.                 <span style="display:none" itemprop="ratingValue">{{ Reviews_avg|number_format(1, '.') }}</span>
  209.                 <span style="display:none" itemprop="reviewCount">{{ ProductReviewCount }}</span>
  210.             </div>
  211.             {% endif %}
  212.             <!-- ▲レビュープラグインの記述▲ -->
  213.                 
  214.         </div>
  216.         <div class="product-main-section container flexbox">
  217.             <div class="product-main-image">
  218.                 <img itemprop="image" width="400" src="{{ asset('aneros/img/products/Vivi/vivi-main-image.jpg') }}"
  219.                     class="main-image" alt="ヴィヴィ">
  220.                 <div class="pictogram-area">    
  221.                     <div class="pictogram">
  222.                         <img src="{{ asset('aneros/img/products/Pictogram/all-users.jpg') }}" alt="全レベル可" />
  223.                         <span class="pictogramtext">全レベル可</span>
  224.                     </div>
  225.                     <div class="pictogram">
  226.                         <img src="{{ asset('aneros/img/products/Pictogram/beginner-user.jpg') }}" alt="初心者にオススメ" />
  227.                         <span class="pictogramtext">初心者に<br>オススメ</span>
  228.                     </div>
  229.                     <div class="pictogram">
  230.                         <img src="{{ asset('aneros/img/products/Pictogram/medical-silicone.jpg') }}" alt="医療用シリコン" />
  231.                         <span class="pictogramtext">医療用シリコン</span>
  232.                     </div>
  233.                     <div class="pictogram">
  234.                         <img src="{{ asset('aneros/img/products/Pictogram/medically-patented.jpg') }}" alt="医療用特許取得" />
  235.                         <span class="pictogramtext">医療用特許取得</span>
  236.                     </div>
  237.                     <div class="pictogram">
  238.                         <img src="{{ asset('aneros/img/products/Pictogram/vibrating.jpg') }}" alt="振動機能付き" />
  239.                         <span class="pictogramtext">振動機能付き</span>
  240.                     </div>
  241.                 </div>    
  242.             </div>
  243.             <div class="product-info">
  244.                 <h1 itemprop="name" class="qodef-single-product-title">
  245.                     ヴィヴィ
  246.                 </h1>
  247.                 <ul class="features-list">
  248.                     <li>
  249.                         Gエリアとクリトリスを<br>
  250.                         　同時にバイブレーション！
  251.                     </li>
  252.                     <li>
  253.                         膣トレ併用で無理のない下半身のケア
  254.                     </li>
  255.                     <li>
  256.                         無料アプリと同期し、<br>
  257.                         　振動を自由自在にコントロール
  258.                     </li>
  259.                 </ul>
  260.             </div>
  261.         </div>
  263.         <div class="product-pleasure">
  264.             <div class="container flexbox">
  265.                 <div class="desc-contr" itemprop="description">
  266.                     <h3>Gエリアとクリトリスを同時に刺激！</h3>
  267.                     <p>
  268.                         ヴィヴィは全ての女性に合うように設計されており、Gエリアとクリトリスを同時に刺激することができます。
  269.                     </p>
  270.                     <p>
  271.                         2つの振動ポイントには新たにバイブレーション機能を付加、本体と無料アプリを同期させることによって振動の強弱やバイブレーションポイントを自由自在にコントロールでき、自分にピッタリの刺激を創りだすことが可能です。下半身を鍛えながら素晴らしいプレジャーを味わえる、それがヴィヴィです。
  272.                     </p>
  273.                     <div class="product-feature-icons">
  274.                         <img src="{{ asset('aneros/img/products/velvet-touch-blue.png') }}" class="animate fda-silicone" data-animate="fadeIn" data-duration="1.0s"
  275.                             data-delay="0.4s" alt="ベルベットタッチ医療用シリコン" >
  276.                         <img src="{{ asset('aneros/img/products/hand-free-pleasure-blue.png') }}" class="animate hands-free"
  277.                             data-animate="fadeIn" data-duration="1.0s" data-delay="0.4s" alt="ハンズフリー快楽">
  278.                         <img src="{{ asset('aneros/img/products/fda-blue.png') }}" class="animate fda-silicone" data-animate="fadeIn"
  279.                             data-duration="1.0s" data-delay="0.4s" alt="医療用材質承認">
  280.                     </div>
  281.                 </div>
  282.                 <div class="product-pleasure-image">
  283.                     <img src="{{ asset('aneros/img/products/Vivi/vivi-blue-bg.png') }}" class="animate"
  284.                         data-animate="fadeIn" data-duration="1.0s" data-delay="0.4s" alt="Gエリアとクリトリスを同時に刺激！">
  285.                 </div>
  286.             </div>
  287.         </div>
  289.         <div id="relatedproduct_area"></div>
  291.         <div class="product-rewards-experience">
  292.             <div class="container flexbox">
  293.                 <div class="desc-contr flexbox-2 flexbox-right">
  294.                     <h3>下半身のケア</h3>
  295.                     <p>
  296.                     出産や加齢によって、下半身の筋肉は段々と衰えてきます。筋力が失われて尿漏れするようになったり、セックスで得られるプレジャーが低くなったりするのです。そこでヴィヴィを使用して簡単なケーゲル体操（膣トレ）と併用することにより、衰えた下半身のケアをすることができます。
  297.                     </p>
  298.                     <p>
  299.                     挿入後、骨盤底筋がヴィヴィの本体をホールドし、通常では運動しにくい部位を簡単にエクササイズ。本体を無料アプリと同期させれば、日常生活を送りながら手軽に膣トレができます。大事な骨盤底筋を鍛えて、貴方もヴィヴィと若返るのはいかがでしょうか。
  300.                     </p>
  301.                 </div>
  302.                 <div class="product-rewards-experience-image flexbox-1">
  303.                     <img src="{{ asset('aneros/img/products/Vivi/vivi-anatomy.png') }}" class="right animate"
  304.                         data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s" alt="挿入されたヴィヴィ">
  305.                 </div>
  306.             </div>
  307.         </div>
  308.         
  309.         <div class="product-developed">
  310.             <div class="container flexbox">
  311.                 <div class="desc-contr">
  312.                     <h3 id="vivi-app">アプリと同期</h3>
  313.                     <p>App StoreやGoogle Playより無料のアプリをダウンロードし、スマートフォンでヴィヴィを操作します。「カスタムモード」と「おすすめモード」により振動パターンを自由自在にコントロールすることができ、「ケーゲルモード（膣トレ）」より下半身のトレーニングをサポートします。</p>
  314.                         <div class="product-feature-icons">
  315.                             <a href="https://www.aneros.co.jp/vivi-app/viviapp.apk" target="_blank"><img src="{{ asset('aneros/img/products/Vivi/googleplay.png') }}" alt="Google Playダウンロード" style="opacity: 1;width: 39%;"></a>
  316.                             <a href="https://apps.apple.com/jp/app/aneros-vivi/id1441587819" target="_blank"><img src="{{ asset('aneros/img/products/Vivi/appstore.png') }}" alt="アプリストアダウンロード" style="opacity: 1;width: 39%;"></a>
  317.                         </div>
  318.                         <div style="width: 100%; text-align: center;">
  319.                             <a href="{{ asset('aneros/img/products/Vivi/app-instructions.jpg') }}" target="_blank">GooglePlay用アプリのダウンロード方法</a>
  320.                         </div>
  321.                         <div style="width: 100%; text-align: center;">
  322.                             <a class="learn-more-button" href="{{ asset('aneros/guides/viviInstructions.pdf') }}" target="_blank">ユーザーガイド</a>
  323.                         </div>
  324.                         <div class="clearfix"></div>  
  325.                 </div>
  326.                 <div class="product-developed-image">
  327.                     <img src="{{ asset('aneros/img/products/Vivi/vivi-app.png') }}" class="right animate"
  328.                         data-animate="fadeIn" data-duration="1.0s" data-delay="0.4s" alt="アプリと同期">
  329.                 </div>
  330.             </div>
  331.         </div>
  333.         <div class="product-spec" id="product-specs">
  334.             <div class="container flexbox">
  335.                 <div class="product-spec-image">
  336.                     <img src="{{ asset('aneros/img/products/Vivi/vivi-size.jpg') }}" class="animate"
  337.                         alt="ヴィヴィサイズ" data-animate="fadeInLeft" data-duration="1.5s" data-delay="0.4s" width="461">
  338.                 </div>
  339.                 <div class="desc-contr animate" data-animate="fadeInRight" data-duration="1.5s" data-delay="0.4s">
  340.                     <h3>サイズ</h3>
  341.                     <ul>
  342.                         <li>
  343.                             <span class="ps-name">本体長さ:</span>
  344.                             <span class="ps-value">122mm</span>
  345.                         </li>
  346.                         <li>
  347.                             <span class="ps-name">挿入長さ:</span>
  348.                             <span class="ps-value">86mm</span>
  349.                         </li>
  350.                         <li>
  351.                             <span class="ps-name">首の直径:</span>
  352.                             <span class="ps-value">12mm</span>
  353.                         </li>
  354.                         <li>
  355.                             <span class="ps-name">ハンドルの高さ:</span>
  356.                             <span class="ps-value">80mm</span>
  357.                         </li>
  358.                         <li>
  359.                             <span class="ps-name">頭部の直径:</span>
  360.                             <span class="ps-value">39mm</span>
  361.                         </li>
  362.                     </ul>
  363.                 </div>
  364.             </div>
  365.         </div>
  367.         <div class="shopping-experiernce-tile" id="shopping-experience-tile">
  368.             <div class="container flexbox">
  369.                 <div class="tile-bg">
  370.                     <img src="{{ asset('aneros/img/products/shopping-experience-tile-bg.png') }}" class="img-tile-bg"
  371.                         alt="中身がわからい発送">
  372.                 </div>
  373.                 <div class="fast-shipping flexbox-center">
  374.                     <img src="{{ asset('aneros/img/products/fast-shipping-rect-dark.png') }}" class="img-fast-shipping"
  375.                         alt="即日出荷">
  376.                 </div>
  377.                 <div class="secure-cc-processing flexbox-center">
  378.                     <img src="{{ asset('aneros/img/products/secure-cc-processing-rect-dark.png') }}"
  379.                         class="img-secure-cc-processing" alt="貴重な個人情報は全てSSL保護">
  380.                 </div>
  381.                 <div class="money-back-gurantee flexbox-center">
  382.                     <img src="{{ asset('aneros/img/products/money-back-guarantee-rect-dark.png') }}"
  383.                         class="img-money-back-gurantee" alt="100％返金保証">
  384.                 </div>
  385.             </div>
  386.         </div>
  388.         <!-- ▼item_detail▼ -->
  389.         <div id="item_detail">
  390.             <div id="review_area">
  391.             </div>
  392.             <div id="detail_wrap" class="row">
  394.                 <section id="item_detail_area" class="col-sm-6">
  395.                     <div id="detail_description_box__body" class="item_detail">
  396.                         <!--★商品説明★-->
  397.                         <p id="detail_not_stock_box__description_detail" class="item_comment"></p>
  399.                     </div>
  400.                     <!-- /.item_detail -->
  402.                 </section>
  403.                 <!--詳細ここまで-->
  404.             </div>
  406.         </div>
  407.         <!-- ▲item_detail▲ -->
  409.         <div class="product-dont-forget-lubricant">
  410.             <div class="container flexbox">
  411.                 <div class="desc-contr flexbox-2 flexbox-right">
  412.                     <h3>ローションを忘れずに！</h3>
  413.                     <p>
  414.                         前立腺マッサージで、最も効果的に快楽を得るためには十分な潤滑が重要となります。最適なローションを使用すれば、アネロスの挿入もスムーズになり正しく自由な動きを誘発します。本体を劣化させる心配もなく後片付けもラクな水溶性のローションがおすすめです。アネロス社のマークスマンとセッションズは、アネロス利用のために作られた専用の水溶性のローションです。
  415.                     </p>
  416.                     <a href="{{ url('homepage') }}lubricants" class="more-link">ローションはこちらからご覧ください &gt;</a>
  417.                 </div>
  418.                 <div class="lubricant-images flexbox-1">
  419.                     <img src="{{ asset('aneros/img/products/donot-forget-lubricant-image.png') }}" class="lb-img animate"
  420.                         data-animate="fadeIn" data-duration="1.0s" data-delay="0.4s" alt="セッションズを忘れずに！">
  421.                 </div>
  422.             </div>
  423.         </div>
  424.         <div class="product-compare-prostate-massagers container flexbox">
  425.             <div class="product-compare-prostate-massagers-image">
  426.                 <img src="{{ asset('aneros/img/products/compare_prostate_massagers_image.jpg') }}" class="animate"
  427.                     data-animate="zoomIn" data-duration="1.0s" data-delay="0.4s" alt="私にあっているアネロスはどれでしょうか？？">
  428.             </div>
  429.             <div class="desc-contr">
  430.                 <h3>私にあっているアネロスはどれでしょうか？？</h3>
  431.                 <a href="{{ url('homepage') }}prostate-massagers" class="more-link">
  432.                     前立腺マッサージ器はこちら
  433.                     <span>&gt;</span>
  434.                 </a>
  435.             </div>
  436.         </div>
  437.     </div>
  440. </div>
  441. <!-- ▲メインコンテンツ -->
  442. <div class="swooth-wrapper grey-swooth">
  443. </div>