Сообщений в теме: 72

[Alekseys]

sotil (14 Сентябрь 2014 - 16:15) писал:

Ещё подскажите как можно прозрачности добавить во всплывающее меню?

Здравствуйте. В main.css замените

#nav {
padding: 0 0 32px 7px;
margin: 0;
font-size: 20px;
}

на

#nav {
padding: 0 0 32px 7px;
margin: 0;
font-size: 20px;
opacity: 0.9;
}

изменяя opacity: 0.9; от нуля до единицы выставьте нужную прозрачность.

[sotil]

Alekseys (14 Сентябрь 2014 - 16:26) писал:

Здравствуйте. В main.css замените

#nav {
padding: 0 0 32px 7px;
margin: 0;
font-size: 20px;
}

на

#nav {
padding: 0 0 32px 7px;
margin: 0;
font-size: 20px;
opacity: 0.9;
}

изменяя opacity: 0.9; от нуля до единицы выставьте нужную прозрачность.

Спасибо!
Ещё вопрос с большим подвалом остаётся. Можно ли список с брендами во всплывающем меню сделать колонками , например по 20 строк?

[Vaccina]

после

#nav li.over ul {
	left: -200px;
}

пропишите:

#nav li.over ul {
	left: -600px;
}
#nav li ul {
	width: 600px;
}
#nav li ul li {
	display: inline-block;
	width: 197px;
}

[sotil]

Vaccina (16 Сентябрь 2014 - 02:56) писал:

после

#nav li.over ul {
left: -200px;
}

пропишите:

#nav li.over ul {
left: -600px;
}
#nav li ul {
width: 600px;
}
#nav li ul li {
display: inline-block;
width: 197px;
}

Начинает быть похожим на нужное, и всё же можно ли как-то прописать:
Чтобы по умолчанию была одна колонка, а если в категории более например 20ти подкатегорий, добавляются колонки по необходимости. и перечисление сверху вниз, а не справа налево как сейчас?
спасибо!

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

[Vaccina]

#nav .active.parent > ul {
		left: 0 !important;
		position: relative !important;
		top: 0 !important;
}

этот код должен быть в самом низу всех изменений в каталоге, можно его видоизменить на:

#nav .active.parent > ul {
		left: 0 !important;
		position: relative !important;
		top: 0 !important;
		width:200px;
}

[sotil]

Vaccina (17 Сентябрь 2014 - 04:58) писал:

#nav .active.parent > ul {
	 left: 0 !important;
	 position: relative !important;
	 top: 0 !important;
}

этот код должен быть в самом низу всех изменений в каталоге, можно его видоизменить на:

#nav .active.parent > ul {
	 left: 0 !important;
	 position: relative !important;
	 top: 0 !important;
	 width:200px;
}

Так вроде нормально
Теперь надо сделать чтобы колонки добавлялись по необходимости, отталкиваясь от каталога, т.е. сейчас 2я вложенность, при наличии одной подкатегории, показывается на расстоянии трёх колонок от каталога.
Хочется:
Чтобы вложенность показывалась, как принято, рядом с каталогом, если во вложенности более 20 и до 40 подкатегорий, добавляется вторая колонка, при этом первая колонка (верхние подкатегории) сдвигаются на один шаг влево и т.д..

[Vaccina]

найдите:

#nav li ul li {
	display: inline-block;
	width: 197px;
}

замените на:

#nav li ul li {
	display: inline-block;
	float: right;
	width: 197px;
}

[sotil]

Vaccina (18 Сентябрь 2014 - 04:01) писал:

найдите:

#nav li ul li {
display: inline-block;
width: 197px;
}

замените на:

#nav li ul li {
display: inline-block;
float: right;
width: 197px;
}

Спасибо! Хорошо, а как на счёт колонок?

[Vaccina]

к сожалению, стилями сделать иначе нельзя, так как блок в абсолютном позиционировании и строки идут не друг под другом, а задан им float;right; на случай если 1 или 2 пункта, чтобы они шли от каталога

[sotil]

Vaccina (19 Сентябрь 2014 - 03:21) писал:

к сожалению, стилями сделать иначе нельзя, так как блок в абсолютном позиционировании и строки идут не друг под другом, а задан им float;right; на случай если 1 или 2 пункта, чтобы они шли от каталога

Откатился назад, до реализации столбцов.
В основе своей хотелось бы избавиться от огромного подвала.
Большой подвал получился из-за длинного списка подкатегорий в категории БРЕНДЫ, можно ли как-то поработать отдельно с категорией бренды, поставить бегунок или (лучше) реализовать отображение всплывающего меню колонками В идеале сделать эту категорию отдельной от каталога и стилизовать отдельно. А так же сохранить такое же размещение товаров в категории БРЕНДЫ в бэк-офисе

[Vaccina]

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

[sotil]

Vaccina (20 Сентябрь 2014 - 03:48) писал:

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

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

[Vaccina]

Адаптивные столбцы можно реализовать в случае, если убрать выпадение, а именно мешает position:absolute;
Можно на конкретные категории повесить класс, чтобы при наведении только у их подкатегорий появлялся скролл.

[sotil]

Vaccina (22 Сентябрь 2014 - 22:56) писал:

Адаптивные столбцы можно реализовать в случае, если убрать выпадение, а именно мешает position:absolute;
Можно на конкретные категории повесить класс, чтобы при наведении только у их подкатегорий появлялся скролл.

Давайте попробуем прописать класс скрола для категории "по брендам"

[Vaccina]

В шаблоне HTML найдите:

class="
						 level{catalog_full.LEVEL}
						 nav-{catalog_full.index}
						 {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
						 {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
				 "

замените на:

class="
						 level{catalog_full.LEVEL}
						 nav-{catalog_full.index}
						 {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
						 {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
	   {% IF catalog_full.NAME=ПО БРЕНДАМ%}cat_scroll{% ENDIF %}
				 "

далее в main.css добавьте в конец:

.cat_scroll > ul{
	height: 300px;
	overflow-y: scroll;
	width: 199px;
}

[sotil]

Vaccina (23 Сентябрь 2014 - 23:39) писал:

В шаблоне HTML найдите:

class="
						 level{catalog_full.LEVEL}
						 nav-{catalog_full.index}
						 {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
						 {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
				 "

замените на:

class="
						 level{catalog_full.LEVEL}
						 nav-{catalog_full.index}
						 {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
						 {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
	 {% IF catalog_full.NAME=ПО БРЕНДАМ%}cat_scroll{% ENDIF %}
				 "

далее в main.css добавьте в конец:

.cat_scroll > ul{
height: 300px;
overflow-y: scroll;
width: 199px;
}

Теперь необходимо:
1 Можно ли как-то избавиться от нижнего ползунка
2 Можно ли как то стилизовать боковой ползунок
3 Надо чтобы при наведении на вторую вложенность появлялась третья, сейчас этого не происходит, может имеет смысл переместить боковой ползунок на левый край?

[Vaccina]

.cat_scroll > ul{
height: 300px;
overflow-y: scroll;
width: 199px;
}

замените на:

.cat_scroll > ul{
height: 300px;
overflow-y: scroll;
width: 199px;
overflow-x: visible;
}

[sotil]

Vaccina (24 Сентябрь 2014 - 23:12) писал:

.cat_scroll > ul{
height: 300px;
overflow-y: scroll;
width: 199px;
}

замените на:

.cat_scroll > ul{
height: 300px;
overflow-y: scroll;
width: 199px;
overflow-x: visible;
}

Нижний ползунок появляется и когда на него наводишь мигает чередуясь с вложенной категорией, которая под ползунком, можно его вообще убрать и помочь с ещё 2мя вышеизложенными вопросами?
Спасибо!

[Vaccina]

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

overflow-x: visible;

ситуация не изменится

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

ползунок можно простилизовать только через jquery, будет проблематично, но если все же заинтересует:
http://kate-land.net...rollbar-styling

[sotil]

Vaccina (26 Сентябрь 2014 - 00:30) писал:

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

overflow-x: visible;

ситуация не изменится

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

ползунок можно простилизовать только через jquery, будет проблематично, но если все же заинтересует:
http://kate-land.net...rollbar-styling

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

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