public/themes/default/product/tabs.html.twig line 1

Open in your IDE?
  1. <section class="tabs-product-info mb-3 dt-sl">
  2.     <div class="ah-tab-wrapper border-bottom dt-sl">
  3.         <div class="ah-tab dt-sl">
  4.             <a class="ah-tab-item" data-ah-tab-active="true" href="">
  5.                 <i class="mdi mdi-glasses"></i>نقد و بررسی</a>
  6.             {#                        <a class="ah-tab-item" href=""> #}
  7.             {#                            <i class="mdi mdi-format-list-checks"></i>مشخصات</a> #}
  8.             <a class="ah-tab-item" href="">
  9.                 <i class="mdi mdi-comment-text-multiple-outline"></i>نظرات کاربران</a>
  10.         </div>
  11.     </div>
  12.     <div class="ah-tab-content-wrapper product-info px-4 dt-sl">
  13.         <div class="ah-tab-content dt-sl" data-ah-tab-active="true">
  14.             <div class="section-title text-sm-title title-wide no-after-title-wide mb-0 dt-sl">
  15.                 <h2>توضیحات</h2>
  16.             </div>
  17.             <div class="product-title dt-sl">
  18.                 <h1>{{ product.name }}
  19.                 </h1>
  20.                 <h3>{{ product.subName }}</h3>
  21.             </div>
  22.             <div class="description-product dt-sl mt-3 mb-3">
  23.                 <div class="container">
  24.                     {{ product.description|raw }}
  25.                 </div>
  26.             </div>
  27.         </div>
  28.         {#                    <div class="ah-tab-content params dt-sl"> #}
  29.         {#                        <div class="section-title text-sm-title title-wide no-after-title-wide mb-0 dt-sl"> #}
  30.         {#                            <h2>مشخصات فنی</h2> #}
  31.         {#                        </div> #}
  32.         {#                        <div class="product-title dt-sl mb-3"> #}
  33.         {#                            <h1>گوشی موبایل سامسونگ مدل Galaxy A50 SM-A505F/DS دو سیم کارت ظرفیت 128گیگابایت #}
  34.         {#                            </h1> #}
  35.         {#                            <h3>Samsung Galaxy A50 SM-A505F/DS Dual SIM 128GB Mobile Phone</h3> #}
  36.         {#                        </div> #}
  37.         {#                        <section> #}
  38.         {#                            <h3 class="params-title">مشخصات کلی</h3> #}
  39.         {#                            <ul class="params-list"> #}
  40.         {#                                <li> #}
  41.         {#                                    <div class="params-list-key"> #}
  42.         {#                                        <span class="d-block">ابعاد</span> #}
  43.         {#                                    </div> #}
  44.         {#                                    <div class="params-list-value"> #}
  45.         {#                                                <span class="d-block"> #}
  46.         {#                                                    7.7 × 70.9 × 143.6 میلی‌متر #}
  47.         {#                                                </span> #}
  48.         {#                                    </div> #}
  49.         {#                                    <div class="params-list-value"> #}
  50.         {#                                                <span class="d-block"> #}
  51.         {#                                                    7.7 × 70.9 × 143.6 میلی‌متر #}
  52.         {#                                                </span> #}
  53.         {#                                    </div> #}
  54.         {#                                    <div class="params-list-value"> #}
  55.         {#                                                <span class="d-block"> #}
  56.         {#                                                    7.7 × 70.9 × 143.6 میلی‌متر #}
  57.         {#                                                </span> #}
  58.         {#                                    </div> #}
  59.         {#                                </li> #}
  60.         {#                                <li> #}
  61.         {#                                    <div class="params-list-key"> #}
  62.         {#                                        <span class="d-block">توضیحات سیم کارت</span> #}
  63.         {#                                    </div> #}
  64.         {#                                    <div class="params-list-value"> #}
  65.         {#                                                <span class="d-block"> #}
  66.         {#                                                    سایز نانو (8.8 × 12.3 میلی‌متر) #}
  67.         {#                                                </span> #}
  68.         {#                                    </div> #}
  69.         {#                                </li> #}
  70.         {#                                <li> #}
  71.         {#                                    <div class="params-list-key"> #}
  72.         {#                                        <span class="d-block">وزن</span> #}
  73.         {#                                    </div> #}
  74.         {#                                    <div class="params-list-value"> #}
  75.         {#                                                <span class="d-block"> #}
  76.         {#                                                    174 گرم #}
  77.         {#                                                </span> #}
  78.         {#                                    </div> #}
  79.         {#                                </li> #}
  80.         {#                                <li> #}
  81.         {#                                    <div class="params-list-key"> #}
  82.         {#                                        <span class="d-block">ویژگی‌های خاص</span> #}
  83.         {#                                    </div> #}
  84.         {#                                    <div class="params-list-value"> #}
  85.         {#                                                <span class="d-block"> #}
  86.         {#                                                    مقاوم در برابر آب , مناسب عکاسی , مناسب عکاسی #}
  87.         {#                                                    سلفی , مناسب بازی , مجهز به حس‌گر تشخیص چهره #}
  88.         {#                                                </span> #}
  89.         {#                                    </div> #}
  90.         {#                                </li> #}
  91.         {#                                <li> #}
  92.         {#                                    <div class="params-list-key"> #}
  93.         {#                                        <span class="d-block">تعداد سیم کارت</span> #}
  94.         {#                                    </div> #}
  95.         {#                                    <div class="params-list-value"> #}
  96.         {#                                                <span class="d-block"> #}
  97.         {#                                                    تک سیم کارت #}
  98.         {#                                                </span> #}
  99.         {#                                    </div> #}
  100.         {#                                </li> #}
  101.         {#                            </ul> #}
  102.         {#                        </section> #}
  103.         {#                        <section> #}
  104.         {#                            <h3 class="params-title">پردازنده</h3> #}
  105.         {#                            <ul class="params-list"> #}
  106.         {#                                <li> #}
  107.         {#                                    <div class="params-list-key"> #}
  108.         {#                                        <span class="d-block">تراشه</span> #}
  109.         {#                                    </div> #}
  110.         {#                                    <div class="params-list-value"> #}
  111.         {#                                                <span class="d-block"> #}
  112.         {#                                                    Apple A11 Bionic Chipset #}
  113.         {#                                                </span> #}
  114.         {#                                    </div> #}
  115.         {#                                </li> #}
  116.         {#                                <li> #}
  117.         {#                                    <div class="params-list-key"> #}
  118.         {#                                        <span class="d-block">نوع پردازنده</span> #}
  119.         {#                                    </div> #}
  120.         {#                                    <div class="params-list-value"> #}
  121.         {#                                                <span class="d-block"> #}
  122.         {#                                                    64 بیت #}
  123.         {#                                                </span> #}
  124.         {#                                    </div> #}
  125.         {#                                </li> #}
  126.         {#                            </ul> #}
  127.         {#                        </section> #}
  128.         {#                    </div> #}
  129.         <div class="ah-tab-content comments-tab dt-sl">
  130.             <div class="dt-sl">
  131.                 {% include  getThemeDir('product/comment-form.html.twig') with {'reviewForm' : reviewForm} %}
  132.                 <div class="comments-area dt-sl">
  133.                     <div class="section-title text-sm-title title-wide no-after-title-wide mb-0 dt-sl">
  134.                         <h2>نظرات کاربران</h2>
  135.                         <p class="count-comment">{{ comments|length}} نظر</p>
  136.                     </div>
  137.                     <ol class="comment-list">
  138.                         {% for comment in comments %}
  139.                             <li>
  140.                                 <div class="comment-body">
  141.                                     <div class="row">
  142.                                         <div class="col-md-3 col-sm-12">
  143.                                             {% if comment.recommend %}
  144.                                                 <div class="text-success">
  145.                                                     خرید این محصول را توصیه می‌کنم
  146.                                                 </div>
  147.                                                 {% else %}
  148.                                                     <div class="text-danger">
  149.                                                         خرید این محصول را توصیه نمی‌کنم
  150.                                                     </div>
  151.                                             {% endif %}
  152.                                         </div>
  153.                                         <div class="col-md-9 col-sm-12 comment-content">
  154.                                             <div class="comment-author">
  155.                                                 توسط
  156.                                                 {{ comment.author }}
  157.                                                  در تاریخ
  158.                                                 {{ comment.createdAt|persianDate }}
  159.                                             </div>
  160.                                             <p>{{ comment.content }}</p>
  161.                                             {% if comment.productReviewReplies|length > 0 %}
  162.                                                 {% for reply in comment.productReviewReplies %}
  163.                                                     <div class="alert alert-primary">
  164.                                                         <p>
  165.                                                             پاسخ مدیریت :
  166.                                                             <br>
  167.                                                             {{ reply.content }}
  168.                                                         </p>
  169.                                                     </div>
  170.                                                 {% endfor %}
  171.                                             {% endif %}
  172.                                             <div class="footer">
  173.                                                 {% set votest = 0 %}
  174.                                                 {% for vote in comment.productReviewVotes %}
  175.                                                     {% set votest = votest + 1 %}
  176.                                                 {% endfor %}
  177.                                                 <div class="comments-likes">
  178.                                                     آیا این نظر برایتان مفید بود؟
  179.                                                     <button class="btn-like" data-counter="{{ votest }}">بله
  180.                                                     </button>
  181.                                                 </div>
  182.                                             </div>
  183.                                         </div>
  184.                                     </div>
  185.                                 </div>
  186.                             </li>
  187.                         {% endfor %}
  188.                     </ol>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.     </div>
  193. </section>