templates/theme_learts/browse_levelX.html.twig line 1

Open in your IDE?
  1. {% extends 'theme_' ~ constant('config_theme') ~ '/base.html.twig' %}
  3. {% block maincontent %}
  4.     <main>
  5.         <div id="shopify-section-template--14120798879801__main" class="shopify-section">
  6.             <div class="section section-padding pt-0" data-section="collectionTemplate">
  7.                 <div class="shop-toolbar  section-fluid  border-bottom">
  8.                     <div class="container">
  9.                         <div class="row learts-mb-n20 align-items-center">
  11.                             <!-- Isotop Filter Start -->
  12.                             <div class="filter-icons col-md col-12 align-self-center learts-mb-20">
  13.                                 <div class="product-column-toggle d-none d-xl-flex">
  14.                                     <button class="toggle active hintT-top" data-target="five-column" data-hint="5 Column" data-column="5"><i class="ti-layout-grid4-alt"></i></button>
  15.                                     <button class="toggle hintT-top" data-target="four-column" data-hint="4 Column" data-column="4"><i class="ti-layout-grid3-alt"></i></button>
  16.                                     <button class="toggle hintT-top" data-target="three-column" data-hint="3 Column" data-column="3"><i class="ti-layout-grid2-alt"></i></button>
  17.                                     <button class="toggle hintT-top" data-target="grid-list" data-hint="List View" data-column="1"><i class="ti-view-list-alt"></i></button>
  18.                                 </div>
  19.                             </div>
  20.                             <!-- Isotop Filter End -->
  22.                             <div class="col-md-auto col-12 learts-mb-20">
  23.                                 <ul class="shop-toolbar-controls shopbar_right_info">
  24.                                     <li class="product-sorting single-icon filter-dropdown d-none d-sm-block">
  25.                                         <label for="SortBy">Sort by: </label>
  26.                                         <select class="sorting-nice-select" name="SortBy" id="SortBy">
  27.                                             <option value="manual">Featured</option>
  28.                                             <option value="best-selling">Best Selling</option>
  29.                                             <option value="title-ascending">Alphabetically, A-Z</option>
  30.                                             <option value="title-descending">Alphabetically, Z-A</option>
  31.                                             <option value="price-ascending">Price, low to high</option>
  32.                                             <option value="price-descending">Price, high to low</option>
  33.                                             <option value="created-descending">Date, new to old</option>
  34.                                             <option value="created-ascending">Date, old to new</option>
  35.                                         </select>
  36.                                     </li>
  37.                                     <li class="single-icon advance-filter-icon d-lg-none">
  38.                                         <a class="product-filter-toggle" href="#product-filter" id="advance-filter-active-btn"><i class="ion-android-funnel"></i> Filters</a>
  39.                                     </li>
  40.                                 </ul>
  41.                             </div>
  43.                             <div class="section learts-mt-70 section-fluid">
  44.                                 <div class="container">
  45.                                     <div class="row">
  46.                                         <div class="col-lg-12 col-12 learts-mb-50 order-lg-2">
  47.                                             <div id="Huratips-Loop" class="products  row row-cols-xl-5 row-cols-md-3 row-cols-sm-2 row-cols-1 shop-product-wrap five-column">
  48.                                                 {% for f in files %}
  49.                                                     <div class="col-12 col-sm-6 col-lg-4 col-md-6 col-sm-6 mb-45grid-item col">
  50.                                                         <div class="col">
  51.                                                             <div class="product">
  52.                                                                 <div class="product-thumb">
  53.                                                                     <a href="/Produkt/{{ f.id }}" class="image">
  54. {#                                                                        <span class="product-badges">#}
  55. {#                                                                            <span class="onsale">-13%</span>#}
  56. {#                                                                        </span>#}
  57.                                                                         <img src="/previewimages/{{ f.previewimage }}" alt="Product Image">
  58.                                                                     </a>
  59.                                                                     <a href="javascript:" class="add-to-wishlist hintT-left" data-hint="Add to wishlist"><i class="far fa-heart"></i></a>
  60.                                                                 </div>
  61.                                                                 <div class="product-info">
  62.                                                                     <h6 class="title"><a href="product-details.html">{{ f.name }}</a></h6>
  63. {#                                                                    <span class="price">#}
  64. {#                                                                        <span class="old">$45.00</span>#}
  65. {#                                                                        <span class="new">$39.00</span>#}
  66. {#                                                                    </span>#}
  67. {#                                                                    <div class="product-buttons">#}
  68. {#                                                                        <a href="#" class="product-button hintT-top" data-hint="Legg i handlekurv"><i class="fal fa-shopping-cart"></i></a>#}
  69. {#                                                                    </div>#}
  70.                                                                 </div>
  71.                                                             </div>
  72.                                                         </div>
  73.                                                     </div>
  74.                                                 {% endfor %}
  75.                                             </div>
  76.                                             <div id="Huratips-Pagination" class="text-center learts-mt-70">
  77.                                             </div>
  78.                                         </div>
  79.                                     </div>
  80.                                 </div>
  81.                             </div>
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </div>
  88.     </main>
  90. {% endblock %}