Как сделать такие дополнительные поля?

Question

[OldSchoolWeb]

Имеется код:

<div class="item" title="lorem ipsum">
	<div class="hit"></div>
	<div class="img"><a href="/" title="lorem upsum"><div class="skoro"></div><img class="parent" src="img/content/1.png" alt="" border="0" width="230" height="230"></img></a></div>
	<div class="name"><a href="/" title="lorem upsum">title</a></div>
	<div class="price"><span class="catalog-price">price</span></div>
</div>

как вывести через доп. поля "hit" "skoro" картинку и указание тайтла со стоимостью. Я голову уже всю сломал. Вывести нужно на modx. еще нужно чтобы можно было менять hit на "sold" (продано)
Дайте хотя бы направление, прошу(
Выглядит это так

Comments

[riot26]

translate.google.com -- пригодится для названий классов

[Алексей Ярков]

riot26: опередили =)

[OldSchoolWeb]

че вы придрались к классам, лучше код подскажите

[Максим Тимофеев]

Либо я не понял вопроса, либо при чем тут MODX? Это же вопрос верстки

Answer 1

[Сергей]

Добрый день!
1) Делаете TV (например для отметки Хит), называете - hit - Тип: Переключатели (radio), назначаете его нужных шаблонам, указываете возможные значения -
Нет==0||Да==1
2) В нужных товарах переключаете на Да.

3) В выводе вставляете условие:

<div class="item" title="lorem ipsum">
 [[*hit:is=`1`:then=`<div class="hit"></div>`:else=``]]
  <div class="img"><a href="/" title="lorem upsum"><div class="skoro"></div><img class="parent" src="img/content/1.png" alt="" border="0" width="230" height="230"></img></a></div>
  <div class="name"><a href="/" title="lorem upsum">title</a></div>
  <div class="price"><span class="catalog-price">price</span></div>
</div>

ps по этому примеру можно сделать оставшиеся поля

Comments

[OldSchoolWeb]

Благодарю вас, вы очень сильно помогли. теперь понял хоть в малом принципе как делать.

[Сергей]

OldSchoolWeb: Всё расписал по пунктам)