Перейти к содержимому


Добавить Меню В Подвал

меню подвал

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 Zagadaika

Zagadaika

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 08 Июнь 2014 - 16:23

Доброго времени суток!

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

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 08 Июнь 2014 - 16:58

Просмотр сообщенияZagadaika (08 Июнь 2014 - 16:23) писал:

Доброго времени суток!

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

#3 Zagadaika

Zagadaika

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 08 Июнь 2014 - 21:45

Просмотр сообщенияИрина345 (08 Июнь 2014 - 16:58) писал:

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

#4 lew

lew

    Активный участник

  • Модератоpы
  • 244 сообщений

Отправлено 08 Июнь 2014 - 22:10

сперва сделайте меню в админке, под названием "нижнее"
На скриншотах для вас подсказка.
Под цифрой 2 -куда нажимать чтоб создать новое меню.
Под цифрой 3 - как оно примерно должно выглядет. Вот туда и вбейте нужные пункты меню.

Как это вы сделайте, мы дальше вам поможем

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

  • LLLLL.jpg
  • QQQQQ.png


#5 Zagadaika

Zagadaika

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 09 Июнь 2014 - 11:22

Просмотр сообщенияlew (08 Июнь 2014 - 22:10) писал:

сперва сделайте меню в админке, под названием "нижнее"
На скриншотах для вас подсказка.
Под цифрой 2 -куда нажимать чтоб создать новое меню.
Под цифрой 3 - как оно примерно должно выглядет. Вот туда и вбейте нужные пункты меню.

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

#6 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 09 Июнь 2014 - 11:30

Просмотр сообщенияZagadaika (09 Июнь 2014 - 11:22) писал:

Я это уже делал, меню появляется но не в том месте где мне бы хотелось.
Смотрите на сайте сами weelgood.ru
Здравствуйте , в HTML  найдите
<div class="inner">
		{% FOR menu %}
		  {% FOR footer %}
			<div class="menu_main">
			  <ul>
				{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
			  </ul>
			</div>
		  {% ENDFOR %}
		{% ENDFOR %}
		<div class="clear"></div>
	  </div>
и вставляете его после

	 <div class="one_fourth column">
				  <h4>Вконтакте</h4>
				  <div class="footer_links">
				  <div id="vk_groups"></div>
						<script type="text/javascript">
						  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "335", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 63271831);
						</script>
				  </div>
				</div>

потом находите

<div class="inner">
		{% FOR menu %}
		  {% FOR footer %}
			<div class="menu_main">
			  <ul>
				{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
			  </ul>
			</div>
		  {% ENDFOR %}
		{% ENDFOR %}
		<div class="clear"></div>
	  </div>
и заменяете на

<div style="	float: left;	width: 200px;"><div class="inner">
		{% FOR menu %}
		  {% FOR footer %}
			<div class="menu_main">
			  <ul>
				{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
			  </ul>
			</div>
		  {% ENDFOR %}
		{% ENDFOR %}
		<div class="clear"></div>
	  </div></div>


#7 Zagadaika

Zagadaika

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 10 Июнь 2014 - 20:00

Просмотр сообщенияИрина345 (09 Июнь 2014 - 11:30) писал:

Здравствуйте , в HTML  найдите
<div class="inner">
{% FOR menu %}
{% FOR footer %}
<div class="menu_main">
<ul>
{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
</ul>
</div>
{% ENDFOR %}
{% ENDFOR %}
<div class="clear"></div>
</div>
и вставляете его после

<div class="one_fourth column">
<h4>Вконтакте</h4>
<div class="footer_links">
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "335", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 63271831);
</script>
</div>
</div>

потом находите

<div class="inner">
{% FOR menu %}
{% FOR footer %}
<div class="menu_main">
<ul>
{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
</ul>
</div>
{% ENDFOR %}
{% ENDFOR %}
<div class="clear"></div>
</div>
и заменяете на

<div style=" float: left; width: 200px;"><div class="inner">
{% FOR menu %}
{% FOR footer %}
<div class="menu_main">
<ul>
{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
</ul>
</div>
{% ENDFOR %}
{% ENDFOR %}
<div class="clear"></div>
</div></div>
Меня видимо не правильно поняли или я как то не корректно пытаюсь объяснить
Вот как мне нужно:
03Aug2012_13-11-00orpus_ode_en_3347-_11_pod_4_400_w_20_4pin_cherno-serebristyy.jpg

#8 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 11 Июнь 2014 - 00:03

Найдите в вашем шаблоне "HTML" следующий код

<div class="one_fourth last column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	  
		  </div>
		</div>
	 <div class="one_fourth column">
				  <h4>Вконтакте</h4>
				  <div class="footer_links">
				  <div id="vk_groups"></div>
						<script type="text/javascript">
						  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "335", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 63271831);
						</script>
				  </div>
				</div>
			  
		<div class="clear"></div>
			<div id="powered">

и замените его на

<div class="one_fourth column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	  
		  </div>
		</div>
	 <div class="one_fourth column">
				  <h4>Вконтакте</h4>
				  <div class="footer_links">
				  <div id="vk_groups"></div>
						<script type="text/javascript">
						  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "335", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 63271831);
						</script>
				  </div>
				</div>
	 <div class="one_fourth last column">
		  <h4>Информация</h4>
		  <ul class="footer_links">
			  {% FOR menu %}
		  {% FOR footer2 %}
				{% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
			  {% ENDFOR %}
		{% ENDFOR %}
		  </ul>
		</div>		 
		<div class="clear"></div>
			<div id="powered">

далее в разделе Сайт -> Меню, создайте новый блок меню с именем переменной "footer2". После добавьте необходимые вам пункты в созданный блок меню.

#9 Zagadaika

Zagadaika

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений

Отправлено 11 Июнь 2014 - 09:33

Просмотр сообщенияСake (11 Июнь 2014 - 00:03) писал:

Найдите в вашем шаблоне "HTML" следующий код

<div class="one_fourth last column">
		 <h4>Контакты</h4>
		 <div class="footer_links">
		 {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	
		 </div>
	 </div>
	 <div class="one_fourth column">
				 <h4>Вконтакте</h4>
				 <div class="footer_links">
				 <div id="vk_groups"></div>
					 <script type="text/javascript">
						 VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "335", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 63271831);
					 </script>
				 </div>
			 </div>
			
	 <div class="clear"></div>
		 <div id="powered">

и замените его на

<div class="one_fourth column">
		 <h4>Контакты</h4>
		 <div class="footer_links">
		 {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	
		 </div>
	 </div>
	 <div class="one_fourth column">
				 <h4>Вконтакте</h4>
				 <div class="footer_links">
				 <div id="vk_groups"></div>
					 <script type="text/javascript">
						 VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "335", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 63271831);
					 </script>
				 </div>
			 </div>
	 <div class="one_fourth last column">
		 <h4>Информация</h4>
		 <ul class="footer_links">
			 {% FOR menu %}
		 {% FOR footer2 %}
			 {% FOR links %}<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
			 {% ENDFOR %}
	 {% ENDFOR %}
		 </ul>
	 </div>		
	 <div class="clear"></div>
		 <div id="powered">

далее в разделе Сайт -> Меню, создайте новый блок меню с именем переменной "footer2". После добавьте необходимые вам пункты в созданный блок меню.
Отлично! Все получилось, большое спасибо!

#10 ligorempty

ligorempty

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 64 сообщений

Отправлено 23 Июнь 2014 - 08:07

Cake, спасибо Вам! У меня также получилось реализовать этот вариант, вот только появилась полоса прокрутки в подвале, как ее убрать?

Скажите, пожалуйста, можно ли реализовать также верхнее меню  (header2) как на картинке.
Так, чтобы меню не скрывалось при нажатии на "показать/скрыть"

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

  • header2.png


#11 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 24 Июнь 2014 - 04:35

Найдите в вашем файле стилей main.css

#footer .inner_top {
  background: none repeat scroll 0 0 #ffffff !important;
  border-bottom: 4px solid #e1e1e1;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  overflow: auto;
  padding-top: 15px;
  position: relative;
}

и замените на

#footer .inner_top {
  background: none repeat scroll 0 0 #ffffff !important;
  border-bottom: 4px solid #e1e1e1;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  padding-top: 15px;
  position: relative;
}

Цитата

Скажите, пожалуйста, можно ли реализовать также верхнее меню  (header2) как на картинке.
Так, чтобы меню не скрывалось при нажатии на "показать/скрыть"

Вы хотите реализовать еще одно дополнительное меню навигации?





Темы с аналогичным тегами меню, подвал

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных