templates/ecom/store.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">
  4.     <div class="row">
  5.       <div class="col-lg-3">
  6.         <select class="form-select rounded-pill py-3 px-3 shadow-none border-0 fs-5 bg-transparent fw-bold mb-3" id="">
  7.           <option selected>Select a City</option>
  8.           {% for c in ecomvariables.cities() %}
  9.           <option value="{{ c.id }}">{{ c.name }}</option>
  10.           {% endfor %}
  11.         </select>
  12.       </div>
  13.     </div>
  14.   </div>
  15.   <div class="container-fluid px-5 mt-5">
  16.     <div class="row">
  17.       <div class="col-lg-12">
  18.         <h1 class="fw-bolder">Nick Tahoes <span class="small">/ Men’s Apparel</span></h1>
  19.         <h6>Explore Nick Tahoes products</h6>
  20.       </div>
  21.     </div>
  22.     <div class="row pb-4">
  23.       {% for k, product in products %}
  24.         {% if product.path is not empty %}
  25.         <div class="col-lg-3 mt-4"> <a href="{{ path('sajong_ecom_product_details', {'path':product.path })}}">
  26.           <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset(product.image) }}" alt="" class="img-fluid"> </div>
  27.           <h6 class="fw-bold mb-3 mt-3">{{ product.title }}</h6>
  28.           <h6 class="fw-bold mb-4">$ {{ (product.price/100)|number_format(2) }}</h6>  
  29.           </a> 
  30.         </div>
  31.         {% endif %}
  32.       {% endfor %}
  33.       <div class="col-lg-3 mt-4"> <a href="#">
  34.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt1.jpg" alt="" class="img-fluid"> </div>
  35.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  36.         <h6 class="fw-bold mb-4">$55.00</h6>  
  37.         </a> 
  38.       </div>
  39.       <div class="col-lg-3 mt-4"> <a href="#0">
  40.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt2.jpg" alt="" class="img-fluid"> </div>
  41.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  42.         <h6 class="fw-bold mb-4">$55.00</h6>
  43.         </a> </div>
  44.       <div class="col-lg-3 mt-4"> <a href="#0">
  45.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt3.jpg" alt="" class="img-fluid"> </div>
  46.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  47.         <h6 class="fw-bold mb-4">$55.00</h6>
  48.         </a> </div>
  49.       <div class="col-lg-3 mt-4"> <a href="#0">
  50.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt4.jpg" alt="" class="img-fluid"> </div>
  51.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  52.         <h6 class="fw-bold mb-4">$55.00</h6>
  53.         </a> </div>
  54.         <div class="col-lg-3 mt-4"> <a href="#0">
  55.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt1.jpg" alt="" class="img-fluid"> </div>
  56.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  57.         <h6 class="fw-bold mb-4">$55.00</h6>  
  58.         </a> </div>
  59.       <div class="col-lg-3 mt-4"> <a href="#0">
  60.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt2.jpg" alt="" class="img-fluid"> </div>
  61.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  62.         <h6 class="fw-bold mb-4">$55.00</h6>
  63.         </a> </div>
  64.       <div class="col-lg-3 mt-4"> <a href="#0">
  65.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt3.jpg" alt="" class="img-fluid"> </div>
  66.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  67.         <h6 class="fw-bold mb-4">$55.00</h6>
  68.         </a> </div>
  69.       <div class="col-lg-3 mt-4"> <a href="#0">
  70.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt4.jpg" alt="" class="img-fluid"> </div>
  71.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  72.         <h6 class="fw-bold mb-4">$55.00</h6>
  73.         </a> </div>
  74.         <div class="col-lg-3 mt-4"> <a href="#0">
  75.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt1.jpg" alt="" class="img-fluid"> </div>
  76.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  77.         <h6 class="fw-bold mb-4">$55.00</h6>  
  78.         </a> </div>
  79.       <div class="col-lg-3 mt-4"> <a href="#0">
  80.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt2.jpg" alt="" class="img-fluid"> </div>
  81.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  82.         <h6 class="fw-bold mb-4">$55.00</h6>
  83.         </a> </div>
  84.       <div class="col-lg-3 mt-4"> <a href="#0">
  85.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt3.jpg" alt="" class="img-fluid"> </div>
  86.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  87.         <h6 class="fw-bold mb-4">$55.00</h6>
  88.         </a> </div>
  89.       <div class="col-lg-3 mt-4"> <a href="#0">
  90.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="img/pdt4.jpg" alt="" class="img-fluid"> </div>
  91.         <h6 class="fw-bold mb-3 mt-3">Lorem ipsum</h6>
  92.         <h6 class="fw-bold mb-4">$55.00</h6>
  93.         </a> </div>
  94.       
  95.     </div>
  96.       <div class="row mb-5">
  97.       <div class="col-md-12 text-center mb-2"> <button type="button" class="btn bg-secondary text-white px-4 py-3 rounded-pill">Load More</button> </div>
  98.     </div>
  99.   </div>
  100. {% endblock %}