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

[Trend78]

Добрый день!
Пришёл к выводу, что надо переделать мобильное меню. Слишком долго мотать приходится, и путаница.
Надо что бы меню живое было. Т.е при первом развороте только основные категории. При нажатии на основную категорию вниз выдвигаются подкатегории и тд
Примерно как вот в этом магазине (2 скрин)
Знаю задание, наверное, сложное, но всё равно заранее спасибо)

Прикрепленные изображения

• 
• 

[Trend78]

[Trend78]

help me plz

[Trend78]

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

[Trend78]

Вакциина,вся надежда на вас

[Vaccina]

Необходимо подключить плагин и произвести все изменения по следующей инструкции:
http://forum.storela...post__p__148398

Только в HTML не надо менять код, найдите

<!-- Каталог товаров -->
						<nav class="sectionblock-container conta">
							{%IFNOT catalog_full_empty%}
								{%FOR catalog_full%}
								{% IF catalog_full.FIRST %}
								<ul {% IF catalog_full.LEVEL = 0 %}class="navSelect menuResp nav myhidden"{% ENDIF %}>
									{% IF catalog_full.LEVEL = 0 %}<li class="conta-one "><a href="/catalog">Каталог товаров</a></li>{% ENDIF %}
								{% ENDIF %}
									<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
										<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active selected"{% ENDIF %}>{catalog_full.NAME}</a>
										{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
									{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
								{%ENDFOR%}
							{%ENDIF%}
						</nav>
						<!-- /Каталог товаров -->

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

[Trend78]

Vaccina (16 Декабрь 2015 - 06:51) писал:

Необходимо подключить плагин и произвести все изменения по следующей инструкции:
http://forum.storela...post__p__148398

Только в HTML не надо менять код, найдите

<!-- Каталог товаров -->
					 <nav class="sectionblock-container conta">
						 {%IFNOT catalog_full_empty%}
							 {%FOR catalog_full%}
							 {% IF catalog_full.FIRST %}
							 <ul {% IF catalog_full.LEVEL = 0 %}class="navSelect menuResp nav myhidden"{% ENDIF %}>
								 {% IF catalog_full.LEVEL = 0 %}<li class="conta-one "><a href="/catalog">Каталог товаров</a></li>{% ENDIF %}
							 {% ENDIF %}
								 <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
									 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active selected"{% ENDIF %}>{catalog_full.NAME}</a>
									 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
								 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
							 {%ENDFOR%}
						 {%ENDIF%}
					 </nav>
					 <!-- /Каталог товаров -->

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

сделал

[Vaccina]

В начале main.css пропишите:

#navigation {
	display: none;
}

далее найдите:

.menu_select {
		display: block;
		  background: #d5dfed;
			border-radius:6px;
	}

замените на:

.menu_select {
		display: none;
		  background: #d5dfed;
			border-radius:6px;
	}
#navigation {
	display: block;
}

[Trend78]

Vaccina (17 Декабрь 2015 - 01:22) писал:

В начале main.css пропишите:

#navigation {
display: none;
}

далее найдите:

.menu_select {
	 display: block;
		 background: #d5dfed;
		 border-radius:6px;
}

замените на:

.menu_select {
	 display: none;
		 background: #d5dfed;
		 border-radius:6px;
}
#navigation {
display: block;
}

Продолжайте)

[Vaccina]

Уточните пожалуйста, что хотите еще изменить? =)

[Trend78]

Vaccina (17 Декабрь 2015 - 01:50) писал:

Уточните пожалуйста, что хотите еще изменить? =)

Что бы была строка с текущем разделом как в том меню было, при нажатии на которую это всё выезжало вниз)

[Trend78]

ну или не текущий раздел,а просто такая длинная кнопка как было "каталог товаров", нажимаешь на неё и выдвигается это меню

[Trend78]

на основной версии,кстати,убралось только на главной странице

Прикрепленные изображения

• 

[Vaccina]

В этом случае в main.css найдите:

#navigation {
	 display: none;
}

замените на:

#navigation {
	 display: none;
}
#second_cat{display:none;}

далее найдите:

#navigation {
display: block;
}

замените на:

#second_cat{display:block;}
#second_cat .title {
display: block;
background: #D5DFED;
border-radius: 6px;
font-size: 13px;
height: 32px;
line-height: 27px;
margin: 0px auto;
padding: 4px;
vertical-align: top;
width: 100%;
}

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

<!-- Каталог -->
<ul id="navigation">
{%IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IFNOT catalog_full.HIDE %}
{% IF catalog_full.index > 1 %}{% IF catalog_full.FIRST %}<ul>{% ENDIF %}{% ENDIF %}
<li>
<a href="{catalog_full.URL}"
{% IF catalog_full.CURRENT %}
class="selected contentTbodycatalog_fullCurent"
{% ELSEIF catalog_full.CURRENT_PARENT %}
class="contentTbodycatalog_fullCurentBranch"
{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
>
{catalog_full.NAME}
<!-- Отображение количества товаров в категории -->
</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.index > 1 %}{% IF catalog_full.LAST %}
{% FOR out %}</ul>{%IFNOT catalog_full.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
{% ENDIF %}{% ENDIF %}
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
<!-- end Каталог -->

замените на:

<!-- Каталог -->
<div id="second_cat">
<div class="title">Каталог товаров</div>
<ul id="navigation">
{%IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IFNOT catalog_full.HIDE %}
{% IF catalog_full.index > 1 %}{% IF catalog_full.FIRST %}<ul>{% ENDIF %}{% ENDIF %}
<li>
<a href="{catalog_full.URL}"
{% IF catalog_full.CURRENT %}
class="selected contentTbodycatalog_fullCurent"
{% ELSEIF catalog_full.CURRENT_PARENT %}
class="contentTbodycatalog_fullCurentBranch"
{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
>
{catalog_full.NAME}
<!-- Отображение количества товаров в категории -->
</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.index > 1 %}{% IF catalog_full.LAST %}
{% FOR out %}</ul>{%IFNOT catalog_full.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
{% ENDIF %}{% ENDIF %}
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
</div>
<!-- end Каталог -->

В конце main.js пропишите:

$(document).ready(function(){
$("#second_cat .title").click(function(){
  $(this).siblings().toggle();
});
});

[Trend78]

Vaccina (18 Декабрь 2015 - 05:15) писал:

В этом случае в main.css найдите:

#navigation {
	 display: none;
}

замените на:

#navigation {
	 display: none;
}
#second_cat{display:none;}

далее найдите:

#navigation {
display: block;
}

....


В конце main.js пропишите:

$(document).ready(function(){
$("#second_cat .title").click(function(){
$(this).siblings().toggle();
});
});

Всё просто идеально) Единственное,почему то после обновления страницы пропадает титл "каталог товаров" и вместо него пустая кнопка

[Trend78]

Ещё заметил один баг: при нажатии на любую область обведённую, открывается корзина

Прикрепленные изображения

• 

[Vaccina]

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

.cart {
	float: right;
	position: static;
}

замените на:

.cart {
	float: right;
	position: static;
	width: auto;
}

[Trend78]

Vaccina (19 Декабрь 2015 - 01:50) писал:

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

.cart {
float: right;
position: static;
}

замените на:

.cart {
float: right;
position: static;
width: auto;
}

Делаете маштаб 300-400%,нажимаете на шапку сайта)
Ещё заметил баг: меню открывается при любом действии в не меню. Например при прокрутке карусели на главной или если пару раз тапнуть по тексту, открывается меню.
Корзинка починилась

[Vaccina]

Опять же, к сожалению, не смогла воспроизвести проблему, не понимаю зачем масштабировать в принципе =)

[Trend78]

Vaccina (19 Декабрь 2015 - 05:36) писал:

Опять же, к сожалению, не смогла воспроизвести проблему, не понимаю зачем масштабировать в принципе =)

Ну потому что эта проблема актуальна только на мобильном меню) И что бы по 10 раз не заходить с телефона,можно промаштабировать до мобильного "вида" сайта на пк