JavaScript, как делать "макросы"? Опции

[Litkevich Yuriy]

Захотелось мне для своего интернет-магазина такой плюшки, как шаблоны в википедии.

В голове крутится только использование JavaScript, но я в нём нулевой.

Должно быть что-то вроде:

<script type="text/javascript">
{ link: http://foo.ru/bar,
image: http://foo.ru/bar.png,
text: "подпись к картинке"}</script>

А в итоге должен сгенерится код типа такого:

<div>
  <a href="http://foo.ru/bar">
    <img href="http://foo.ru/bar.png"/>
  </a>
  <p>подпись к картинке</p>
</div>

Может кто-то шарит в JavaScript, как мне такой финт ушами провернуть?

[Litkevich Yuriy]

многие юзеры отключают жабаскрипт

по Яндекс.Метрике 100% посетителей моего сайта имеют включеный ЯваСкрипт - это два.
А раз: у меня магазин вообще не будет работать без ЯваСкрипт. Там его хоть отбавляй.

юзала Smarty

уже несколько раз про него слышал.
Но вот по поводу реализации с помощью PHP даже не представляю с какой стороны подойти.

Ещё одна причина по которой я хотел бы разобраться в использовании ЯваСкрипт для этих целей:
Кроме магазина задуман полноценный информационный ресурс, однако с ним больше всего напряг вышел из-за недостатка времени.
На сайте предполагалось делать вставки, эдакие "виджеты" - типа блока с товаром, там где он по контексту будет подходить, чтобы пользователь мог сразу купить его.

Подобную вещь подглядел у Эквид-а, побаловался - прикольно, но по функционалу, меня не устроил.

Вот я и думал научится шлёпать эти виджеты/шаблоны.

Пока пощупаю то, что Алекс привёл.