first commit
This commit is contained in:
maher
@@ -0,0 +1,57 @@
|
||||
<!-- ============================================== FEATURED PRODUCTS ============================================== -->
|
||||
<section class="section new-arriavls outer-bottom">
|
||||
<h3 class="section-title">Featured Products</h3>
|
||||
<div class="owl-carousel home-owl-carousel custom-carousel owl-theme outer-top-xs">
|
||||
|
||||
|
||||
{% for annonce in showAnnonce.annonces %}
|
||||
|
||||
<div class="item item-carousel">
|
||||
<div class="products">
|
||||
<div class="product">
|
||||
<div class="product-image">
|
||||
<div class="image">
|
||||
<a href="{{ path('frontend_annonce_detail', {id:annonce.getId()} ) }}">
|
||||
<img src="{{ asset('uploads/images/annonces/' ~ annonce.getImageHome()) }}" alt="{{ annonce.getTitre() }}">
|
||||
<img src="{{ asset('uploads/images/annonces/' ~ annonce.getImageSearch()) }}" alt="{{ annonce.getTitre() }}" class="hover-image">
|
||||
</a>
|
||||
</div>
|
||||
<!-- /.image -->
|
||||
<div class="tag new"><span>new</span></div>
|
||||
</div>
|
||||
<!-- /.product-image -->
|
||||
<div class="product-info text-left">
|
||||
<h3 class="name"><a href="{{ path('frontend_annonce_detail', {id:annonce.getId()} ) }}">{{ annonce.getTitre() }}</a></h3>
|
||||
<div class="rating rateit-small"></div>
|
||||
<div class="description"></div>
|
||||
<div class="product-price"> <span class="price"> {{ annonce.getPrixPromo() }} </span> <span class="price-before-discount">{{ annonce.getPrixMarche() }}</span> </div>
|
||||
<!-- /.product-price -->
|
||||
</div>
|
||||
<!-- /.product-info -->
|
||||
<div class="cart clearfix animate-effect">
|
||||
<div class="action">
|
||||
<ul class="list-unstyled">
|
||||
<li class="add-cart-button btn-group">
|
||||
<button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>
|
||||
<button class="btn btn-primary cart-btn" type="button">Add to cart</button>
|
||||
</li>
|
||||
<li class="lnk wishlist"> <a class="add-to-cart" href="detail.html" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>
|
||||
<li class="lnk"> <a class="add-to-cart" href="detail.html" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.action -->
|
||||
</div>
|
||||
<!-- /.cart -->
|
||||
</div>
|
||||
<!-- /.product -->
|
||||
</div>
|
||||
<!-- /.products -->
|
||||
</div>
|
||||
<!-- /.item -->
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
<!-- /.home-owl-carousel -->
|
||||
</section>
|
||||
<!-- /.section -->
|
||||
<!-- ============================================== FEATURED PRODUCTS : END ============================================== -->
|
||||
41
templates/frontend/home/include/blocUniquePromo.html.twig
Normal file
41
templates/frontend/home/include/blocUniquePromo.html.twig
Normal file
@@ -0,0 +1,41 @@
|
||||
{% if promo['type'] == 'annonce' %}
|
||||
<div class="wide-banner cnt-strip">
|
||||
<a href="{{ path('frontend_annonce_detail', {id:promo['id']} ) }}">
|
||||
<div class="image">
|
||||
<img class="img-responsive" src="{{ asset('uploads/images/annonces/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% elseif promo['type'] == 'article' %}
|
||||
<div class="wide-banner cnt-strip">
|
||||
{% if app.user %}
|
||||
<a href="{{ path('frontend_article_detail', {id:promo['id']} ) }}">
|
||||
<div class="image">
|
||||
<img class="img-responsive" src="{{ asset('uploads/images/articles/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
|
||||
</div>
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="#" data-toggle="modal" data-target="#visitorCnx">
|
||||
<div class="image">
|
||||
<img class="img-responsive" src="{{ asset('uploads/images/articles/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
|
||||
</div>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% elseif promo['type']== 'service' %}
|
||||
<div class="wide-banner cnt-strip">
|
||||
{% if app.user %}
|
||||
<a href="{{ path('frontend_service_detail', {id:promo['id']} ) }}">
|
||||
<div class="image">
|
||||
<img class="img-responsive" src="{{ asset('uploads/images/services/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
|
||||
</div>
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="#" data-toggle="modal" data-target="#visitorCnx">
|
||||
<div class="image">
|
||||
<img class="img-responsive" src="{{ asset('uploads/images/services/' ~ promo['img'] ) }}" alt="{{ promo['title'] }}">
|
||||
</div>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
65
templates/frontend/home/include/categorie.html.twig
Normal file
65
templates/frontend/home/include/categorie.html.twig
Normal file
@@ -0,0 +1,65 @@
|
||||
<!-- ============================================== SIDEBAR ============================================== -->
|
||||
<div class="col-xs-12 col-sm-12 col-md-3 sidebar">
|
||||
|
||||
<!-- ================================== TOP NAVIGATION ================================== -->
|
||||
<div class="side-menu animate-dropdown outer-bottom-xs">
|
||||
<div class="head">
|
||||
<i class="icon fa fa-align-justify fa-fw"></i> Catégories
|
||||
</div>
|
||||
|
||||
<nav class="yamm megamenu-horizontal">
|
||||
<ul class="nav">
|
||||
{% for groupe in groupes %}
|
||||
<li class="dropdown menu-item"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<i class="icon {{ groupe.getIconFontawesome() }}" aria-hidden="true"></i>{{ groupe.getNom() }}</a>
|
||||
<ul class="dropdown-menu mega-menu">
|
||||
<li class="yamm-content">
|
||||
<div class="row">
|
||||
|
||||
{% set categories = groupe.getCategories() %}
|
||||
{% set length = categories|length %}
|
||||
{% if length is divisible by(8) %}
|
||||
{% set nbrBloc = length % 8 %}
|
||||
{% else %}
|
||||
{% set nbrBloc = (length % 8) + 1 %}
|
||||
{% endif %}
|
||||
{% set starCate = 0 %}
|
||||
{% set endCate = 10 %}
|
||||
{% for i in 1..nbrBloc %}
|
||||
|
||||
{% set endCate = i * 10 %}
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<ul class="links list-unstyled">
|
||||
{% for j in starCate..endCate %}
|
||||
{% if categories[j] is defined %}
|
||||
<li><a href="{{ path('frontend_search_categorie', {id:categories[j].getId()} ) }}">{{ categories[j].getNom() }}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% set starCate = endCate + 1 %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
{% if groupe.getImage() %}
|
||||
<div class="dropdown-banner-holder">
|
||||
<img alt="" src="{{ asset('uploads/images/groupes/' ~ groupe.getImage() ) }}" />
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
<!-- /.nav -->
|
||||
</nav>
|
||||
|
||||
<!-- /.megamenu-horizontal -->
|
||||
</div>
|
||||
|
||||
<!-- /.side-menu -->
|
||||
<!-- ================================== TOP NAVIGATION : END ================================== -->
|
||||
</div>
|
||||
|
||||
36
templates/frontend/home/include/homebanner.html.twig
Normal file
36
templates/frontend/home/include/homebanner.html.twig
Normal file
@@ -0,0 +1,36 @@
|
||||
<div class="col-xs-12 col-sm-12 col-md-9 homebanner-holder">
|
||||
<!-- ========================================== SECTION – HERO ========================================= -->
|
||||
<div id="hero">
|
||||
<div id="owl-main" class="owl-carousel owl-inner-nav owl-ui-sm">
|
||||
<div class="item" style="background-image: url({{ asset('images/font/sliders/01.jpg') }}">
|
||||
<div class="container-fluid">
|
||||
<div class="caption bg-color vertical-center text-left">
|
||||
<div class="slider-header fadeInDown-1">Top Brands</div>
|
||||
<div class="big-text fadeInDown-1"> New Collections </div>
|
||||
<div class="excerpt fadeInDown-2 hidden-xs"> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span> </div>
|
||||
<div class="button-holder fadeInDown-3"> <a href="index6c11.html?page=single-product" class="btn-lg btn btn-uppercase btn-primary shop-now-button">Shop Now</a> </div>
|
||||
</div>
|
||||
<!-- /.caption -->
|
||||
</div>
|
||||
<!-- /.container-fluid -->
|
||||
</div>
|
||||
<!-- /.item -->
|
||||
|
||||
<div class="item" style="background-image: url({{ asset('images/font/sliders/02.jpg') }}">
|
||||
<div class="container-fluid">
|
||||
<div class="caption bg-color vertical-center text-left">
|
||||
<div class="slider-header fadeInDown-1">Spring 2018</div>
|
||||
<div class="big-text fadeInDown-1"> Women Fashion </div>
|
||||
<div class="excerpt fadeInDown-2 hidden-xs"> <span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit</span> </div>
|
||||
<div class="button-holder fadeInDown-3"> <a href="index6c11.html?page=single-product" class="btn-lg btn btn-uppercase btn-primary shop-now-button">Shop Now</a> </div>
|
||||
</div>
|
||||
<!-- /.caption -->
|
||||
</div>
|
||||
<!-- /.container-fluid -->
|
||||
</div>
|
||||
<!-- /.item -->
|
||||
|
||||
</div>
|
||||
<!-- /.owl-carousel -->
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user