Bonjour à toute la communauté,
Je viens de débuter sur FlexiContent et avec tout ce que j'ai lus sur le forum ce composant m'a l'aire d'un outil bien puissant.
Je suis en train de créer un site pour un revendeur de vin. Et après pas mal d'essai pour créer mon propre template je m'en retourne vers vous pour plusieurs explication.
J'ai essayé de prendre exemple sur le template par défaut mais je n'arrive à rien.
La seule chose que j'ai réussi à faire c'est créer mes nouveaux champs qui sont :
- Couleur (ComboBox)
-Rouge
-Blanc
-Rosé
-Champagne
- Région (ComboBox, je ne vais pas vous mettre toutes mes possibilité il y a plus de 30 region)
et je passe les 12 autres champs.
J'ai voulu lier ces champs au template ITEM par défaut mais aucun moyen de les afficher, j'ai ensuite essayé de me faire mon template comme il est indiqué sur plusieurs topic mais rien à faire les champs ne s'affiche pas.
Voici le code pour afficher la région
Code:
<!-- BOF Region block -->
<?php if (isset($this->item->positions['Region'])) : ?>
<div class="lineinfo Region">
<?php foreach ($this->item->positions['Region'] as $field) : ?>
<span class="element">
<?php if ($field->label) : ?>
<span class="label field_<?php echo $field->name; ?>"><?php echo $field->label; ?></span>
<?php endif; ?>
<span class="value field_<?php echo $field->name; ?>"><?php echo $field->display; ?></span>
</span>
<?php endforeach; ?>
</div>
<?php endif; ?>
<!-- EOF Region block -->
J'ai deja un contenu qui contient toutes les caractéristique d'un vin par exemple pour le "st Emilion" (Je sais j'ai de gout de luxe ^^) il provient de la région (sélectionné dans la combobox) Bordeaux.
Pour ce qui est du code css j'ai mis les pieds de dans mais je ne les ai pas essuyé.
Voici un bout de code (juste celui de la région)
Code:
div.lineinfo {
display: block;
margin: 0 0 0.5em;
overflow: hidden;
}
div.Region {
}
div.Region .element {
float: left;
margin-right: 10px;
}
/* toute la suite est reprise du code par défaut*/
div.topblock {
overflow: hidden;
width: 100%;
margin-bottom: 10px;
}
div.topblock .image {
border: 1px solid silver;
float: left;
margin-right: 10px;
line-height: 0px;
}
div.topblock .image a {
outline: none;
}
div.topblock .image img {
border: 1px solid white;
}
div.topblock .infoblock {
overflow: hidden;
}
div.infoblock {
border: 1px solid silver;
margin: 0;
padding: 10px;
}
#flexicontent div.infoblock ul {
margin: 0;
padding: 0;
}
#flexicontent div.infoblock ul li {
padding: 0;
background: none;
min-height: 10px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 2px;
zoom: 1;
*display: inline;
_height: 10px;
}
div.label {
float: left;
border-bottom: 1px solid silver;
color: #777;
font-size: 90%;
}
div.value {
float: left;
}
div.onecols ul li {
width: 100%;
}
div.onecols div.label {
width: 25%;
margin-right: 2%;
}
div.onecols div.value {
width: 70%;
}
div.twocols ul li {
width: 48%;
}
div.twocols div.label {
width: 34%;
margin-right: 2%;
}
div.twocols div.value {
width: 60%;
}
Pouvez vous m'aider?
PS : j'espère que j'ai bien expliqué mon problème
.
