1) Вы можете изменить ваш код
{% FOR footer %}
{% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %} | {% ENDIF %}{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
на следующий
{% FOR footer %}
{% FOR links %}
<a href="{menu.footer.links.URL}" {%IF menu.footer.links.NAME=Как заказать?%}class="worder"{%ELSEIF menu.footer.links.NAME=Как оплатить?%}class="wpayment"{% ELSEIF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %} | {% ENDIF %}{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
и использовать классы wpayment и worder. Получиться
$(function(){
$(".wpayment").click(function() {
new Messi('<h3>Заголовок 1</h3><p>Текст 1</p>',{title: 'Заголовок 1', titleClass: 'info', buttons: [{id: 0, label: 'Close', val: 'X'}]} );
return false;
});
$(".worder").click(function() {
new Messi('<h3>Заголовок 2</h3><p>Текст 2</p>',{title: 'Заголовок 2', titleClass: 'info', buttons: [{id: 0, label: 'Close', val: 'X'}]} );
return false;
});
});
2) Попробуйте сделать следующее - в файле стилей main.css найти
#content {
margin: 0 auto;
width: 960px;
}
и заменить на
#content {
margin: 0 auto;
padding-bottom: 80px;
width: 960px;
}
3) К сожалению, этого сделать нельзя. Вы можете указывать дополнительную информацию, в том числе и дополнительные изображения в описании к модификации в разделе редакторования товара.