Шаблоны для разделов

[johnny_climbed 8]

Добрый день. Можете посоветовать где поискать какие нибудь готовые шаблоны для разделов в vamshop1. И на каких сайтах можно найти наиболее приспособленные для vamshopa шаблоны, а также расскажите в каких файлах и где править код.
Пример на фото

[support 447]

Здравствуйте!

 

А что за шаблоны для разделов?!

Не совсем понял о чём речь.

 

Шаблоны обчно на заказ делают, например у:

clipartmag.ru

vamshablon.ru

molodezky.pp.ua

[johnny_climbed 8]

Здравствуйте!

 

А что за шаблоны для разделов?!

Не совсем понял о чём речь.

 

Шаблоны обчно на заказ делают, например у:

clipartmag.ru

vamshablon.ru

molodezky.pp.ua

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

[support 447]

Так сейчас по умолчанию так и есть в шаблоне vamshop1 - demo.vamshop.ru

 

Разделы в полоске, как раз выпадающее меню.

 

Берите его за основу и оформляйте так как Вам нужно.

[johnny_climbed 8]

я в свое время оттуда убрал ее, как она вообще регулируется из админки как и разделы слева или как?

[support 447]

В /templates/vamshop1/index.html можно удалить метку {$box_CATEGORIES2}

[johnny_climbed 8]

так а чтобы вернуть ее?

[support 447]

Если у Вас 1.78 версия, самая последняя, то просто вернуть эту метку.

 

Посмотрите в архиву vamshop.ru/vamshop-demo.zip

 

В файле /templates/vamshop1/index.html куда и как вставлена эта метка и сделайте так же.

 

Но это только если у Вас шаблон vamshop1 и версия VamShop 1.78, в других версиях и других шаблонах такого меню по умолчанию нет и такой метки тоже нет.

[johnny_climbed 8]

нет, у меня версия 1.76

как то можно без обновления? просто у меня кастомизированный vamshop1 и боюсь что то пойдет не так если обновлю

[support 447]

Можно.

 

Возьмите из vamshop.ru/vamshop-demo.zip файлы:

/templates/vamshop1/boxes/boxes_categories2.html

/templates/vamshop1/source/boxes.php

/templates/vamshop1/source/boxes/categories2.php

и в /templates/vamshop1/stylesheet.css внизу добавьте:

.dropdown-menu {
  background: #555;
}
 

 

и затем уже в свой шаблон /templates/vamshop1/index.html добавляйте метку {$box_CATEGORIES2}

 

Опять же, посмотрите как это сделано в архиве с VamShop и сделайте так же у себя

[johnny_climbed 8]

за это спасибо, все получилось. но вот  вопрос где цвета поменять? когда переводишь мышку на подкатегории у них фон белого цвета, соответственно ничего не видно.

[support 447]

Наверное не добавили стиль в /templates/vamshop1/stylesheet.css, который я указал.

 

Этот стиль как раз и раскрашивает фон.

[support 447]

А если добавили, значит стили в браузере закэшировались, просто пару раз нажмите кнопку Обновить (f5), что б стили обновились.

 

Всё раскрасится.

[johnny_climbed 8]

А если добавили, значит стили в браузере закэшировались, просто пару раз нажмите кнопку Обновить (f5), что б стили обновились.

 

Всё раскрасится.

все получилось, но где именно можно просто цвета поменять, выделение, фон

[johnny_climbed 8]

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

[support 447]

Все цвета в /templates/vamshop1/stylesheet.css задаются.

 

Смотрите в html-коде, либо с помощью chrome developer console какие css классы используются и задаёте своё офомление.

 

По поводу наведения, подумайте о том, как это будет выглядеть если кто-то зайдёт в магазин с планшета или смартфона, как они будут наведением открывать меню?!

В принципе, не проблема конечно учитывать этот момент, что с мобильных устройств по клику.

Я просто говорю о том, что помните об этом и проверяйте, как будет работать Ваше меню, открываемое наведением мышки, на устройствах без мышки.

 

Хотя вариантов решения полно, вот например.

http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click

и одна из демок - http://jsfiddle.net/2Smgv/3100/

и вот ещё - https://cameronspear.com/demos/bootstrap-hover-dropdown/

 

Вообще, в гугле ищите например по "bootstrap dropdown on hover", куча готовых решений.

 

Но я бы оставил клик, всё-таки это понятнее, действие-результат.

[johnny_climbed 8]

Все цвета в /templates/vamshop1/stylesheet.css задаются.

 

Смотрите в html-коде, либо с помощью chrome developer console какие css классы используются и задаёте своё офомление.

 

По поводу наведения, подумайте о том, как это будет выглядеть если кто-то зайдёт в магазин с планшета или смартфона, как они будут наведением открывать меню?!

В принципе, не проблема конечно учитывать этот момент, что с мобильных устройств по клику.

Я просто говорю о том, что помните об этом и проверяйте, как будет работать Ваше меню, открываемое наведением мышки, на устройствах без мышки.

 

Хотя вариантов решения полно, вот например.

http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click

и одна из демок - http://jsfiddle.net/2Smgv/3100/

и вот ещё - https://cameronspear.com/demos/bootstrap-hover-dropdown/

 

Вообще, в гугле ищите например по "bootstrap dropdown on hover", куча готовых решений.

 

Но я бы оставил клик, всё-таки это понятнее, действие-результат.

убедили, клик решено оставить.

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

[support 447]

Можно конечно и опять же, ищите в гугл, всё это уже давно решено и в открытом виде с примерами есть.

 

Само меню выводит всю структуру категорий-подкатегорий.

 

Всё остальное - это внешнее оформление, т.е. css стили, если не можете сами стили переписать как Вам нужно, ищите готовые решения.

 

Вот примеры:

http://stackoverflow.com/questions/18616040/bootstrap-horizontal-drop-down

http://stackoverflow.com/questions/24985065/bootstrap-horizontal-dropdown-menu

 

 

Ищите в гугле по bootstrap horizontal dropdown

 

Что-нибудь подходящее найдёте, 99% даю.

[johnny_climbed 8]

Можно конечно и опять же, ищите в гугл, всё это уже давно решено и в открытом виде с примерами есть.

 

Само меню выводит всю структуру категорий-подкатегорий.

 

Всё остальное - это внешнее оформление, т.е. css стили, если не можете сами стили переписать как Вам нужно, ищите готовые решения.

 

Вот примеры:

http://stackoverflow.com/questions/18616040/bootstrap-horizontal-drop-down

http://stackoverflow.com/questions/24985065/bootstrap-horizontal-dropdown-menu

 

 

Ищите в гугле по bootstrap horizontal dropdown

 

Что-нибудь подходящее найдёте, 99% даю.

понял, спасибо. буду искать

[support 447]

Удачи

 

Либо можете свои стили написать для этого бокса нового, без boostrap, примеры например на cssplay.co.uk

[johnny_climbed 8]

в общем я так понял вручную самый простой, но и долгий способ

<li class="dropdown">
						<a data-toggle="dropdown" class="dropdown-toggle" href="">Двери <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="http://m-s-m.ua/lancelot_doors.html" id="">Lancelot</a></li>
							<li><a href="http://m-s-m.ua/doors_msm.html" id="">Входные двери</a></li>
							<li><a href="http://m-s-m.ua/mezhkomnatnie.html" id="">Межкомнатные двери</a>
							</li>
						</ul>

а можно ли как то выводить определенные категории как в {$box_CATEGORIES2}

например по номерам категорий или что то в этом роде. т.е. чтобы при смене названия категории не приходилось вручную постоянно менять

[KoVaLsKy 59]

в общем я так понял вручную самый простой, но и долгий способ

<li class="dropdown">
						<a data-toggle="dropdown" class="dropdown-toggle" href="">Двери <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="http://m-s-m.ua/lancelot_doors.html" id="">Lancelot</a></li>
							<li><a href="http://m-s-m.ua/doors_msm.html" id="">Входные двери</a></li>
							<li><a href="http://m-s-m.ua/mezhkomnatnie.html" id="">Межкомнатные двери</a>
							</li>
						</ul>

а можно ли как то выводить определенные категории как в {$box_CATEGORIES2}

например по номерам категорий или что то в этом роде. т.е. чтобы при смене названия категории не приходилось вручную постоянно менять

 

только дописывая php код. Оно, думаю, Вам не надо.

Вручную - очень хороший вариант. Названия категорий не так то и часто меняются

[johnny_climbed 8]

только дописывая php код. Оно, думаю, Вам не надо.

Вручную - очень хороший вариант. Названия категорий не так то и часто меняются

хорошо, а как например вручную добавить подкатегорию уже сделанной категории? не совсем понятно

[KoVaLsKy 59]

хорошо, а как например вручную добавить подкатегорию уже сделанной категории? не совсем понятно

 

добавить строку в 

		<ul class="dropdown-menu">
							<li><a href="http://m-s-m.ua/lancelot_doors.html" id="">Lancelot</a></li>
							<li><a href="http://m-s-m.ua/doors_msm.html" id="">Входные двери</a></li>
							<li><a href="http://m-s-m.ua/mezhkomnatnie.html" id="">Межкомнатные двери</a>
							</li>
</ul>

Например 

		<ul class="dropdown-menu">
							<li><a href="http://m-s-m.ua/lancelot_doors.html" id="">Lancelot</a></li>
							<li><a href="http://m-s-m.ua/doors_msm.html" id="">Входные двери</a></li>
							<li><a href="http://m-s-m.ua/mezhkomnatnie.html" id="">Межкомнатные двери</a></li>
							<li><a href="http://m-s-m.ua/mezhkomnatnie.html" id="">Подкатегория</a></li>
​</ul>

[johnny_climbed 8]

 

добавить строку в 

		<ul class="dropdown-menu">
							<li><a href="http://m-s-m.ua/lancelot_doors.html" id="">Lancelot</a></li>
							<li><a href="http://m-s-m.ua/doors_msm.html" id="">Входные двери</a></li>
							<li><a href="http://m-s-m.ua/mezhkomnatnie.html" id="">Межкомнатные двери</a>
							</li>
</ul>

Например 

		<ul class="dropdown-menu">
							<li><a href="http://m-s-m.ua/lancelot_doors.html" id="">Lancelot</a></li>
							<li><a href="http://m-s-m.ua/doors_msm.html" id="">Входные двери</a></li>
							<li><a href="http://m-s-m.ua/mezhkomnatnie.html" id="">Межкомнатные двери</a></li>
							<li><a href="http://m-s-m.ua/mezhkomnatnie.html" id="">Подкатегория</a></li>
​</ul>

ну честно говоря вы добавили просто еще одну категорию и все. вот об этом я и говорю