gcch/haiku-atelier-2024
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fonc(shop) commence la page Shop

Browse source
This commit is contained in:
gcch 2024-08-06 22:46:49 +02:00
commit 68d922eef6
5 changed files with 187 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

15
web/app/themes/haiku-atelier-2024/page-shop.php Normal file
View file

@ -0,0 +1,15 @@
<?php
/**
* Le modèle de la Page Boutique (« E-Shop »).
*/
declare(strict_types=1);
use Timber\Timber;
/* Contexte et modèles */
$contexte = Timber::context();
$modeles = ["shop.twig"];
/* Rendu */
Timber::render($filenames = $modeles, $data = $contexte);

6
web/app/themes/haiku-atelier-2024/views/accueil.twig
View file

@ -1,10 +1,4 @@
{% extends "base.twig" %}
{% block head %}
{% endblock %}
{% block contenu %}
{% endblock %}
{% block pied_de_page %}
{% endblock %}

8
web/app/themes/haiku-atelier-2024/views/base.twig
View file

@ -9,15 +9,15 @@
<body class="{{ body_class }}" data-langue="{{ langue_courante }}">
{# En-tête #}
{% include "parts/en-tete.twig" %}
{# Menu avec les catégories de produits #}
{% include "parts/menu-categories-produits.twig" %}
{# Contenu #}
{% block contenu %}
{% endblock %}
{# Pied de page #}
{% block pied_de_page %}
{% block footer %}
{% include "parts/pied-de-page.twig" %}
{{ function("wp_footer") }}
{% endblock %}
{% include "parts/pied-de-page.twig" %}
</body>

158
web/app/themes/haiku-atelier-2024/views/parts/pages/shop/grille-produits.twig Normal file
View file

@ -0,0 +1,158 @@
<div class="grille-produits">
<article>
<figure>
<picture>
<img
alt=""
sizes=""
src=""
srcset=""
>
</picture>
<figcaption>
<h3>Boro Boro Ring</h3>
<p>75 €</p>
</figcaption>
</figure>
</article>
<article>
<figure>
<picture>
<img
alt=""
sizes=""
src=""
srcset=""
>
</picture>
<figcaption>
<h3>Boro Boro Ring</h3>
<p>75 €</p>
</figcaption>
</figure>
</article>
<article>
<figure>
<picture>
<img
alt=""
sizes=""
src=""
srcset=""
>
</picture>
<figcaption>
<h3>Boro Boro Ring</h3>
<p>75 €</p>
</figcaption>
</figure>
</article>
<article>
<figure>
<picture>
<img
alt=""
sizes=""
src=""
srcset=""
>
</picture>
<figcaption>
<h3>Boro Boro Ring</h3>
<p>75 €</p>
</figcaption>
</figure>
</article>
<article>
<figure>
<picture>
<img
alt=""
sizes=""
src=""
srcset=""
>
</picture>
<figcaption>
<h3>Boro Boro Ring</h3>
<p>75 €</p>
</figcaption>
</figure>
</article>
<article>
<figure>
<picture>
<img
alt=""
sizes=""
src=""
srcset=""
>
</picture>
<figcaption>
<h3>Boro Boro Ring</h3>
<p>75 €</p>
</figcaption>
</figure>
</article>
<article>
<figure>
<picture>
<img
alt=""
sizes=""
src=""
srcset=""
>
</picture>
<figcaption>
<h3>Boro Boro Ring</h3>
<p>75 €</p>
</figcaption>
</figure>
</article>
<article>
<figure>
<picture>
<img
alt=""
sizes=""
src=""
srcset=""
>
</picture>
<figcaption>
<h3>Boro Boro Ring</h3>
<p>75 €</p>
</figcaption>
</figure>
</article>
<article>
<figure>
<picture>
<img
alt=""
sizes=""
src=""
srcset=""
>
</picture>
</figure>
</article>
</div>

10
web/app/themes/haiku-atelier-2024/views/shop.twig Normal file
View file

@ -0,0 +1,10 @@
{% extends "base.twig" %}
{% block contenu %}
{# Menu avec les catégories de produits #}
{% include "parts/menu-categories-produits.twig" %}
<main>
{% include "parts/pages/shop/grille-produits.twig" %}
</main>
{% endblock %}