Специальные вставки

Специальные вставки позволят вам сделать на сайте следующие вещи:

Вставить код вставок можно в любом поле панели, где есть текстовый редактор. Для этого надо в редакторе этого поля нажать кнопку "HTML" и вставить код в появившееся окно. Стоит отметить, для вставки кодов желательно небольшого понимания от вас html разметки.

Код ссылки для показа форм

Чтобы вставить ссылку на всплывающую форму обратной связи надо добавить вот такой код:

<a class="feedback" href="#">Текст ссылки</a>

Аналогично для формы обратного звонка:

<a class="callback" href="#">Текст ссылки</a>

Код для показа увеличенной версии картинок

Для одной картинки вставьте вот такой код: 

<a class="fancybox" href="путь к большой картинке">
<img src="путь к маленькой картинке" width="100" height="100" />
</a>

Значения "путь к большой картинке" и "путь к маленькой картинке" могут совпадать. Взять этот путь можно если вставить сначала картинку, и потом через кнопку HTML скопировать путь из вставленного элемента с картинкой. Или посмотреть исходный код страницы с присутствующей картинкой, и взять картинку оттуда. Также важно поставить корректные значения ширины и высоты для элемента <img />

Если вы хотите вставить несколько фотографий, и хотите, чтобы в увеличенной версии картинки можно было бы листать, надо добавить к элементам <a href /> атрибут rel. Например:

<a rel="group1" class="fancybox" href="путь к большой картинке 1">
<img src="путь к маленькой картинке 1" width="100" height="100" />
</a>
<a rel="group1" class="fancybox" href="путь к большой картинке 2">
<img src="путь к маленькой картинке 2" width="100" height="100" />
</a>