Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Подскажите, Как Поставить Кнопку Под Левым Меню С Ссылкой На Сторонний Сайт?

Автор Иванов, 02 июня 2014 22:48

Вперед

Авторизуйтесь для ответа в теме

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

#1 Иванов

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

Пользователи
217 сообщений

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

Здравствуйте!

Подскажите, как поставить кнопку под левым меню с ссылкой на сторонний сайт?

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

Наверх

#2 Vaccina

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

Модераторы
24 353 сообщений

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

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

<!-- Каталог товаров -- >
			<div class="conta">
			  <a class="toggleMenu" href="#">Каталог</a>
			  {%IFNOT catalog_full_empty%}
				{%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% 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="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
				  {% 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%}
			</div>
			<!-- /Каталог товаров -->

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

<a href="ссылка">текст кнопки</a>

Наверх

#3 Иванов

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

Пользователи
217 сообщений

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

Vaccina (03 Июнь 2014 - 03:44) писал:

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

<!-- Каталог товаров -- >
		 <div class="conta">
			 <a class="toggleMenu" href="#">Каталог</a>
			 {%IFNOT catalog_full_empty%}
			 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% 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="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
				 {% 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%}
		 </div>
		 <!-- /Каталог товаров -->

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

<a href="ссылка">текст кнопки</a>

Что-то совсем не то вышло, что нарисовали на скрине.

Кнопка в виде картинки должна быть, к.т. мы загрузим в админке.

Наверх

#4 lew

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

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

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

у вас есть картинка этой кнопки?
Или пусть будет примерно как эта картинка, которую мы поможем вам реализовать?

Наверх

#5 Иванов

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

Пользователи
217 сообщений

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

lew (03 Июнь 2014 - 22:00) писал:

у вас есть картинка этой кнопки?
Или пусть будет примерно как эта картинка, которую мы поможем вам реализовать?

картинка загружена /31223232.png

Наверх

#6 Сake

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

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

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

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

<div class="column one-third">
		<div class="block2">
		  <div class="block-title">
			<strong><span>Каталог</span></strong>
		  </div>
		  <div class="block-content">
			<!-- Каталог товаров -->
			{%IFNOT catalog_full_empty%}
			  {%FOR catalog_full%}
				{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				<li  {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
				  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="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%}
			<!-- /Каталог товаров -->
		   
			<!-- Каталог товаров -- >
			<div class="conta">
			  <a class="toggleMenu" href="#">Каталог</a>
			  {%IFNOT catalog_full_empty%}
				{%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% 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="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
				  {% 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%}
			</div>
			<!-- /Каталог товаров -->
		   
		  </div>
		</div>

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

<div class="column one-third">
		<div class="block2">
		  <div class="block-title">
			<strong><span>Каталог</span></strong>
		  </div>
		  <div class="block-content">
			<!-- Каталог товаров -->
			{%IFNOT catalog_full_empty%}
			  {%FOR catalog_full%}
				{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				<li  {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
				  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="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%}
			<!-- /Каталог товаров -->
		   
			<!-- Каталог товаров -- >
			<div class="conta">
			  <a class="toggleMenu" href="#">Каталог</a>
			  {%IFNOT catalog_full_empty%}
				{%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% 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="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
				  {% 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%}
			</div>
			<!-- /Каталог товаров -->
		   
		  </div>
		  <a class="banner" href="Адрес ссылки"></a>
		</div>

далее в файл стилей style.css добавьте код

.one-third .banner-btn {
  background: url("{ASSETS_IMAGES_PATH}31223232.png") no-repeat center center;
  display: inline-block;
  height: 70px;
  text-indent: -9999px;
  width: 210px;
}

Наверх

#7 Иванов

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

Пользователи
217 сообщений

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

Сake (04 Июнь 2014 - 09:27) писал:

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

<div class="column one-third">
	 <div class="block2">
		 <div class="block-title">
		 <strong><span>Каталог</span></strong>
		 </div>
		 <div class="block-content">
		 <!-- Каталог товаров -->
		 {%IFNOT catalog_full_empty%}
			 {%FOR catalog_full%}
			 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
			 <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
				 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="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%}
		 <!-- /Каталог товаров -->
		
		 <!-- Каталог товаров -- >
		 <div class="conta">
			 <a class="toggleMenu" href="#">Каталог</a>
			 {%IFNOT catalog_full_empty%}
			 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% 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="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
				 {% 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%}
		 </div>
		 <!-- /Каталог товаров -->
		
		 </div>
	 </div>

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

<div class="column one-third">
	 <div class="block2">
		 <div class="block-title">
		 <strong><span>Каталог</span></strong>
		 </div>
		 <div class="block-content">
		 <!-- Каталог товаров -->
		 {%IFNOT catalog_full_empty%}
			 {%FOR catalog_full%}
			 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
			 <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
				 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="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%}
		 <!-- /Каталог товаров -->
		
		 <!-- Каталог товаров -- >
		 <div class="conta">
			 <a class="toggleMenu" href="#">Каталог</a>
			 {%IFNOT catalog_full_empty%}
			 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% 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="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
				 {% 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%}
		 </div>
		 <!-- /Каталог товаров -->
		
		 </div>
		 <a class="banner" href="Адрес ссылки"></a>
	 </div>

далее в файл стилей style.css добавьте код

.one-third .banner-btn {
background: url("{ASSETS_IMAGES_PATH}31223232.png") no-repeat center center;
display: inline-block;
height: 70px;
text-indent: -9999px;
width: 210px;
}

кнопочка почему-то так и не появилась...

Наверх

#8 Ирина345

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

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

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

Иванов (04 Июнь 2014 - 20:57) писал:

кнопочка почему-то так и не появилась...

Здравствуйте найдите в шаблоне HTML

 </div>
				  <a class="banner" href="Адрес ссылки"></a>
				</div>

замените на

 </div>
				  <a class="banner-btn" href="Адрес ссылки"></a>
				</div>

не забудьте поменять на Адрес ссылки на свою ссылку

Наверх

#9 Иванов

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

Пользователи
217 сообщений

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

Отлично, работает, но мы хотели бы чтобы эта кнопка была отдельно от левого меню, т.е. чуть ниже...

Наверх

#10 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 05 Июнь 2014 - 01:41

В этом случае переместите код кнопки в шаблоне HTML ниже на один </div>

Наверх

#11 Иванов

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

Пользователи
217 сообщений

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

Vaccina (05 Июнь 2014 - 01:41) писал:

В этом случае переместите код кнопки в шаблоне HTML ниже на один </div>

Спасибо, получилось!

Помогите, пож-та, ещё выровнять Виджет по центру и сделать отступ от предыдущей кнопки.

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

Наверх

#12 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 06 Июнь 2014 - 02:02

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

<script type="text/javascript" src="//vk.com/js/api/openapi.js?113"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "209", height: "500", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 20003922);
</script>
</div>

меняем на:

<div style="width:209px; margin:0 auto;">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?113"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "209", height: "500", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 20003922);
</script>
</div>
</div>

и вставляем его после:

<a class="banner-btn" href="http://post-tracker.ru"></a>

Наверх

#13 Иванов

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

Пользователи
217 сообщений

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

Vaccina (06 Июнь 2014 - 02:02) писал:

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

<script type="text/javascript" src="//vk.com/js/api/openapi.js?113"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "209", height: "500", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 20003922);
</script>
</div>

меняем на:

<div style="width:209px; margin:0 auto;">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?113"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "209", height: "500", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 20003922);
</script>
</div>
</div>

и вставляем его после:

<a class="banner-btn" href="http://post-tracker.ru"></a>

Спасибо! Все получилось.

Подскажите, как еще сделать отступ от кнопки "Отследить заказ"?

Наверх

#14 lew

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

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

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

Цитата

Подскажите, как еще сделать отступ от кнопки "Отследить заказ"?

вы наверно говорите про "отследить посылку"
в style.css, в самый низ этого файла вставьте следующий код

.one-third a.banner-btn {
margin: 0 0 15px 0;
}

Наверх

#15 Иванов

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

Пользователи
217 сообщений

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

lew (06 Июнь 2014 - 21:55) писал:

вы наверно говорите про "отследить посылку"
в style.css, в самый низ этого файла вставьте следующий код

.one-third a.banner-btn {
margin: 0 0 15px 0;
}

спасибо, всё работает.

Наверх

#16 Иванов

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

Пользователи
217 сообщений

Отправлено 05 Июль 2014 - 17:32

Иванов (04 Июнь 2014 - 20:57) писал:

кнопочка почему-то так и не появилась...

Помогите пож-та поставить такую же кнопку чуть ниже с ссылкой на сайт.

Сапсибо!

Наверх

#17 Dars

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

Пользователи
1 410 сообщений

Отправлено 05 Июль 2014 - 17:47

Иванов (05 Июль 2014 - 17:32) писал:

Помогите пож-та поставить такую же кнопку чуть ниже с ссылкой на сайт.

Сапсибо!

То есть просто скопировать кнопку "Отследить заказ" под виджетом "Вконтакте"?

Наверх

#18 Иванов

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

Пользователи
217 сообщений

Отправлено 05 Июль 2014 - 17:50

Dars (05 Июль 2014 - 17:47) писал:

То есть просто скопировать кнопку "Отследить заказ" под виджетом "Вконтакте"?

Поставить такую же кнопку (forum.png) под кнопкой "Отследить заказ".

Наверх

#19 Dars

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

Пользователи
1 410 сообщений

Отправлено 05 Июль 2014 - 18:06

Иванов (05 Июль 2014 - 17:50) писал:

Поставить такую же кнопку (forum.png) под кнопкой "Отследить заказ".

В шаблоне HTML найдите строку:

				  <a class="banner-btn" href="http://post-tracker.ru"></a>

и добавьте после неё:

<a style="background:url({ASSETS_IMAGES_PATH}forum.png);" class="banner-btn" href="http://storeland.ru"></a>

Ссылку замените на свою.

Наверх

#20 Иванов

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

Пользователи
217 сообщений

Отправлено 06 Июль 2014 - 01:57

Dars (05 Июль 2014 - 18:06) писал:

В шаблоне HTML найдите строку:

				 <a class="banner-btn" href="http://post-tracker.ru"></a>

и добавьте после неё:

<a style="background:url({ASSETS_IMAGES_PATH}forum.png);" class="banner-btn" href="http://storeland.ru"></a>

Ссылку замените на свою.

а почему вокруг кнопки появились 2 полоски (снизу и слева)? ... кнопка "отзывы о магазине"

Наверх

Вперед

Обратно в Изменение общей стилистики

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

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

Подскажите, Как Поставить Кнопку Под Левым Меню С Ссылкой На Сторонний Сайт?

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

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

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

Войти

Google поиск