8 марта 2016 в 5:30
Столкнулся с проблемой. Не могу заставить работать модуль Views Bootstrap, чтобы переопределить структуру Субтемы на Bootstrap. Установил модуль Views Bootstrap, который как мне известно, должен в Видах переопределять структуру, в том числе главной страницы. В Видах есть выбор компонентов Bootstrap, но на главной, после сохранения, никаких изменений не происходит. Тыкаю уже целый день, курил Google, но информации мало.
Не могу понять, где я что упустил, и что делаю не так. Уверен, решение простое, но не могу понять логику происходящего, ибо не так давно начал осваивать Bootstrap. Мне не хватает, того, что сайт просто адаптирован к мобильным устройствам, хочеться пощупать весь потенциал Bootstrap, в том числе, и в первую очередь, переопределение структуры страницы.
Если кому не лениво, и кто сталкивался с проблемой, напишите пожалуйста, что нужно сделать с помощью модулей, чтобы изменить структуру страницы субтемы Bootstrap на друпал 7.
Комментарии
Что именно нужно переопределить? На главной вывод views как блок?
Мало информации для решения.
Скриншоты процесса настройки вьюхи. В базовой теме Бутстрап работает? jquery версия 1.10+ ?
Ну и ссылку на сайт
"Views Bootstrap, чтобы переопределить структуру Субтемы на Bootstrap" Авыф?!
И честно говоря не очень понятно что значит переопределить структуру субтемы. Что именно вы хотите сделать?
Спасибо, что откликнулись.
Хочу переопределять вывод контента на главной, - например в 2, 3, столбца горизонтально.
Работает субтема Бутстрап в папке sites/all/themes/bootstrap_subtheme
Версия jquery 1.9 для сайта, 1.8 для админки.
Вьюха не настроена, скриншот не даю.
Возможно не понимаю логику того, что нужно делать и с помощью какого модуля.
Главная задача такая. Вывод блока Контент в несколько столбцов горизонтально.
Ссылка на сайт - http://choven.in.ua
P/S
В views создаем представление.
Отображение страница ("создать страницу" галка когда создаете)
Формат: Bootstrap Grid (Unformatted list лучше т.к. дает Вам больше независимости от настроек Bootstrap)
Адрес: frontpage
admin/config/system/site-information
Главная страница по умолчанию: frontpage
Вообще как пользоваться views на Ютюбе ищите, думаю поймете.
Ага, значит нужно создать новое представление. Ок. Я же пробовал переопределить существующую Главную страницу.
Вопрос. А какие нужны модули связаные с Бутстрап, чтобы это реализовать. Виды и все такое у меня стоит. Но что нужно для Бутстрап? Может еще что-то кроме Views Bootstrap?
Сделал. Изменений нет. Контент НЕ выводиться горизонтально 2 столбцами.
Установил в Видах.. и тишина. Кэш чистил, страницу по умолчанию frontpage поставил.
Что я сделал не так?
Можете вообще без Views Bootstrap. Просто стили и медиазапросы для .views-row в CSS пропишите.
Views Bootstrap можно использовать когда вкладки или "гармошка" нужна.
P/S Не знаю в чем дело, но когда изменил выбор на Сетка (просто без Бутстрап) заработало.
Ага, большое спасибо. Вы реально мне помогли.
Пожалуйста!
Надеюсь понимаете что Сетка формирует вывод как ячейки таблицы т.е.
<td>, а это не адаптивный тег.Вам надо "неформатированный список" выбрать и выравнивать через CSS.
А можно подробней. Суть я улавливаю, но не хватает практики. Напишите пожалуйста по пунктам как это сделать.
Я так понимаю нужно с помощью сетки Бутстрап прописать в Видах клас к столбцу?
P.S Ага, спасибо, разобрался с класами.
Да, кстати. Если в папке темы будет лежать переопределенный до момента изменения структуры сайта page.tpl.php, вариант с колонками не сработает. Сработает, но до первой очистки кэша.
Подробней. Если неформатированный список, то так:
.view-myview .views-row {
float: left;
margin: 0 0 23px;
width: 50%;
}
.view-myview .views-row-odd {
clear: left;
}
/*Выравнивание в одну колонку*/
@media only screen and (max-width:500px) {
.view-myview .views-row {
width: 100%;
float: left;
clear: left;
}
}
Вам это понятно? Если нет - htmlbook.ru - каждый элемент вбиваем и ищем.
Класс к столбцу - если можете - вписывайте.
Да, кстати... - вообще не понял.
CSS я вроде как знаю, относительно не плохо.
Вроде как разобрался уже. Вот такие настройки стоят в Видах. Проверил в Гугле на адаптивность, все ОК.
У меня а папке темы лежал файл page.tpl.php, который я скопировал из базового Бутстрап sites/all/themes/bootstrap/templates/system и ковырялся в нем. Он сбивал настройки в Видах сразу, после очистки кэша, после включения сетки. Я так понял, он в приоритете стоял при загрузке страницы и ломал структуру под себя. То бишь, я включаю в Видах сетку, все нормально работает. Но как только сбрасываю кэш, опять слетает. Когда его закоментировал, заработала сетка Бутстрапа.
Может я гупость пишу, но так сейчас понял происходящее.
И еще, при сужении в мобильный вариант, левый боковой блок занимает верхнюю позицию, а хочеться чтобы Контент был вверху. Где ковырнуть?
"Может я гупость пишу, но так сейчас понял происходящее." вполне может быть.
"при сужении в мобильный вариант, левый боковой блок занимает верхнюю позицию, а хочеться чтобы Контент был вверху."
Это надо регионы задавать в теме и в них пихать, то что вам надо. Даже не знаю можно ли с теми регионами, что в Бутстрап по умолчанию.
Я и решал это с помощью page.tpl.php в папке темы, просто перекидывая блок content выше сайдбара. Работало, но, как написал, уже видимо не вариант..