Changeset 103880 in spip-zone


Ignore:
Timestamp:
Apr 10, 2017, 8:12:26 PM (2 years ago)
Author:
p@…
Message:

Une meilleur présentation des produits

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/zoundation/trunk/content/produit.html

    r103873 r103880  
    1 <BOUCLE_content(PRODUITS){id_produit}>
     1<BOUCLE_produit(PRODUITS){id_produit}>
     2        <div class="row">
     3                <div class="#COLONNES{large, 12}">
     4                        <h1 class="#EDIT{titre}">#TITRE</h1>
    25
    3         <article class="content-principal">
    4                 <header class="cartouche">
     6                        <div class="float-right">
     7                                <p class="info-publi">
     8                                        <span>[(#DATE|nom_jour|spip_ucfirst) ][(#DATE|affdate)]</span>
     9                                </p>
     10                        </div>
     11                </div>
     12        </div>
    513
    6                         [(#LOGO_PRODUIT
    7                         |image_reduire{200,200}
    8                         |inserer_attribut{class, thumbnail spip_logos}
    9                         |inserer_attribut{alt, #TITRE|attribut_html})]
     14        <div class="row">
     15                <div class="#COLONNES{#ARRAY{large,4}}">
     16                        <div class="clearfix">
     17                                [<a href="[(#LOGO_PRODUIT|image_reduire{1920,1080}|extraire_attribut{src})]" class="mediabox">
     18                                (#LOGO_PRODUIT
     19                                |image_reduire{400,400}
     20                                |inserer_attribut{class, thumbnail spip_logos}
     21                                |inserer_attribut{alt, #TITRE|attribut_html})
     22                                </a>]
     23                        </div>
    1024
    11                         <h1 class="#EDIT{titre}">#TITRE</h1>
    12                 </header>
     25                        <div class="callout warning">
     26                                <h3>#PRIX</h3>
     27                        </div>
     28                </div>
     29                <div class="#COLONNES{#ARRAY{large,8}}">
    1330
    14                 [<section class="[(#EDIT{descriptif}) ]surlignable clearfix">
    15                         (#DESCRIPTIF|image_reduire{720,0}|iframe_responsive)
    16                 </section>]
     31                        <div class="row">
     32                                <div class="#COLONNES{#ARRAY{large, 12}}">
     33                                        <h3><:info_description:></h3>
     34                                        <div class="callout">
     35                                                [<section class="[(#EDIT{descriptif}) ]surlignable clearfix">
     36                                                (#DESCRIPTIF|image_reduire{720,0}|iframe_responsive)
     37                                                </section>]
    1738
    18                 [<section class="[(#EDIT{texte}) ]surlignable">
    19                         (#TEXTE|image_reduire{720,0}|iframe_responsive)
    20                 </section>]
     39                                                [<section class="[(#EDIT{texte}) ]surlignable">
     40                                                (#TEXTE|image_reduire{720,0}|iframe_responsive)
     41                                                </section>]
    2142
    22                 <section class="fiche-produit callout">
    23                         <ul>
    24                                 <li><:produits:produit_champ_prix_ht_label:> : #PRIX_HT</li>
    25                                 <li><:produits:produit_champ_poids_label:> : #POIDS g</li>
    26                                 <li><:info_dimension:> #LARGEUR X #LONGUEUR X #HAUTEUR</li>
    27                         </ul>
    28                 </section>
     43                                                <dl>
     44                                                        <dt><:produits:produit_champ_poids_label:> :</dt>
     45                                                        <dd>#POIDS g</dd>
     46                                                        <dt><:produits:produit_champ_largeur_label:></dt>
     47                                                        <dd>#LARGEUR cm</dd>
     48                                                        <dt><:produits:produit_champ_longueur_label:></dt>
     49                                                        <dd>#LONGUEUR cm</dd>
     50                                                        <dt><:produits:produit_champ_hauteur_label:></dt>
     51                                                        <dd>#HAUTEUR cm</dd>
     52                                                </dl>
     53                                        </div>
    2954
    30                 <INCLURE{fond=inclure/mots_produit, id_produit} />
     55                                        <INCLURE{fond=inclure/mots_produit, id_produit} />
    3156
    32                 [(#REM) Gestion du portfolio et des documents ]
    33                 <INCLURE{fond=inclure/documents, id_produit} />
     57                                </div>
     58                        </div>
    3459
    35                 [<footer>
    36                         <aside class="notes">
    37                                 <h3><:info_notes:></h3>
    38                                 (#NOTES)
    39                         </aside>
    40                 </footer>]
     60                </div>
     61        </div>
    4162
    42         </article>
    43 
    44 </BOUCLE_content>
     63        <div class="row">
     64                <div class="#COLONNES{#ARRAY{large,12}}">
     65                        [(#REM) Gestion du portfolio et des documents ]
     66                        <INCLURE{fond=inclure/documents, id_produit} />
     67                </div>
     68        </div>
     69</BOUCLE_produit>
Note: See TracChangeset for help on using the changeset viewer.