Box_categories горизонтальный + дублирующий вертикальный

[s26 0]

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

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

Но это еще не все, нужно вывести вертикальный бокс уже непосредственно подкатегории только. Я это сделал с легкостью. но есть проблемка, нужно вывести два вида боксов то есть двумя метками, Саша, подскажите - в каких файлах нужно прописать, чтобы получить метку {$BOX_CATEGORIES2}

Спасибо!

[support 447]

Ставндартный бокс разделы вполне можно переделать в горизонтальный.

Для этого достаточно только css стили править в /templates/шаблон/stylesheet.css

Но, само-собой, надо знать css.

[s26 0]

Ставндартный бокс разделы.

то есть тот что выводится меткой {$BOX_CATEGORIES} ?

[support 447]

Да.

Просто в стилях поправить что б категории первого уровня выводили в строку, а не столбик.

[support 447]

Примеры css menu например на cssplay.co.uk есть.

т.е. Ваша задача просто css стили написать нужные Вам.

Не нужно править ни html, ни тем более php код.

[-Inna- 0]

если нужно выводить два вида меню категорий делайте вторую метку

{$BOX_CATEGORIES2}

создавайте в папке boxes box_categories2.html

в папке source\boxes categories2.php

добавьте в boxes.php include(DIR_WS_BOXES . 'categories2.php');

и все второй бокс категорий готов

[s26 0]

тогда еще вопрос, я на базе категории+под категорий выполнил фото галерею. но мне нужно чтобы бокс Разделов игнорировал эту категорию. Так как она не вписывается в дизайн, а так же ссылка на нее предусмотрена в другом месте.

Что посоветуете сделать, чтобы бокс не выводил именно эту категорию?

Спасибо!

[support 447]

По умолчанию вариантов нет, все категории ативные выводятся.

Разве что править код, например назначать каждой категории сss класс свой отдельный и через css скрыть.

Либо править php код и добавлять условие, что б нужная категория не выводилась.

[s26 0]

понял, спасибо!

[Astalavista 0]

если нужно выводить два вида меню категорий делайте вторую метку

{$BOX_CATEGORIES2}

создавайте в папке boxes box_categories2.html

в папке source\boxes categories2.php

добавьте в boxes.php include(DIR_WS_BOXES . 'categories2.php');

и все второй бокс категорий готов

А как при этом в админке разделить товары по двум категориям?

[support 447]

По умолчанию - никак.

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

Использовать либо существующее какое-то поле, либо заводить новое в базе данных и затем в sql запросе на вывод категорий в бокс задать условие.

Ничего сложного.

[s26 0]

если нужно выводить два вида меню категорий делайте вторую метку

{$BOX_CATEGORIES2}

создавайте в папке boxes box_categories2.html

в папке source\boxes categories2.php

добавьте в boxes.php include(DIR_WS_BOXES . 'categories2.php');

и все второй бокс категорий готов

Правильно ли это, то что я выделил?

По факту мне нужно вывести два бокса

1) Выводит горизонтальное меню Категории(Родитель+Подкатегории)

2) Вертикальное - только подкатегории. С эти я справился через редактирование vam_show_category.inc.php (метка {$BOX_CATEGORIES})

Теперь мне нужна метка {$BOX_CATEGORIES2} чтобы вывести номер 1, при помощи vam_show_category2.inc.php

Я не просто спросил с vam_show_category2.inc.php, страницы не открываются вообще, хотя там оригинальный переименнованый просто файл.

[s26 0]

Ребята, хелп!!!очень нужен ответ...

[Liebbe.ru 0]

Приступим заменяем файл /templates/vamshop/source/boxes/categories.php вот этим файлом и у нас получился развернутый каталог товаров.

СSS:

#menu, #menu ul {

    	margin: 0;

    	padding: 0;

    	list-style: none;

	}


	#menu {

    	width: auto;

    	height:43px;

    	margin: 10px auto;

    	background-color: #33cc00;

    	background-image: -moz-linear-gradient(#33cc00, #336600);

    	background-image: -webkit-gradient(linear, left top, left bottom, from(#33cc00), to(#336600));  

    	background-image: -webkit-linear-gradient(#33cc00, #336600);  

    	background-image: -o-linear-gradient(#33cc00, #336600);

    	background-image: -ms-linear-gradient(#33cc00, #336600);

    	background-image: linear-gradient(#33cc00, #336600);

    	text-align:center;

    	-moz-border-radius: 6px;

    	-webkit-border-radius: 6px;

    	border-radius: 6px;


	}


	#menu:before,

	#menu:after {

    	content: "";

    	display: table;

	}


	#menu:after {

    	clear: both;

	}


	#menu {

    	zoom:1;

	}

	#menu li:last-child {border-right:none}


	#menu li {

    	float: left;

    	position: relative;

    	border-right:1px solid #33cc00;

    	max-width:200px;

	}


	#menu a {

    	float: left;

    	padding: 5px 33px;

    	color: #fff;

    	font:bold 13px Arial, Helvetica;

    	text-decoration: none;

	}


	#menu li:hover > a {

    	color: #fafafa;

    	/*background: #a1c934;*/

	}


	*html #menu li a:hover { /* Только для IE6 */

    	color: #fafafa;

    	/*background: #a1c934;*/

	}


	#menu li ul li:hover > a {

    	color: #fafafa;

    	background: #a1c934;

	}


	*html #menu li ul li a:hover { /* Только для IE6 */

    	color: #fafafa;

    	background: #a1c934;

	}


	#menu ul {

    	margin: 20px 0 0 0;

    	_margin: 0; /*Только для IE6*/

    	opacity: 0;

    	visibility: hidden;

    	position: absolute;

    	top: 45px;

    	left: 0;

    	color:#000;

    	z-index: 9999;  

    	background: #fff;

    	border: 3px #a1c934 solid;

    	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);

    	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);

    	box-shadow: 0 -1px 0 rgba(255,255,255,.3);  

    	-moz-border-radius: 7px;

    	-webkit-border-radius: 7px;

    	border-radius: 7px;

    	-webkit-transition: all .2s ease-in-out;

    	-moz-transition: all .2s ease-in-out;

    	-ms-transition: all .2s ease-in-out;

    	-o-transition: all .2s ease-in-out;

    	transition: all .2s ease-in-out;

	}

	#menu li:hover > ul {

    	opacity: 1;

    	visibility: visible;

    	margin: 0;

	}


	#menu ul ul {

    	top: -3px;

    	left: 175px;

    	margin: 0 0 0 20px;

    	border: 3px #a1c934 solid;

    	_margin: 0; /*Только для IE6*/

    	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);

    	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);

    	box-shadow: -1px 0 0 rgba(255,255,255,.3);      

	}


	#menu ul li {

    	float: none;

    	display: block;

    	border-bottom: 1px solid #ccc;

    	_line-height: 0; /*Только для IE6*/

    	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

    	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

    	box-shadow: 0 1px 0 #111, 0 2px 0 #666;

    	border: 0 solid;

	}


	#menu ul li:last-child {

    	-moz-box-shadow: none;

    	-webkit-box-shadow: none;

    	box-shadow: none;  

	}


	#menu ul a {  

    	padding: 10px;

    	width: 150px;

    	_height: 10px; /*Только для IE6*/

    	display: block;

    	white-space: nowrap;

    	float: none;

    	text-transform: none;

    	color:#333;

    	background: #fff;

    	border-bottom: 1px #a1c934 dotted;

    	text-align: left;


	}



	}


	#menu ul a:hover {

	outline: 0;

	color: #000;

	background: #a1c934;

	}


	#menu ul li:first-child > a {

    	-moz-border-radius: 3px 3px 0 0;

    	-webkit-border-radius: 3px 3px 0 0;

    	border-radius: 3px 3px 0 0;

	}


	#menu ul li:first-child > a:after {

    	content: '';

    	position: absolute;

    	left: 60px;

    	top: -6px;

    	border-left: 6px solid transparent;

    	border-right: 6px solid transparent;

    	border-bottom: 6px solid #a1c934;

    	}


	#menu ul ul li:first-child a:after {

    	left: -6px;

    	top: 50%;

    	margin-top: -6px;

    	border-left: 0;  

    	border-bottom: 6px solid transparent;

    	border-top: 6px solid transparent;

    	border-right: 6px solid #a1c934;

	}


	#menu ul li:first-child a:hover:after {

    	border-bottom-color: #a1c934;

	}


	#menu ul ul li:first-child a:hover:after {

    	border-right-color: #a1c934;

    	border-bottom-color: transparent;    

	}


	#menu ul li:last-child > a {

    	-moz-border-radius: 0 0 3px 3px;

    	-webkit-border-radius: 0 0 3px 3px;

    	border-radius: 0 0 3px 3px;

    	border: 0;

	}

[/CODE]

Для меню я взял два оттенка зеленого Вы можете экспериментировать с цветом как угодно.

 

Размещаем {$box_CATEGORIES} желательно между шапкой сайта и контентной частью. Спасибо за внимание.

Прекрасно пашет, css надо настраивать.

. Ссылка на источник : http://www.lenal.com...ya-vamshop.html

[s26 0]

Правильно ли это, то что я выделил?

По факту мне нужно вывести два бокса

1) Выводит горизонтальное меню Категории(Родитель+Подкатегории)

2) Вертикальное - только подкатегории. С эти я справился через редактирование vam_show_category.inc.php (метка {$BOX_CATEGORIES})

Теперь мне нужна метка {$BOX_CATEGORIES2} чтобы вывести номер 1, при помощи vam_show_category2.inc.php

Я не просто спросил с vam_show_category2.inc.php, страницы не открываются вообще, хотя там оригинальный переименнованый просто файл.

Саша, очень нужен ответ!!

[support 447]

Нужно ещё делать копию /templates/шаблон/source/boxes/categories.php, например categories2.php

В categories2.php подключать vam_show_category2.inc.php

Затем подключать новый categories2.php в /templates/шаблон/source/boxes.php

И уже затем вставлять метку в шаблон /templates/шаблон/index.html

[s26 0]

В boxes.php

if (SET_BOX_CATEGORIES2 == 'true') include(DIR_WS_BOXES . 'categories2.php');

так нужно подключить?

[support 447]

Да, только тогду уж SET_BOX_CATEGORIES оставить, либо вообще условие это убрать.

[s26 0]

у меня получилось

if (SET_BOX_CATEGORIES == 'true') include(DIR_WS_BOXES . 'categories.php');

if (SET_BOX_CATEGORIES2 == 'true') include(DIR_WS_BOXES . 'categories2.php');

но не работает, все условия соблюдены....

[support 447]

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

Я Вам поэтому и писал выше, что либо убирайте это условие, либо используйте SET_BOX_CATEGORIES

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

[s26 0]

добавил в базу, добавил условие в boxes.php

Сайт вылетает Ошибка HTTP 500 (Internal Server Error):

[support 447]

Смотрите в error log файле, что у Вас за ошибка, раз 500 ошибку выводит, то текст ошибки только в error log.

[s26 0]

[Mon Jul 2 12:57:17 2012] [error] PHP Fatal error: Cannot redeclare vam_show_category() in /templates/sadovod/source/inc/vam_show_category2.inc.php on line 20

[s26 0]

ошибку понял, исправил

но теперь мне выдает во втором боксе содержимое первого

[support 447]

Естественно, Вы ж сделали копию стандартного бокса.

Правьте css стили, что б был свой вид, либо сам бокс новый правьте.