Шаблон с тремя колонками для Joomla (Bootstrap)

Если Вы верстаете шаблоны на фрэймворке «Bootstrap» и Вас интересует, как сверстать шаблон с тремя колонками для Joomla, которые будут подстраиваться под экраны мобильных устройств, то Вы заглянули по адресу, сейчас я Вам об этом поведаю.

Сначала я верстал шаблоны, которые состояли всего лишь из двух колонок, то бишь в шаблоне присутствовал контент и только правая колонка, но иногда просто требуется, чтобы была возможность выводить модули в левом сайдбаре, аналогично и в правой позиции шаблона. И вот я начал искать, как вывести левую часть с проверкой на присутствие модуля в позициях, в зависимости от чего контент растягивался на свободное место от модулей. Следовательно, если в левой колонке нет опубликованных модулей, то контент растягивается, занимая и левую позицию, а если нет модулей ни в одной из позиций, то растягивается на 100% ширины шаблона.

Ниже на демо-картинках можно посмотреть и прикинуть, как будет функционировать подобный шаблон.

Даже в случае, если Вы в ближайшем, но не предсказуемом будущем не планируете выводить модули в какой бы там ни было из частей сайта, всё же стоит предусмотреть их появление, так как в какой-то прекрасный момент они могут Вам внезапно пригодиться, такие обстоятельства приключились и со мной. А допиливать шаблон уже на работающем проекте не очень хорошо, но всё же осуществимо.

Итак, мы медленно, но, в тоже время, верно подползли к самому, наверно, интересному моменту: к коду, который реализует всё выше сказанное на Вашем сайте.

Код длинный, выкладывать его в виде текста в материале я не буду, а сам файлик с содержимым для скачивания я Вам предоставляю.

Пользуйтесь и верстайте с рвением к новым, более сложным, проектам!

Если статья оказалась полезной, расскажите о ней в социальных сетях

Добавить комментарий

Залогиниться через свой аккаунт в социальной сети


Защитный код Обновить