templates/home/product-sidebar.html.twig line 1

Open in your IDE?
  2. {% extends 'layout/app.html.twig' %}
  4. {% block title %}YEYETO:: Products{% endblock %}
  6. {% block body %}
  7.     <!--breadcrumbs area start-->
  8.     <div class="breadcrumbs_area">
  9.         <div class="container">
  10.             <div class="row">
  11.                 <div class="col-12">
  12.                     <div class="breadcrumb_content">
  13.                         <ul>
  14.                             <li><a href="/">{{ 'app.cart.home'|trans }}</a></li>
  15.                             <li>{{ 'app.default.product_details'|trans }}</li>
  16.                         </ul>
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </div>
  22.     <!--breadcrumbs area end-->
  23. {% if converter == "USD" %}
  25.     {%  set currency_symbol = "$" %}
  26.         
  27. {% elseif converter =='GBP' %}
  29.     {%  set currency_symbol = "£" %}
  31. {% elseif converter =='CAD' %}
  33.     {%  set currency_symbol = "c$"  %}
  35. {% elseif converter =='XAF' %}
  37.     {%  set currency_symbol = "FCFA"  %}
  39. {% else %}
  41.     {%  set currency_symbol = "€"  %}
  43. {% endif %}
  46.     <div class="product_page_bg">
  47.         <div class="container">
  48.             <div class="product_sidebar">
  49.                 <div class="row">
  50.                     <div class="col-lg-3 col-md-12">
  51.                         <!--sidebar widget start-->
  52.                         <aside class="sidebar_widget">
  53.                             <div class="widget_list widget_categories">
  54.                                 <h3>{{ 'app.default.product_categories'|trans }} </h3>
  55.                                  
  56.                                   <ul>
  57.                                 
  58.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-coffee" aria-hidden="true"></i> {{ 'app.head.petit_dejeuner'|trans }}</a>
  59.                                     <ul class="widget_dropdown_categories">
  60.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/1">{{ 'app.head.lait'|trans }}</a></li>
  61.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/2">{{ 'app.head.cafe'|trans }}</a></li>
  62.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/3">{{ 'app.head.the'|trans }}</a></li>
  63.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/4">{{ 'app.head.pate_tartiner'|trans }}</a></li>
  64.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/5">{{ 'app.head.fromage'|trans }}</a></li>
  65.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/6">{{ 'app.head.oeuf'|trans }}</a></li>
  66.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/7">{{ 'app.head.yaourt'|trans }}</a></li>
  67.                                     </ul>
  68.                                 </li>
  69.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-child" aria-hidden="true"></i> {{ 'app.head.baby'|trans }} </a>
  70.                                     <ul class="widget_dropdown_categories">
  71.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/13/1">{{ 'app.head.lait'|trans }}</a></li>
  72.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/13/2">{{ 'app.head.cereales'|trans }}</a></li>
  73.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/13/3">{{ 'app.head.couches'|trans }}</a></li>
  74.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/13/4">{{ 'app.head.lingettes'|trans }}</a></li>
  75.                                         
  76.                                     </ul>
  77.                                 </li>
  78.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-glass" aria-hidden="true"></i> {{ 'app.head.boissons'|trans }} </a>
  79.                                     <ul class="widget_dropdown_categories">
  80.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/4/1">{{ 'app.head.eau'|trans }}</a></li>
  81.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/4/2">{{ 'app.head.jus_naturel'|trans }}</a></li>
  82.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/4/3">{{ 'app.head.boissons_gazeuses'|trans }}</a></li>
  83.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/4/4">{{ 'app.head.sirops'|trans }}</a></li>
  84.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/4/5">{{ 'app.head.vin_spiritueux'|trans }}</a></li>
  85.                                     </ul>
  86.                                 </li>
  87.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-apple" aria-hidden="true"></i> {{ 'app.head.fruits_legumes'|trans }}</a>
  88.                                     <ul class="widget_dropdown_categories">
  89.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/3/1">{{ 'app.head.fruits'|trans }}</a></li>
  90.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/3/2">{{ 'app.head.legumes'|trans }}</a></li>                                     
  91.                                     </ul>
  92.                                 </li>
  93.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-asterisk" aria-hidden="true"></i>  {{ 'app.head.boucherie_poissonerie'|trans }}  </a>
  94.                     
  95.                                     <ul class="widget_dropdown_categories">                       
  96.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/10/1">{{ 'app.head.crustace'|trans }}</a></li>
  97.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/10/2">{{ 'app.head.poisson'|trans }}</a></li>
  98.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/10/3">{{ 'app.head.viandes'|trans }}</a></li>
  99.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/10/4">{{ 'app.head.volaille'|trans }}</a></li>
  100.                                     </ul>
  101.                                 </li>
  102.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-eyedropper" aria-hidden="true"></i> {{ 'app.head.assaisonnement'|trans }} </a>
  103.                                     <ul class="widget_dropdown_categories">
  104.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/11/1">{{ 'app.head.aromates'|trans }}</a></li>
  105.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/11/2">{{ 'app.head.condiments'|trans }}</a></li>
  106.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/11/3">{{ 'app.head.epices'|trans }}</a></li>
  107.                     
  108.                                     </ul>
  109.                                 </li>
  110.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-tree" aria-hidden="true"></i> {{ 'app.head.tubercules_feculents'|trans }}</a>
  111.                                     <ul class="widget_dropdown_categories">
  112.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/12/1">{{ 'app.head.graines'|trans }}</a></li>
  113.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/12/2">{{ 'app.head.tubercules'|trans }}</a></li>
  114.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/12/3">{{ 'app.head.farines'|trans }}</a></li>                                     
  115.                                     </ul>
  116.                                 </li>
  117.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-birthday-cake" aria-hidden="true"></i> {{ 'app.head.epiceries'|trans }}</a>
  118.                                     <ul class="widget_dropdown_categories">
  119.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/15/1">{{ 'app.head.conserves'|trans }}</a></li>
  120.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/15/2">{{ 'app.head.pates_riz'|trans }}</a></li>
  121.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/15/3">{{ 'app.head.huiles'|trans }}</a></li>
  122.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/15/4">{{ 'app.head.sucres'|trans }}</a></li>
  123.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/15/5">{{ 'app.head.confiseries'|trans }}</a></li>
  124.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/15/6">{{ 'app.head.biscuits'|trans }}</a></li>
  125.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/15/7">{{ 'app.head.chocolats'|trans }}</a></li>
  126.                                     </ul>
  127.                                 </li>
  128.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-building" aria-hidden="true"></i> {{ 'app.head.construction_maison'|trans }}</a>
  129.                                     <ul class="widget_dropdown_categories">
  130.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/14/1">{{ 'app.head.produits_entretien'|trans }}</a></li>
  131.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/14/2">{{ 'app.head.hygiene'|trans }}</a></li>
  132.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/14/3">{{ 'app.head.gaz_domestique'|trans }} </a></li>
  133.                                     </ul>
  134.                                 </li>
  135.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-hourglass-half" aria-hidden="true"></i> Packs</a>
  136.                                     <ul class="widget_dropdown_categories">
  137.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/1">Happy Familly</a></li>
  138.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/2">Check out</a></li>
  139.                                         <li><a href="/shop-detail/{{ cart_cat }}/0/1/3">Construction </a></li>
  140.                                     </ul>
  141.                                 </li>
  142.                                 {#
  143.                                 <li><a href="#">Games & Consoles</a></li>
  144.                                 <li><a href="#">Headphone & Speaker</a></li>
  145.                                 <li><a href="#">Movies & Video Games</a></li>
  146.                                 <li><a href="#">Smartphone</a> </li>
  147.                                 <li><a href="#">Uncategorized</a></li>
  148.                                 #}
  149.                             </ul>
  150.                            {#
  151.                                 <div class="sidebar_banner_area">
  152.                                     <figure class="single_banner mb-20">
  153.                                         <div class="banner_thumb">
  154.                                             <a href="{{ path('mobile-recharge') }}"><img src="{{ asset('img/bg/recharge-phone.jpg ') }}" alt=""></a>
  155.                                         </div>
  156.                                     </figure>
  157.                                     <figure class="single_banner mb-20">
  158.                                         <div class="banner_thumb">
  159.                                             <a href="{{ path('money-send') }}"><img src="{{ asset('img/bg/cameroun-mode-de-paiement.jpg') }}" alt=""></a>
  160.                                         </div>
  161.                                     </figure>
  162.                                     <figure class="single_banner">
  163.                                         <div class="banner_thumb">
  164.                                             <a href="{{ path('bill-send') }}"><img src="{{ asset('img/bg/canal.jpg') }}" alt=""></a>
  165.                                         </div>
  166.                                     </figure>
  167.                                 </div>
  168.                                 #}
  169.                             </div>                 
  170.                         </aside>
  171.                         <!--sidebar widget end-->
  172.                     </div>
  173.                     <div class="col-lg-9 col-md-12">
  174.                         <div class="product_details_wrapper mb-55">
  175.                             <div class="product_right_sidebar">
  176.                                 <div class="row">
  177.                                     <div class="col-lg-6 col-md-6">
  178.                                         <div class="product-details-tab">
  179.                                             <div id="img-1" class="zoomWrapper single-zoom">
  180.                                                 <a href="#">
  181.                                                 {% if app.request.locale == 'fr' %} 
  183.                                                    <img id="zoom1" src="../../../img/product/{{ prod_image }}" data-zoom-image="../../../img/product/{{ prod_image }}" alt="big-1">
  185.                                                 {% else %}
  187.                                                   <img id="zoom1" src="../../../../img/product/{{ prod_image }}" data-zoom-image="../../../img/product/{{ prod_image }}" alt="big-1">
  188.                                               
  189.                                                {% endif %}
  190.                                                                                              
  191.                                                 </a>
  192.                                             </div>
  193.                                             <div class="single-zoom-thumb">
  194.                                                 <ul class="s-tab-zoom owl-carousel single-product-active" id="gallery_01">
  195.                                                    
  196.                                                 {% for  img_prod_detail in img_prod_details  %}
  197.                                                     <li>
  198.                                                         {% if app.request.locale == 'fr' %}          
  199.                                                          <a href="#" class="elevatezoom-gallery active" data-update="" data-image="../../../img/product/{{ img_prod_detail.name }}" data-zoom-image="../../../img/product/{{ img_prod_detail.name }}">
  200.                                                             <img src="../../../img/product/{{ img_prod_detail.name }}" alt="zo-th-1" />
  201.                                                         </a>
  202.                                                         {% else %}
  204.                                                         <a href="#" class="elevatezoom-gallery active" data-update="" data-image="../../../../img/product/{{ img_prod_detail.name }}" data-zoom-image="../../../../img/product/{{ img_prod_detail.name }}">
  205.                                                             <img src="../../../../img/product/{{ img_prod_detail.name }}" alt="zo-th-1" />
  206.                                                         </a>
  207.                                                     
  208.                                                         {% endif %}                                                    
  209.                                                     </li>
  210.                                                 {% endfor %}
  212.                                                 </ul>
  213.                                             </div>
  214.                                         </div>
  215.                                     </div>
  216.                                     <div class="col-lg-6 col-md-6">
  217.                                         <div class="product_d_right">                                           
  218.                                             <h3 class="title_product_1">{{ prod_name }}</h3>
  219.                                             <div class="price_box">
  220.                                                     {% if converter !='EUR' or converter is not defined %}
  221.                                                 <span class="current_price"><h3>{{ (  prod_price * currencie_convert  )|number_format(2, ',', ' ') }}  {{ currency_symbol }}</h3></span>                                 
  222.                                                 {% else %}
  223.                                                 <span class="current_price"><h3>{{  prod_price|number_format(2, ',', ' ') }} {{ currency_symbol }} </h3></span>
  224.                                                 {% endif %}
  225.                                             </div>
  226.                                             <div class="product_desc">
  227.                                                 <p>{{ prod_content }} </p>
  228.                                                 <p><span style="font-size:14px; font-weight:400;"> - {{ 'app.home.delivery_time'|trans }} 48 H </span>  </p>
  229.                                                 <p><span style="font-size:14px; font-weight:400;"> -  {{ 'app.home.office_pick_up_for'|trans }}  0,00 € </span>  </p>
  230.                                                 <p><span style="font-size:14px; font-weight:400;"> -  {{ 'app.home.home_pick_up_for'|trans }}  2,99 € </span>  </p>
  231.                                             </div>
  232.                                             <div class="product_variant quantity">
  233.                                                 <label>{{ 'app.cart.quantity'|trans }}</label>
  234.                                                     {{ render(controller('App\\Controller\\Shop\\CartController::addItemForm1', {'id' : prod_id})) }}
  235.                                             </div>
  237.                                             <div class=" product_d_action">
  238.                                                <form action="/cart/addWishlist/{{ prod_id }}" method="post">
  239.                                                     <input type="hidden" name="product_wish" value="{{ prod_id }}"/>
  240.                                                     <button type="submit" class="btn btn-primary"><i class="ion-android-favorite-outline"></i> {{ 'app.home.add_to_wischlist'|trans }} </button>
  241.                                                  </form>
  242.                                             </div>
  243.                                             <div class="priduct_social">
  244.                                                 <ul>
  245.                                                     <li><a class="facebook" href="#" title="facebook"><i class="fa fa-facebook"></i> Like</a></li>
  246.                                                     <li><a class="twitter" href="#" title="twitter"><i class="fa fa-twitter"></i> tweet</a></li>
  247.                                                     <li><a class="pinterest" href="#" title="pinterest"><i class="fa fa-pinterest"></i> save</a></li>
  248.                                                     <li><a class="google-plus" href="#" title="google +"><i class="fa fa-google-plus"></i> share</a></li>
  249.                                                     <li><a class="linkedin" href="#" title="linkedin"><i class="fa fa-linkedin"></i> linked</a></li>
  250.                                                 </ul>
  251.                                             </div>
  252.                                         </div>
  253.                                     </div>
  254.                                 </div>
  255.                             </div>
  256.                         </div>
  257.                         <!--product area start-->
  258.                         <section class="product_area related_products">                   
  259.                             <div class="section_title">
  260.                                 <h2>{{ 'app.default.related_products'|trans }} </h2>
  261.                             </div>
  262.                         {{ products_shop|raw }}                    
  263.                         </section>
  264.                     </div>
  265.                 </div>
  266.             </div>
  267.         </div>
  268.     </div>   
  269. {% endblock %}
  271. {% block javascripts %}
  272.     {{ parent() }}
  274.     <script type="text/javascript">
  275.     
  276.        $(document).ready(function(){
  278.            $('.newletter-popup').remove();
  280.        });
  281.     </script>
  282. {% endblock %}
  285.