haiku-atelier-2024/web/app/themes/haiku-atelier-2024/views/succes-commande.twig
2024-11-17 18:46:41 +01:00

61 lines
1.9 KiB
Twig

{% extends "base.twig" %}
{% block contenu %}
<main id="page-succes-commande">
<div class="contenu">
<header class="contenu__en-tete">
<h2>Successful order!</h2>
</header>
<div class="contenu__textuel">
<p>
Thank you for your order, {{ session.name }}!
</p>
<p>
You will receive an email with your order's details in a short while.
</p>
<p>
If you have any questions, don't hesitate to <a
class="lien-lien"
href="/contact"
>
contact us
</a>!
</p>
</div>
{# Rappel de la Commande avec ses Produits #}
<div class="contenu__rappel-commande">
{% for produit in produits %}
<article class="contenu__rappel-commande__produit">
{# Illustration cliquable du Produit #}
<div class="contenu__rappel-commande__produit__illustratif">
<a href="{{ produit.permalien }}">
<picture>{{ produit.image }}</picture>
</a>
</div>
<div class="contenu__rappel-commande__produit__textuel detail-produit">
<h3 class="detail-produit__nom-prix">
<a href="{{ produit.permalien }}">{{ produit.titre }}.</a>
<span>{{ produit.prix }}€</span>
</h3>
<p class="detail-produit__description">
{# Affiche tous les attributs relevants pour la variation choisie #}
{% for attribut in produit.attributs %}
{# {% if attribut.valeur %}
{{ attribut.nom }}: <strong>{{ attribut.valeur }}</strong><br />
{% endif %} #}
{% endfor %}
qty: <strong>{{ produit.quantite }}</strong>
</p>
</div>
</article>
{% endfor %}
</div>
</div>
</main>
{% endblock contenu %}