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

[vadim777]

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

[Ирина345]

vadim777 (20 Октябрь 2014 - 13:37) писал:

есть решения?

Здравствуйте, попробуйте такой вариант

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;display: none;" class="ban">
<p><strong>меню</strong></p>
</div>
<div id="spoiler1" style="display: none;">
<ul class="head">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %} class="selected" {%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>

вставьте данный код после строки

</div>
<div class="text-menu-header">Меню</div>
</div>
</nav>

далее найдите в main.css

@media screen and (max-width: 980px) {
.goodsDataMainModificationDataBlock .delivery {
margin-top: 0;
}

замените на

@media screen and (max-width: 980px) {
.goodsDataMainModificationDataBlock .delivery {
margin-top: 0;
}
.ban{display:block !important;}

[vadim777]

Ирина345 (20 Октябрь 2014 - 14:27) писал:

Здравствуйте, попробуйте такой вариант

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;display: none;" class="ban">
<p><strong>меню</strong></p>
</div>
<div id="spoiler1" style="display: none;">
<ul class="head">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %} class="selected" {%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>

вставьте данный код после строки

</div>
<div class="text-menu-header">Меню</div>
</div>
</nav>

далее найдите в main.css

@media screen and (max-width: 980px) {
.goodsDataMainModificationDataBlock .delivery {
margin-top: 0;
}

замените на

@media screen and (max-width: 980px) {
.goodsDataMainModificationDataBlock .delivery {
margin-top: 0;
}
.ban{dispaly:block !important;}

вообще ничего не появилось.

[Vaccina]

.ban{dispaly:block !important;}

замените на:

.ban{display:block !important;}

[vadim777]

Vaccina (21 Октябрь 2014 - 03:49) писал:

.ban{dispaly:block !important;}

замените на:

.ban{display:block !important;}

в этих 2х строках разве есть разница?

[Ирина345]

vadim777 (21 Октябрь 2014 - 12:31) писал:

в этих 2х строках разве есть разница?

Здравствуйте, в моей инструкции была допущена ошибка

.ban{dispaly:block !important;}

тег dispaly не существует, есть тег display
Выполните инструкцию из сообщения выше.

[vadim777]

Ирина345 (21 Октябрь 2014 - 14:34) писал:

Здравствуйте, в моей инструкции была допущена ошибка

.ban{dispaly:block !important;}

тег dispaly не существует, есть тег display
Выполните инструкцию из сообщения выше.

изменил, ничего не произошло.

[Ирина345]

vadim777 (21 Октябрь 2014 - 17:23) писал:

изменил, ничего не произошло.

Найдите в HTML

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;display: none;" class="ban">

замените на

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;display: none;color: #1abc9c;" class="ban">

[vadim777]

Ирина345 (21 Октябрь 2014 - 17:52) писал:

Найдите в HTML

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;display: none;" class="ban">

замените на

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;display: none;color: #1abc9c;" class="ban">

теперь просто вверху слово "меню" и при открытии все не красиво (как нибудь выровнять бы) и сделать эту строку меню сразу под строкой контакты (в таком же стиле)

[Vaccina]

В этом случае вам необходим весь добавляемый код из инструкции выше в шаблоне HTML перенести поставив перед:

<div class="search">

в этом случае он появится под контактами, далее в main.css добавьте:

#spoiler1 .head {
	margin: 0 auto;
	width: 80%;
}
#spoiler1 .head li {
	display: block;
	float: none;
	padding: 0;
	text-align: center;
}
#spoiler1 .head li a {
	display: block;
	padding: 0;
	text-align: center;
}

[vadim777]

Vaccina (22 Октябрь 2014 - 01:43) писал:

В этом случае вам необходим весь добавляемый код из инструкции выше в шаблоне HTML перенести поставив перед:

<div class="search">

в этом случае он появится под контактами, далее в main.css добавьте:

#spoiler1 .head {
margin: 0 auto;
width: 80%;
}
#spoiler1 .head li {
display: block;
float: none;
padding: 0;
text-align: center;
}
#spoiler1 .head li a {
display: block;
padding: 0;
text-align: center;
}

спасибо, и еще вопрос:
добавить так же каталог в мобильной версии (только прямо в таком же стиле, как контакты)

[Vaccina]

уточните пожалуйста, где должен располагаться данный каталог?

Изменения производятся аналогичные, только вместо:

{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %} class="selected" {%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}

необходимо подставить:

	 {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li>
							<a href="{catalog.URL}"
							  {% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}

[vadim777]

Vaccina (23 Октябрь 2014 - 01:43) писал:

уточните пожалуйста, где должен располагаться данный каталог?

Изменения производятся аналогичные, только вместо:

{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %} class="selected" {%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}

необходимо подставить:

	 {% FOR catalog %}
					 {% IFNOT catalog.HIDE %}
						 <li>
						 <a href="{catalog.URL}"
							 {% IF catalog.LEVEL>0%}style="display:none;"{% ENDIF %}
							 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						 >{catalog.NAME}</a>
						 </li>
					 {% ENDIF %}
					 {% ENDFOR %}

поставил после "контакты". выглядит вот так
как сделать в таком же стиле как контакты (чтобы была такая же темно синяя полоса)

[Danil]

vadim777 (26 Октябрь 2014 - 09:33) писал:

поставил после "контакты". выглядит вот так Снимок экрана 2014-10-26 в 9.33.01.png
как сделать в таком же стиле как контакты (чтобы была такая же темно синяя полоса)

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

.ban {
display: block !important;
}

и замените на

.ban {
display: block !important;
float: left;
width: 100%;
height: 44px;
margin-top: 10px;
}

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

p.katalogv {
display: block;
padding: 2.8%;
width: 94%;
background-color: #34495E;
color: white;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 21px;
cursor: pointer;
}

[vadim777]

Danil (26 Октябрь 2014 - 14:57) писал:

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

@media screen and (max-width: 980px)
.ban {
display: block !important;
}

и замените на

@media screen and (max-width: 980px)
.ban {
display: block !important;
float: left;
width: 100%;
height: 44px;
margin-top: 10px;
}

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

p.katalogv {
display: block;
padding: 2.8%;
width: 94%;
background-color: #34495E;
color: white;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 21px;
cursor: pointer;
}

не совсем понятно что именно заменить, т.к. код не такой как вы прислали, вот такой у меня:
@media screen and (max-width: 980px) {
.goodsDataMainModificationDataBlock .delivery {
margin-top: 0;
}
.ban{display:block !important;}
.homePageListCart {
display: none;
}

[Danil]

vadim777 (26 Октябрь 2014 - 15:37) писал:

не совсем понятно что именно заменить, т.к. код не такой как вы прислали, вот такой у меня:
@media screen and (max-width: 980px) {
.goodsDataMainModificationDataBlock .delivery {
margin-top: 0;
}
.ban{display:block !important;}
.homePageListCart {
display: none;
}

Сообщение 14 было исправлено,. произведите изменения.

[vadim777]

Danil (26 Октябрь 2014 - 15:41) писал:

Сообщение 14 было исправлено,. произведите изменения.

изменения произел, ничего не поменялось. просто надпись "каталог", совсем не так как "контакты"

[Danil]

vadim777 (26 Октябрь 2014 - 16:15) писал:

изменения произел, ничего не поменялось. просто надпись "каталог", совсем не так как "контакты"

Изменения произвели, проверьте пожалуйста.

[vadim777]

Danil (26 Октябрь 2014 - 16:21) писал:

Изменения произвели, проверьте пожалуйста.

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

[vadim777]

vadim777 (26 Октябрь 2014 - 16:28) писал:

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

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