Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/www.humitest.fr/htdocs/templates/front/product/
/srv/data/web/vhosts/www.humitest.fr/htdocs/templates/front/product/product_gamme.html.twig
 {% extends 'front/layout.html.twig' %}

{% block title %}
	{% if gamme.name == "Biomasse" %}
		Humidimètre à bois | Maindron Structures Tél. +33(0) 1 45 87 22 99"
		{% else %}
		Game 
		{{ gamme.name }}
	{% endif %}
{% endblock %}

{% block description %}
	{% if gamme.name == "Biomasse" %}
		L'humidimètre à bois vous permet de détecter la teneur en humidité du bois, puis de prendre les mesures nécessaires pour minimiser le rétrécissement et les fissures.
	{% else %}
		Découvrez nos produit de la gamme
		{{ gamme.name }}
	{% endif %}
{% endblock %}

{% block keywords %}Gamme{% endblock %}

{% block content %}
	{% block banner %}
		<section class="banner pages">
			<div class="container">
				<div class="middle">
					<h1 class="text-uppercase">gamme
						{{gamme.name}}</h1>
				</div>
			</div>
		</section>
	{% endblock %}
	<div style="background-color:#f0f3f4">
		<nav class="navbar navbar-expand-custom navbar-mainbg">
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav" style="margin: 0 auto!important;">
					{# {% for categorie in categories %}
						<a href="{{path('product_category', {'name': categorie.name,'id': categorie.id} )}}" {% if categorie.name == "-" %} class="d-none" {% else %} class="badge bg-light text-dark m-3 pl-4 pr-4 text-uppercase h5" {% endif %}>{{categorie.name}}
						</a>
					{% endfor %} #}
					{% for categoriesByGammes in categories %}
						<a href="{{path('product_category', {'name': categoriesByGammes.name,'id': categoriesByGammes.id} )}}" {% if categoriesByGammes.name == "-" or categoriesByGammes.name|upper == "PAPIER" or categoriesByGammes.name|upper == "TOURBE" or categoriesByGammes.name|upper == "TEXTILE ET CUIR" %} class="d-none" {% else %} class="badge bg-light text-dark m-3 pl-4 pr-4 text-uppercase h5" {% endif %}>{{categoriesByGammes.name}}
						</a>
					{% endfor %}
				</ul>
			</div>
		</nav>
		<section class="section-padding">
			<div class="container">
				<div class="shape"></div>
				<div class="row align-items-stretch">
					{% for product in products %}
					     {% if product.isActive == 1 %}
							<div class="col-md-3 mb-5">
							<figure class="snip1423 ">
								<div class="card-header">
									{% if product.isNewProduct == 1 %}
										<img src="{{ asset('build/images/nouveauProduit3.png')}}" style="right:-6px;top:-6px;height:105px!important;float:right!important;position:absolute; z-inde:3;" alt="{{ product.title }}">
									{% endif %}
									{% set laGamme = product.gammeProduct.name %}
									{% if laGamme == "Bâtiment-Immobilier" %}
										<span class="p-2 text-uppercase">
											Bâtiment
											<br>{{product.category}}
										</span>
									{% else %}
										{{product.gammeProduct.name}}
										<br>
										{{product.category}}
									{% endif %}
								</div>
								{% if product.images|length > 0 %}
									<img src="{{ vich_uploader_asset(product.images.0, 'imageFile') | imagine_filter('thumb') }}" alt="{{product.title}}" class="img-fluid mt-2">
								{% else %}
									<img src="{{ asset('build/images/default-image.jpg') | imagine_filter('thumb') }}" alt="{{product.title}}">
								{% endif %}
								<figcaption>
									{% set title = product.title|length > 50 ? product.title|slice(0, 50) ~ '...' : product.title %}
									<h5 class="text-uppercase">
										<b>
											{{title|striptags|raw}}</b>
									</h5>


									{% set content = product.shortDesc|striptags|length > 100 ? product.shortDesc|striptags|slice(0, 100) ~ '...' : product.shortDesc %}
									<p>{{content|raw}}</p>
									<div class="price"></div>
								</figcaption>
								<a href="{{ path('product', {'id': product.id, 'title':product.title|my_url_encode}) }}"></a>

							</figure>
							<a href="{{ path('product', {'id': product.id, 'title':product.title|my_url_encode}) }}">
								<center>
									<h3 style="margin-top:-40px!important; position:relative!important;z-index:1!important;">
										<span class="shadow border border-white text-center badge btn-red text-ligth pl-4 pr-4 pt-2 pb-2 border " style="border-radius:50px; border-color: white!important;border-style:solid!important;border-width: 5px!important;">
											<small class="text-white">
												{{product.price }}€ HT</small>
										</span>
									</h3>
								</center>
							</a>
						</div>
						{% endif %}
					{% endfor %}
				</div>
				<div class="pagination">
					{{ knp_pagination_render(products) }}
				</div>
			</div>
		</section>

	</div>

	<style>
		.card-content {
			background-color: white !important;
			margin-bottom: 0 !important;
			min-height: 0 !important;
		}
		.title {
			margin: 0 auto !important;
		}
		.card_produit .card-content {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
		}
		.card_produit .card-content .top-bar {
			width: calc(100% - 40px);
			position: absolute;
			top: 0;
			left: 0;
			padding: 20px;
		}
		.card_produit .card-content .top-bar .float-right {
			float: right;
		}
		.card_produit .card-content .img {
			width: 100%;
			justify-content: bottom;
			align-content: bottom;
			text-align: center;
		}
		.card_produit .card-content .img img {
			max-width: 100%;
			max-height: 100%;
			margin-top: 50px !important;
		}
		.card_produit .card-description {
			padding: 10px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-weight: 400;
			font-size: 14px;
			letter-spacing: 0.1em;
		}

		.card_produit .card-description .cart {
			float: right;
			cursor: pointer;
		}
		.card_produit .card-footer {
			text-transform: uppercase;
			padding: 0.3em;
			border-top: 0.5px solid #ececec;
			letter-spacing: 0.1em;
			font-size: 11px;
			color: white;
			justify-items: left;
			align-items: center;
			display: flex;
		}
		.card_produit .card-footer .span {
			margin: 5px;
			width: auto;
			background: #dedede;
			padding: 4px 7px;
			border-radius: 2px;
			font-weight: 100;
			cursor: pointer;
		}
		.card_produit .card-footer .span:hover {
			;
		}
		.card_produit:hover {
			transition: 0.2s ease-in;
			transform: translateY(-10px);

		}
	</style>
{% endblock %}