Как создать в админке новые поля (позиции) для изображения и текста

Подскажите как создать в админке новые поля-позиции для изображения  и текста.
Есть верстка, которая предполагает изменение черно-белой картинки на цветную при наведении мышки. Необходимо сделать так, чтобы в админке была возможность задавать не только черно-белую картинку, но и цветную картинку и всплывающий текст, которые по верстке находятся ниже основной картинки?
 
Верстка делается для каталога продукции. То есть для категорий. Подскажите, где и что прописывать. Чтобы можно было сделать по аналогии?
 

<ul class="gallery">
<li class="tov15" style="padding-left: 0px !important;"><a href="#">
<img class="grey" src="#" alt="kranu" />
<img class="color" src="#" alt="kranu" /></a>
<div id="block-text"><a href="#">Здесь текст, текст, текст</a></div>
</li>
 

<li class="tov15" style="padding-left: 0px !important;"><a href="#">
<img class="grey" src="#" alt="kranu" />
<img class="color" src="#" alt="kranu" /></a>
<div id="block-text"><a href="#">Здесь текст, текст, текст</a></div>
</li>
 
 
<li class="tov15" style="padding-left: 0px !important;"><a href="#">
<img class="grey" src="#" alt="kranu" />
<img class="color" src="#" alt="kranu" /></a>
<div id="block-text"><a href="#">Здесь текст, текст, текст</a></div>
</li>
</ul>