public/themes/default/index.html.twig line 1

Open in your IDE?
  1. {% extends getThemeDir('base.html.twig') %}
  2. {% block seo %}
  3.     {{ render_seo('homepage', null, app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}
  4. {% endblock %}
  5. {% block body %}
  7.     {% set sliders = getPostTypesOnTheme('slider') %}
  8.     {% if sliders|length > 0 %}
  9.         <div class="row mb-3">
  10.             <div class="col-xl-12 col-lg-12 col-12 order-1 order-lg-2">
  11.                 <section id="main-slider" class="main-slider carousel slide carousel-fade card hidden-sm"
  12.                          data-ride="carousel">
  13.                     <ol class="carousel-indicators">
  14.                         {% for key,item in sliders %}
  15.                             <li data-target="#main-slider" {% if key == 0 %} class="active" {% endif %}
  16.                                 data-slide-to="{{ key }}"></li>
  17.                         {% endfor %}
  18.                     </ol>
  19.                     <div class="carousel-inner">
  20.                         {% for key,item in sliders %}
  21.                             <div class="carousel-item {% if key == 0 %}active{% endif %}">
  22.                                 <a class="main-slider-slide" href="#"
  23.                                    style="background-image: url('{{ getPostTypeMetaOnTheme(item , 'image') }}')"></a>
  24.                             </div>
  26.                         {% endfor %}
  27.                     </div>
  28.                     <a class="carousel-control-prev" href="#main-slider" role="button" data-slide="prev">
  29.                         <i class="mdi mdi-chevron-right"></i>
  30.                     </a>
  31.                     <a class="carousel-control-next" href="#main-slider" data-slide="next">
  32.                         <i class="mdi mdi-chevron-left"></i>
  33.                     </a>
  34.                 </section>
  35.                 <section id="main-slider-res" class="main-slider carousel slide carousel-fade card d-none show-sm"
  36.                          data-ride="carousel">
  37.                     <ol class="carousel-indicators">
  38.                         {% for key,item in sliders %}
  39.                             <li data-target="#main-slider" {% if key == 0 %} class="active" {% endif %}
  40.                                 data-slide-to="{{ key }}"></li>
  41.                         {% endfor %}
  42.                     </ol>
  43.                     <div class="carousel-inner">
  44.                         {% for key,item in sliders %}
  45.                             <div class="carousel-item {% if key == 0 %}active{% endif %}">
  46.                                 <a class="main-slider-slide" href="#">
  47.                                     <img src="{{ getPostTypeMetaOnTheme(item , 'image') }}" alt=""
  48.                                          class="img-fluid">
  49.                                 </a>
  50.                             </div>
  51.                         {% endfor %}
  52.                     </div>
  53.                     <a class="carousel-control-prev" href="#main-slider-res" role="button" data-slide="prev">
  54.                         <i class="mdi mdi-chevron-right"></i>
  55.                     </a>
  56.                     <a class="carousel-control-next" href="#main-slider-res" data-slide="next">
  57.                         <i class="mdi mdi-chevron-left"></i>
  58.                     </a>
  59.                 </section>
  61.             </div>
  62.         </div>
  63.     {% endif %}
  65.     <div class="row">
  66.         <div class="col-xl-10 col-lg-12">
  67.             <section class="slider-section dt-sl mb-5">
  68.                 <div class="row mb-3">
  69.                     <div class="col-12">
  70.                         <div class="section-title text-sm-title title-wide no-after-title-wide">
  71.                             <h2>پر فروش ترینها</h2>
  72.                             <a href="{{ path('app_shop_site_products') }}">مشاهده همه</a>
  73.                         </div>
  74.                     </div>
  75.                     <div class="col-12 px-res-0">
  76.                         <div class="product-carousel carousel-md owl-carousel owl-theme">
  77.                             {% for product in getProducts({},'random') %}
  78.                                 <div class="item">
  79.                                     {% include getThemeDir('cards/single-product.html.twig') with {'product' : product} %}
  80.                                 </div>
  81.                             {% endfor %}
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </section>
  86.         </div>
  87.         <div class="col-xl-2 col-lg-3 hidden-lg pr-0">
  88.             <div class="widget-suggestion dt-sn border pt-3 mt-3">
  89.                 <div class="widget-suggestion-title">
  90.                     <img src="{{ path('app_cdn_path' , {'path' : 'base-assets/themes/default/img/theme/suggestion-title.png'}) }}"
  91.                          alt="پیشنهاد لحظه ای">
  92.                 </div>
  93.                 <div id="progressBar">
  94.                     <div class="slide-progress"></div>
  95.                 </div>
  96.                 <div id="suggestion-slider" class="owl-carousel owl-theme">
  97.                     {% for suggestion in getProducts({},'random') %}
  98.                         <div class="item">
  99.                             {% include getThemeDir('cards/single-product.html.twig') with {'product' : suggestion} %}
  100.                         </div>
  101.                     {% endfor %}
  102.                 </div>
  103.             </div>
  104.         </div>
  105.     </div>
  106.     {% set small_banners = getPostTypesOnTheme('banner') %}
  107.     {% if small_banners|length <= 2 %}
  108.         <div class="row mt-3 mb-5">
  109.             {% for key,item in small_banners|slice(0, 2) %}
  110.                 <div class="col-sm-6 col-12 mb-2">
  111.                     <div class="widget-banner">
  112.                         <a href="{{ getPostTypeMetaOnTheme(item , 'link') }}"><img
  113.                                     src="{{ getPostTypeMetaOnTheme(item , 'image') }}" alt=""></a>
  114.                     </div>
  115.                 </div>
  116.             {% endfor %}
  117.         </div>
  118.     {% endif %}
  119.     {% if small_banners|length > 2 %}
  120.         <div class="row mt-3 mb-5">
  121.             {% for key,item in small_banners|slice(2) %}
  122.                 <div class="col-md-3 col-sm-6 col-6 mb-2">
  123.                     <div class="widget-banner">
  124.                         <a href="{{ getPostTypeMetaOnTheme(item , 'link') }}"><img
  125.                                     src="{{ getPostTypeMetaOnTheme(item , 'image') }}" alt=""></a>
  126.                     </div>
  127.                 </div>
  128.             {% endfor %}
  129.         </div>
  130.     {% endif %}
  131.     <div class="row">
  132.         <div class="col-xl-12 col-lg-12">
  133.             <section class="slider-section dt-sl mb-5">
  134.                 <div class="row mb-3">
  135.                     <div class="col-12">
  136.                         <div class="section-title text-sm-title title-wide no-after-title-wide">
  137.                             <h2>آخرین محصولات</h2>
  138.                             <a href="{{ path('app_shop_site_products') }}">مشاهده همه</a>
  139.                         </div>
  140.                     </div>
  141.                     <div class="col-12 px-res-0">
  142.                         <div class="product-carousel carousel-md owl-carousel owl-theme">
  143.                             {% for product in getProducts({},'random') %}
  144.                                 <div class="item">
  145.                                     <div class="product-card mb-3 shadow-unset">
  146.                                         {#                                        <div class="product-head"> #}
  147.                                         {#                                            <div class="rating-stars"> #}
  148.                                         {#                                        {% for i in 1..5 %} #}
  149.                                         {#                                            <i class="mdi mdi-star {{ i <= suggestion.rating ? 'active' }}"></i> #}
  150.                                         {#                                        {% endfor %} #}
  151.                                         {#                                            </div> #}
  152.                                         {#                                    {% if suggestion.discount %} #}
  153.                                         {#                                        <div class="discount"><span>{{ suggestion.discount }}%</span></div> #}
  154.                                         {#                                    {% endif %} #}
  155.                                         {#                                        </div> #}
  156.                                         <a class="product-thumb"
  157.                                            href="{{ path('app_shop_site_product' , {'urlSlug' : product.urlSlug}) }}">
  158.                                             {% if product.productImages|length > 0 %}
  159.                                                 <img src="{{ product.productImages[0].imageUrl }}" alt="">
  160.                                             {% else %}
  162.                                                 <img src="{{ path('app_cdn_path' , {'path' : 'base-assets/themes/default/img/theme/default.png'}) }}"
  163.                                                      alt="">
  164.                                             {% endif %}
  165.                                         </a>
  166.                                         <div class="product-card-body">
  167.                                             <h5 class="product-title"><a
  168.                                                         href="{{ path('app_shop_site_product' , {'urlSlug' : product.urlSlug}) }}">{{ product.name }}</a>
  169.                                             </h5>
  170.                                             {% if product.category %}
  171.                                                 <a class="product-meta"
  172.                                                    href="{{ path('app_shop_site_product_category' , {'urlSlug' : product.category.urlSlug}) }}">{{ product.category.name }}</a>
  174.                                             {% endif %}
  175.                                             <span class="product-price">{{ product.displayPrice|number_format }} تومان</span>
  176.                                         </div>
  177.                                     </div>
  178.                                 </div>
  179.                             {% endfor %}
  180.                         </div>
  181.                     </div>
  182.                     <!-- End Product-Slider -->
  184.                 </div>
  185.             </section>
  186.         </div>
  187.     </div>
  188.     <div class="row mt-3 mb-5">
  189.         {% set productCategories = getProductCategories() %}
  190.         {% if productCategories|length > 0 %}
  191.             <div class="col-12">
  192.                 <div class="category-section dt-sn dt-sl border">
  193.                     <div class="category-section-title dt-sl"><h3>تنوع محصولات در دسته بندی های مختلف</h3></div>
  194.                     <div class="category-section-slider dt-sl">
  195.                         <div class="category-slider owl-carousel">
  196.                             {% for category in productCategories %}
  197.                                 <div class="item">
  198.                                     {#                                <a href="{{ path('shop_category', {'slug': category.slug}) }}" #}
  199.                                     <a href="{{ path('app_shop_site_product_category' , {'urlSlug' : category.urlSlug}) }}"
  200.                                        class="promotion-category"><img
  201.                                                 src="{{ category.imageUrl }}" alt=""><h4
  202.                                                 class="promotion-category-name">{{ category.name }}</h4><h6
  203.                                                 class="promotion-category-quantity">{{ category.products|length|number_format(0, '.', ',') }}
  204.                                             کالا</h6></a></div>
  205.                             {% endfor %}
  206.                         </div>
  207.                     </div>
  208.                 </div>
  209.             </div>
  210.         {% endif %}
  211.         {% set brands = getPostTypesOnTheme('brands') %}
  212.         {% if brands|length > 0 %}
  213.             <div class="col-12 mt-5">
  214.                 <section class="slider-section dt-sl mb-5">
  215.                     <div class="row">
  216.                         <div class="col-12">
  217.                             <div class="brand-slider carousel-lg owl-carousel owl-theme">
  219.                                 {% for item in brands %}
  220.                                     <div class="item"><img src="{{ getPostTypeMetaOnTheme(item , 'image') }}"
  221.                                                            class="img-fluid"
  222.                                                            alt="{{ getPostTypeMetaOnTheme(item , 'title') }}"></div>
  223.                                 {% endfor %}
  224.                             </div>
  225.                         </div>
  226.                     </div>
  227.                 </section>
  228.             </div>
  229.         {% endif %}
  230.     </div>
  231. {% endblock %}