templates/ecom/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.   <div class="container-fluid main-holder px-5 bg-light home-banner-holder">
  4.     <div class="row">
  5.       <div class="col-lg-5 ps-4 mb-4">
  6.         <p class="fs-5">{{ ecomvariables.textcontent('home_header_text')|raw()    }}</p>
  7.         {{ ecomvariables.textcontent('home_header_heading')|raw()    }}
  8.       </div>
  9.       <div class="col-lg-6 offset-lg-1">
  10.         <h6>Most Popular Cities</h6>
  11.         <ul class="list-unstyled list-inline pb-4">
  12.           {% for k, c in ecomvariables.cities() %}
  13.             {% if k<10 %}
  14.             <a href="{{ path('sajong_ecom_city_brands', {'city': c.name }) }}">
  15.               <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">{{ c.name }}</li>
  16.             </a> 
  17.             {% endif %}
  18.           {% endfor %}
  19.         </ul>
  20.         <form>
  21.           <div class="row">
  22.             <div class="col-md-6 position-relative mb-3"> <i data-feather="search" class="iconsize position-absolute search-icon"></i>
  23.               <input class="form-control border rounded-pill py-3 px-3 ps-5 shadow-none" type="text" id="" placeholder="Search for your City or Brand">
  24.             </div>
  25.             <div class="col-md-6">
  26.               <select class="home-select form-select rounded-pill py-3 px-3 bg-secondary text-white border-secondary shadow-none" id="citydropdown" onchange="city_select(this)">
  27.                 <option selected>Select a City</option>
  28.                 {% for c in ecomvariables.cities() %}
  29.                 <option value="{{ c.id }}" {% if (c.name == app.session.get('mycity')) %}selected{% endif %}>{{ c.name }}</option>
  30.                 {% endfor %}
  31.               </select>
  32.             </div>
  33.           </div>
  34.         </form>
  35.       </div>
  36.     </div>
  37.   </div>
  38.   <div class="container-fluid px-5">
  39.     <div class="home-img"><img src="{{ asset('uploads/contents/' ~ ecomvariables.imagecontent('home_top_banner').images[0].image)    }}" class="img-fluid" alt=""></div>
  40.   </div>
  41.   <div class="container-fluid px-5 hm-slogan">
  42.     <div class="row">
  43.       <div class="col-lg-6 offset-lg-1 fs-4 ">
  44.         <div class="border-start border-primary border-3 ps-4"><span class="fw-semibold">{{ ecomvariables.textcontent('home_banner_text')|raw()    }}</div>
  45.       </div>
  46.     </div>
  47.   </div>
  48.   <div class="container-fluid px-5">
  49.     <div class="row mt-5 pt-5 pb-4">
  50.       <div class="col-lg-12">
  51.         <h4 class="fw-semibold">Popular Brands / Shops</h4>
  52.       </div>
  53.       {% for b in ecomvariables.brands() %}
  54.       <div class="col-lg-4 mt-4"> <a href="{{ path('sajong_ecom_brand_categories', {'brand':b.title~'_'~b.id }) }}">
  55.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('uploads/brand/' ~ b.image) }}" alt="" class="img-fluid"> </div>
  56.         <h5 class="fw-bold mt-3 mb-4">{{ b.title }}<p class=""><small class="text-primary">{{ ecomvariables.brandcity(b.city).name }}, {{ecomvariables.brandcity(b.city).state }}</small></p></h5>
  57.         </a> 
  58.       </div>
  59.       {% endfor %}
  60.     </div>
  61.     <div class="row mt-5">
  62.       <div class="col-md-12 text-center"> <a href="{{ path('sajong_ecom_brand_request') }}" class="bg-secondary text-white px-4 py-4 rounded-pill">Request a Brand</a> </div>
  63.     </div>
  64.   </div>
  65.   <div class="container mt-5 pt-5">
  66.     <div class="row">
  67.       <div class="col-lg-4 mt-2 mb-4  offset-lg-1">
  68.         <h2 class="fw-bold mb-4">{{ ecomvariables.textcontent('home_about_heading')|raw()    }}</h2>
  69.         <p class="mb-5 fs-5">{{ ecomvariables.textcontent('home_about_text')|raw()    }}</p>
  70.         <a href="{{ path('sajong_ecom_about') }}" class="bg-secondary text-white px-4 py-4 rounded-pill d-inline-block">Read our story</a> </div>
  71.       <div class="col-lg-6"><img src="{{ asset('uploads/contents/' ~ ecomvariables.imagecontent('home_about_image').images[0].image)    }}" class="img-fluid" alt=""></div>
  72.     </div>
  73.   </div>  
  74. {% endblock %}