Шаблон "Valley"



Добрый день, друзья!

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

Шаблон журнальный, легкий и адаптивный (хотя адаптивность уже больше стандарт, а не фишка...). Множества вариантов отображения лент топиков в нем нет, я решил уйти от перегруженных шаблонов, используется в итоге все-равно что-то одно…

Из полезных мелочей в шаблоне присутствуют:
  1. Возможность включать/выключать отображение логотипа и названия сайта.
  2. Зона для вывода блоков под шапкой сайта, в которую можно вывести какой-то свой блок (слайдер с материалами или просто какую-то плитку лучшего).
  3. Главное многоуровневое адаптивное дропдаун меню (пример использования описан ниже).

Демо шаблона.

Приобрести шаблон можно в каталоге.



Для первых десяти покупателей приготовлена скидка в 15% по промо-кодам:
  1. c6169c
  2. 787d87
  3. 077828
  4. 0d0e29
  5. 68d106
  6. b81836
  7. ca8d75
  8. c9ed4d
  9. f8a44d
  10. 6af0fd

Обновления

v.1.1.0:
  1. Код оптимизирован для удобного подключения новых лент топиков.
  2. Добавлена новая лента топиков.
  3. Добавлено переключение лент топиков из конфига шаблона.
  4. Переделан вывод меню.
  5. Изменен вывод информации о блоге. Добавлены две цветовые схемы для информации о блоге.
  6. Кнопки шаринга сделаны видимыми.
  7. Пофикшены обнаруженные баги.

Пример использования дропдаун меню

Открываем файл valley/components/userbar/userbar.tpl и ищем строчки 21-26. В этом месте происходит вывод главного меню. Давайте, к примеру, сделаем выпадающий список для топиков. Для этого код вышеуказанных строчек меняем на следующий:

{component 'nav' hook='main' activeItem=$sMenuHeadItemSelect classes='ls-userbar-nav' items=[
                [
                    'text' => $aLang.topic.topics,
                    'url' => {router page='/'},
                    'name' => 'blog',
                    'menu' => [
                        items => [
                            [ 'name' => 'good',      'url' => $sNavTopicsSubUrl,               'text' => {lang name='blog.menu.all_good'} ],
                            [ 'name' => 'new',       'url' => "{$sNavTopicsSubUrl}newall/",    'text' => {lang name='blog.menu.all_new'}, 'count' => $iCountTopicsNew ],
                            [
                                'name' => 'discussed',
                                'url' => "{$sNavTopicsSubUrl}discussed/",
                                'text' => {lang name='blog.menu.all_discussed'},
                                'menu' => [
                                    activeItem => $periodSelectCurrent,
                                    items => [
                                        [ 'name' => '1',   'url' => "{$sNavTopicsSubUrl}discussed/?period=1",   'text' => {lang 'blog.menu.top_period_1'} ],
                                        [ 'name' => '7',   'url' => "{$sNavTopicsSubUrl}discussed/?period=7",   'text' => {lang 'blog.menu.top_period_7'}  ],
                                        [ 'name' => '30',  'url' => "{$sNavTopicsSubUrl}discussed/?period=30",  'text' => {lang 'blog.menu.top_period_30'} ],
                                        [ 'name' => 'all', 'url' => "{$sNavTopicsSubUrl}discussed/?period=all", 'text' => {lang 'blog.menu.top_period_all'} ]
                                    ]
                                ]
                            ],
                            [ 'name' => 'top',       'url' => "{$sNavTopicsSubUrl}top/",       'text' => {lang name='blog.menu.all_top'} ],
                            [ 'name' => 'feed',      'url' => {router page='feed'},            'text' => $aLang.feed.title, 'is_enabled' => !! $oUserCurrent ]
                        ]
                    ]
                ],
                [ 'text' => $aLang.blog.blogs,     'url' => {router page='blogs'},  'name' => 'blogs' ],
                [ 'text' => $aLang.user.users,     'url' => {router page='people'}, 'name' => 'people' ],
                [ 'text' => $aLang.activity.title, 'url' => {router page='stream'}, 'name' => 'stream' ]
            ]}


В общем, для вывода используется разметка многоуровневой навигации (см. плагин документации > компонент nav), отличие от стандартной навигации ЛС в скриптах и стилях примененных к навигации для адаптивного отображения меню.

Выслушаю ваши замечания и предложения.

66 комментариев

avatar
Первый качественный и адаптивный шаблон для версии 2.0. Немного кастомизировать по себя и будет пушка!
Спасибо, покупаю на днях!
avatar
Да, мои ожидания, к сожалению, были напрасны. Основная ценность шаблона в меню и адаптивности, а в остальном сухой стандарт. 2800 явно завышенная цена.
avatar
Чего конкретно Вы ожидали? И какая, по Вашему мнению, адекватная цена для подобного рода шаблона?
avatar
Было бы здорово, если цена начиналась хотя бы от 1000 рублей.
avatar
Минус 25% каталогу… Скажите, Вы готовы работать две недели за 750 рублей?
avatar
Вы же хотите продать много копий шаблона? Мне кажется, что по такой цене Вы продадите гораздо больше копий, чем по предложенной Вами. Впрочем, решайте сами)
avatar
Увы, эта система не совсем так работает, иначе все мои расширения были бы по 500. :)
avatar
В любом случае желаю Вам успеха!)
avatar
Спасибо! :)
avatar
Глупости. У Developer Kit, так много продаж, потому что у этого шаблона самая честная цена за функциональный и универсальный продукт. Система всегда работает одинаково. У кого дешевле и лучше, у того и покупают. Лучше выставить дешево и продать 500 штук, чем выставить дорого и продать 50 штук. Даже, если по доходу в итоге, это будет одна сумма. Зато будет больше сайтов на одном шаблоне, больше довольных клиентов, больше рекомендаций, больше доната и больше мотивации совершенствовать этот шаблон. Все очень просто. Простая математика для выпуска массового продукта.
avatar
Дело в том, что у LS ограниченное число покупателей (аудитории) растянутые на длительный срок времени, по сути своей это все одни и те же люди, за редким исключением, тут это не работает. Вы без спору правы в перспективу, если когда-то, LS станет популярным, только кушать надо сейчас. Если брать с экономической точки зрения, то LS это не тот продукт на котором можно жить разработчику на продажах.

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

Владимира цена вполне адекватна, как заметили ниже это 2-3 часа работы по найму.
avatar
2800 рублей — это стоимость 2-3 часов хорошего разработчика.
Отличный продукт по стоимости двух часов — это завышенная цена?
avatar
Будет ли адаптация шаблона Developer Kit к LS 2.0?
avatar
Лучше бы адаптировали Developer Kit и Fox, вместо того, чтобы делать новый шаблон, который ничем не примечателен.
avatar
Шаблон делался по заказу, заказчик разрешил поделиться, поэтому шаблон в каталоге.

Раз уж затронули тему адаптации моих расширений под новую версию, отвечу: скорее всего, ждать ничего не стоит. Разве что только по заказу. Дело в том, что раньше верстка для меня была хобби, теперь же — основной источник дохода и мне выгоднее выполнить какой-либо заказ или сделать что-то новое, чем заниматься адаптацией старого с надеждой на доход.
avatar
Поддерживаю Вас!
avatar
вписывайтесь в складчину, закажем, будет нам шаблон :)
avatar
Приятный шаблончик, только в адаптиве не нужно было делать активность перед постами.
avatar
Тут особенности сетки таковы, что блок выводится первым. Для мобильников активность можно и прятать, делается парой строчек в стилях и при необходимости я подскажу, как. Тут дело в другом: были люди, которым вывод блока был необходим + не обязательно же это должен быть блок активности, у кого-то может быть реклама или еще что-то.
avatar
Мысли были как у Konstantine, но теперь смотрю на этот блок иначе.
avatar
Хороший шаблон, но требуется сео оптимизация. Готов написать по шаблону, что требуется сделать. Если Вам интересно конечно.
avatar
Здесь уже не раз обсуждали, что все это больше из разряда шаманства и личное дело каждого :) но готов выслушать, возможно, что-то и применю.
avatar
Вы не раз шаманили на моем сайте и это давало результат.
avatar
А вот если не теория, а личный опыт, тогда с удовольствием выслушаю!
avatar
Все красиво, не хватает только баннероида, и счётчика кол-ва просмотра топиков.
avatar
Похожие новости чё-то не показывает, это отдельным плагином делается?
avatar
Все, что Вы перечислили, отдельными плагинами делается.
avatar
Подскажите на счёт сайтмап.хмл чем делать/где искать? Капча при регистрации не отображается, т.е. окно с капчей видно, а текста нет.
avatar
Сайтмап раньше был сторонним плагином. Ждать обновления/заказать.

По капче: не отображается на чистом движке и шаблоне или устанавливались какие-то плагины и допиливался шаблон?

У себя пока проверить не могу, в отъезде, но вроде все работало.
avatar
На чистом движке с шаблоном сино, и соответственно других шаблонах тоже.
avatar
Тогда не в шаблоне проблему ускать нужно. Компрессию js случайно не включали?
avatar
Наверное баг движка, но не критично.
Компрессию js не включал, она отключена по умолчанию.
avatar
Множества вариантов отображения лент топиков в нем нет
То есть единственный вариант — как на демо-сайте?
avatar
Так точно. Если нужны варианты, можно предложить, вполне возможно, что реализуются.
avatar
Меня лично интересует вариант стандартной верстки «примерно как вот на livestreet.ru». У меня новостной городской сайт (http://tltpravda.ru/), где больше 10 новостей в день бывает редко, то есть лишние ссылки, держащиеся на экране по 2-3 дня, «размывают» впечатление.

Ну, или чтобы было хотя бы в три колонки (без крайней левой).

Я сам особо в тех.моментах не рублю, ими другой человек занимается. Это легко кастомизируется вручную за считанные минуты? Или нет?
avatar
Стандартная лента есть, включить можно редактированием одной строчки. Посмотреть как выглядит можно в профиле пользователя на странице его публикаций.

Сделать в три колонки тоже не сложно, работа пары часов, если будет необходимо могу и я сделать, или же объясню Вашему человеку, что необходимо для этого.
avatar
Вам бы поработать над адаптивностью. Много косяков
Все плывет




И так во всех форматах… Где то еще хуже
avatar
Не могу у себя воспроизвести проблему. На чем работаете? Какой браузер? Демку смотрите или приобретали шаблон?
avatar
Последняя мазила + Firebug. Демо смотрел
avatar
Сейчас проблема так же присутствует?
avatar
Это Ваш шаблон что ли? Автор вроде другой? Если Ваш поделитесь инфой как вы сделали вывод больших превью совместно с мелкими.
avatar
Мой. В каталоге пришлось завести другой акк в связи с открытием ИП.

Превью одного размера, вид меняется стилями, размеры — сеткой.
avatar
Превью и так видно что одинаковые. Вид я понимаю меняется стилями, но вот как размеры сеткой менять я пока не знаю… Может у вас есть ссылка на материал где это осуществляется.
avatar
Ааа, Вы о чередовании в списке топиков, вот пример из шаблона:

{foreach $topics as $topic name=foo}
                    {if $smarty.foreach.foo.iteration == 2 or $smarty.foreach.foo.iteration == 11}
                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-6 topic-card-wrapper js-masonry-item">
                            {component 'topic-card' mods='big' topic=$topic isList=true}
                        </div>
                    {else}
                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-3 topic-card-wrapper js-masonry-item">
                            {component 'topic-card' topic=$topic isList=true}
                        </div>
                    {/if}
                {/foreach}


Отдельно можете погуглить $smarty.foreach.foo.iteration.
avatar
Вроде ща норм!
avatar
У Вас, видимо, при предыдущем просмотре не полностью загрузились скрипты и не сработал masonry, отсюда и картинки такие получились.
avatar
Новая версия шаблона отправлена в каталог на модерацию. По просьбе пользователей в шаблон добавлена новая лента топиков и пересмотрен вывод информации и блоге. Список всех изменений можно посмотреть в топике. Замечания и предложения по-прежнему приветствуются.
avatar
Поиск стал красивее. Но при разворачивании окна поиска на весь экран после клика по лупе логичнее было бы сразу активировать курсор для набора текста. Потому что для ввода текста надо кликать дважды — сначала чтобы открыть окно поиска, потом — чтобы активировать курсор.
avatar
Принято.
avatar
Fix.
avatar
Подскажите, как сделали так чтобы картинки в RSS не выводились?
avatar
Ничего не делал, но могу предположить, что не выводятся потому, что в ленту попадают превью топиков, а не изображения вставленные в текст топика.
avatar
Как сделать так, чтобы все фото в постах автоматически подгонялись под заданную ширину в шаблоне? Чтобы лента была одной ширины и не нужно было выбирать, каждый раз размещение по центру, слева или справа. Интересует, как это сделать для стандартного шаблона LS. На Valley, вроде так все устроено.
avatar
В шаблоне использован функционал превью. Вам можно посоветовать высчитать необходимую ширину до которой должны сжиматься картинки (ширину ленты), задать эту ширину в конфиге (там есть настройка до какой ширины ужимать) и загружать в топик изображения больше заданной ширины.
avatar
Можно обратиться за помощью, когда начну тестировать и настраивать движок?
avatar
Да.
avatar
на мобильной версии в профиле пользователя пропадает сайтбар и это как то в замешательство меня привело! а как же менюшка пользователя:
Профиль
Стена
Публикации
Избранное
Друзья
Активность
Как Вы эту ситуацию решать будете? Я понимаю у Вас прописано .hidden-xs до 99 пикселей, меню как то я думаю не правильно скрывать. Что Вы по этому поводу думаете?
avatar
до 992 пикселей… пардон
avatar
Вы ничего не путаете?

на мобильной версии в профиле пользователя пропадает сайтбар

Ничего не пропадает, все на месте:



Пропадает только сайдбар для masonry_1 лент топиков, и только в них. Сделано по просьбам пользователей, т.к. в первой версии шаблона на мелких разрешениях экрана он выводился первым.

Я понимаю у Вас прописано .hidden-xs до...

В шаблон добавлена только сетка Бутстрапа, никакие другие его компоненты и вспомогательные классы не подключались, так что могу предположить, что либо Вы что-то перепутали, либо что-то правили у себя…
avatar
А вот сейчас вижу в самом конце… странно как то он в конце выводится… ну лан кому как… я то думал как без него то… Сори не увидел!
avatar
Хорошее решение с сайдбаром было в шаблоне Alfa (offcanvas)…
avatar
Можно и здесь переиграть, при наличии спроса.

Единственный момент, почему не применил изначально — не придумаю, как при этом шапку оптимизировать: в Альфе делал по принципу шапки в приложениях Андроида, но там все же немного другой функционал вешается на эти моменты, т.е. пользователь в итоге получит не то, чего может ожидать.

Можно было бы, конечно, и в одну боковую панель объединить и меню и сайдбар, но тут пришлось бы либо переделывать сам дизайн на какой-то другой, с боковой панелью, либо дублировать меню в сайдбаре и скрывать его для больших разрешений. Другие варианты пока в голову не приходят. Возможно, можно как-то с помощью js переносить меню из шапки в сайдбар для небольших разрешений, но в js, я несилен, если честно.
avatar
А если с двух сторон боковую панель добавить? С одной меню, с другой сайдбар, пример.
Вот еще классные варианты использования, сам пока «инспирируюсь» ))
avatar
А если с двух сторон боковую панель добавить?

Собственно, я про это речь вел, когда писал:

… в Альфе делал по принципу шапки в приложениях Андроида, но там все же немного другой функционал вешается на эти моменты...

Чаще всего у Анроида слева панель пользователя, справа выпадающий список или еще что-то подобное. Попадая на сайт и видя такого рода шапку у пользователя могут возникнуть соответствующие ассоциации и скорее всего он будет ожидать за той же левой панелью панель пользователя… Не критичный момент, но все же несколько неправильно так делать, я считаю.

По остальным примерам: там, на сайтах используется другой дизайн, другая структура для которой такое решение идеально подходит. Здесь же единственным вариантом, который я вижу было бы «вырезание» меню, добавление его в сайдбар и вынос в одну общую панель.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.