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


Добавление Кнопок Соц.сетей


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

#1 silk.road

silk.road

    Пользователь

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

Отправлено 04 Январь 2015 - 19:11

Доброго времени суток!
Оговорюсь сразу - практически весь форум перешерстила, но нужных мне ответов не нашла.

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

Хочу добавить кнопки соц.сетей (но не "Мне нравится" и тп), а именно надпись - Мы в соц.сетях и кликабельные  иконки соц.сетей с переходом
на мои странички в Инстаграм, Одноклассниках и ВК.

Расположить их, например, перед Новинками.
  SL- 138462

#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 05 Январь 2015 - 11:57

Просмотр сообщенияsilk.road (04 Январь 2015 - 19:11) писал:

Доброго времени суток!
Оговорюсь сразу - практически весь форум перешерстила, но нужных мне ответов не нашла.

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

Хочу добавить кнопки соц.сетей (но не "Мне нравится" и тп), а именно надпись - Мы в соц.сетях и кликабельные  иконки соц.сетей с переходом
на мои странички в Инстаграм, Одноклассниках и ВК.

Расположить их, например, перед Новинками.
  SL- 138462
Здравствуйте.
Вам нужно в интернете найти изображения кнопок соц. сетей, после загрузить их на сайт и прислать названия изображений.
Так же пришлите скриншот, чтобы мы наглядно посмотрели как они должный отображаться.

#3 silk.road

silk.road

    Пользователь

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

Отправлено 07 Январь 2015 - 13:30

Просмотр сообщенияDanil (05 Январь 2015 - 11:57) писал:

Здравствуйте.
Вам нужно в интернете найти изображения кнопок соц. сетей, после загрузить их на сайт и прислать названия изображений.
Так же пришлите скриншот, чтобы мы наглядно посмотрели как они должный отображаться.
Изображения загрузила - instagram.png  Vkontakte.png  Odnoklassniki.jpg

Разместить хочу внизу, в подвале, справа от Контактов.

Ссылки на мои странички в прикреплении

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

  • IMG_8069.PNG
  • IMG_8068.PNG


#4 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 08 Январь 2015 - 10:21

Просмотр сообщенияsilk.road (07 Январь 2015 - 13:30) писал:

Изображения загрузила - instagram.png  Vkontakte.png  Odnoklassniki.jpg

Разместить хочу внизу, в подвале, справа от Контактов.

Ссылки на мои странички в прикреплении

В шаблоне HTML после кода:
<div class="block">
	 <h4>Контакты</h4>
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	 <!-- Контактный телефон -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div class="contacts">
			 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
				 </a>
				 {% ENDIF %}
				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
				 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
				 </a>
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
				 </a>
				 {% ENDIF %}
				
			 </div>
			
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
							
				 </div>
								
			 {% ENDIF %}
			 <!-- Контакт Skype -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
			 {% ENDIF %}
			 <!-- Номер ICQ на сайте -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
				 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
				 <span>{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
					
			 </tr>
		
		 </div>
</div>

Добавьте:
<div class="block">
	 <h4>Мы в соц. сетях</h4>
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	 <a href="ссылка на страницу одноклассников"><img src="ссылка на иконку одноклассников"></a>
<a href="ссылка на страницу вконтакте"><img src="ссылка на иконку вконтакте"></a>
<a href="ссылка на страницу инстаграмм"><img src="ссылка на иконку инстаграмм"></a>
		
		 </div>
</div>

где проставьте свои ссылки за иконки и страницы.

#5 silk.road

silk.road

    Пользователь

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

Отправлено 11 Январь 2015 - 11:23

Просмотр сообщенияMikDark (08 Январь 2015 - 10:21) писал:

В шаблоне HTML после кода:
<div class="block">
	 <h4>Контакты</h4>
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	 <!-- Контактный телефон -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div class="contacts">
			 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
				 </a>
				 {% ENDIF %}
				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
				 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
				 </a>
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
				 </a>
				 {% ENDIF %}
				
			 </div>
			
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
							
				 </div>
								
			 {% ENDIF %}
			 <!-- Контакт Skype -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
			 {% ENDIF %}
			 <!-- Номер ICQ на сайте -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
				 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
				 <span>{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
					
			 </tr>
		
		 </div>
</div>

Добавьте:
<div class="block">
	 <h4>Мы в соц. сетях</h4>
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	 <a href="ссылка на страницу одноклассников"><img src="ссылка на иконку одноклассников"></a>
<a href="ссылка на страницу вконтакте"><img src="ссылка на иконку вконтакте"></a>
<a href="ссылка на страницу инстаграмм"><img src="ссылка на иконку инстаграмм"></a>
		
		 </div>
</div>

где проставьте свои ссылки за иконки и страницы.

Спасибо за помощь! частично получилось, переход на соц профили работает, но иконки не отображаются.

Как правильно должна выглядеть тут ссылка на иконку?

Иконки загружены на сайт в Изображения.

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

  • FullSizeRender.jpg


#6 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 11 Январь 2015 - 11:28

Просмотр сообщенияsilk.road (11 Январь 2015 - 11:23) писал:

Спасибо за помощь! частично получилось, переход на соц профили работает, но иконки не отображаются.

Как правильно должна выглядеть тут ссылка на иконку?

Иконки загружены на сайт в Изображения.

Вместо ссылки на изображение поставьте:
{ASSETS_IMAGES_PATH}имя картинки

Например:
{ASSETS_IMAGES_PATH}vk.jpg


#7 silk.road

silk.road

    Пользователь

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

Отправлено 11 Январь 2015 - 12:38

Просмотр сообщенияMikDark (11 Январь 2015 - 11:28) писал:

Вместо ссылки на изображение поставьте:
{ASSETS_IMAGES_PATH}имя картинки

Например:
{ASSETS_IMAGES_PATH}vk.jpg

Спасибо! Иконки встали на место.

Последние 2 вопроса, помучаю - как сделать чтобы между значками был пробел (расстояние небольшое), чтобы слитно не смотрелись?

и каждое слово в тексте Мы в соц.сетях начиналось с маленькой буквы, как у меня написано, а не с больших Мы В Соц.Сетях, как на сайте?

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

  • FullSizeRender (1).jpg


#8 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 11 Январь 2015 - 12:58

Просмотр сообщенияsilk.road (11 Январь 2015 - 12:38) писал:

Спасибо! Иконки встали на место.

Последние 2 вопроса, помучаю - как сделать чтобы между значками был пробел (расстояние небольшое), чтобы слитно не смотрелись?

и каждое слово в тексте Мы в соц.сетях начиналось с маленькой буквы, как у меня написано, а не с больших Мы В Соц.Сетях, как на сайте?

В шаблоне HTML найдите код:
<h4>Мы в соц. сетях</h4>

и замените на:
<h4 style="text-transform:none;">Мы в соц. сетях</h4>

Далее в style.css добавьте:
#footer a img {
padding-left: 10px;
}


#9 silk.road

silk.road

    Пользователь

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

Отправлено 11 Январь 2015 - 13:15

Просмотр сообщенияMikDark (11 Январь 2015 - 12:58) писал:


Далее в style.css добавьте:
#footer a img {
padding-left: 10px;
}
Вот этот номер не прошел :(

#10 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 11 Январь 2015 - 13:40

Просмотр сообщенияsilk.road (11 Январь 2015 - 13:15) писал:

Вот этот номер не прошел :(

Изменения произвели

#11 silk.road

silk.road

    Пользователь

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

Отправлено 11 Январь 2015 - 13:45

Просмотр сообщенияMikDark (11 Январь 2015 - 13:40) писал:

Изменения произвели

Да, кэш почистила, обновилась, и иконки встали раздельно.
Спасибо за помощь! :rolleyes:

#12 olick

olick

    Пользователь

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

Отправлено 19 Январь 2015 - 14:10

Просмотр сообщенияMikDark (08 Январь 2015 - 10:21) писал:

В шаблоне HTML после кода:
<div class="block">
	 <h4>Контакты</h4>
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	 <!-- Контактный телефон -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div class="contacts">
			 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
				 </a>
				 {% ENDIF %}
				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
				 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
				 </a>
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
				 </a>
				 {% ENDIF %}
				
			 </div>
			
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
							
				 </div>
								
			 {% ENDIF %}
			 <!-- Контакт Skype -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
			 {% ENDIF %}
			 <!-- Номер ICQ на сайте -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
				 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
				 <span>{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
					
			 </tr>
		
		 </div>
</div>

Добавьте:
<div class="block">
	 <h4>Мы в соц. сетях</h4>
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	 <a href="ссылка на страницу одноклассников"><img src="ссылка на иконку одноклассников"></a>
<a href="ссылка на страницу вконтакте"><img src="ссылка на иконку вконтакте"></a>
<a href="ссылка на страницу инстаграмм"><img src="ссылка на иконку инстаграмм"></a>
		
		 </div>
</div>

где проставьте свои ссылки за иконки и страницы.

у меня нет контактов в подвале, хочу на их место поставить иконки соц сетей, после какой строки нужно вставить код?

#13 Ирина345

Ирина345

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

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

Отправлено 19 Январь 2015 - 16:16

Просмотр сообщенияolick (19 Январь 2015 - 14:10) писал:

у меня нет контактов в подвале, хочу на их место поставить иконки соц сетей, после какой строки нужно вставить код?
Здравствуйте, найдите в HTML
<div class="fluid-bg" id="footer-bottom">
<div class="container">
замените на

<div class="fluid-bg" id="footer-bottom">
<div class="container">

<div class="contacts" style="widht:200px;">
				<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				  <!-- Первый контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER1}
					</a>
				  {% ENDIF %}

				  <!-- Второй контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
					<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER2}
					</a>
				  {% ENDIF %}
	
				  <!-- Третий контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER3}
					</a>
				  {% ENDIF %}
				  
				</div>
				
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					{SETTINGS_STORE_WORK_TIME}
				  </div>
				{% ENDIF %}
				<!-- Контакт Skype -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				{% ENDIF %}

				<!-- Номер ICQ на сайте -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="clear"></div>
				  <div class="icq-number left">
					<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span>{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
  <a href="ссылка на соц. сеть">  <img src=ссылка на картинку"/></a>
				<div class="clear"></div>
			  </div>


#14 olick

olick

    Пользователь

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

Отправлено 19 Январь 2015 - 18:19

Просмотр сообщенияИрина345 (19 Январь 2015 - 16:16) писал:

Здравствуйте, найдите в HTML
<div class="fluid-bg" id="footer-bottom">
<div class="container">
замените на

<div class="fluid-bg" id="footer-bottom">
<div class="container">

<div class="contacts" style="widht:200px;">
<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
</a>
{% ENDIF %}

<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER2}
</a>
{% ENDIF %}

<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
</a>
{% ENDIF %}

</div>

<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
{SETTINGS_STORE_WORK_TIME}
</div>
{% ENDIF %}
<!-- Контакт Skype -->
{% IF SETTINGS_STORE_SKYPE %}
<a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
{% ENDIF %}

<!-- Номер ICQ на сайте -->
{% IF SETTINGS_STORE_ICQ %}
<div class="clear"></div>
<div class="icq-number left">
<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
<span>{SETTINGS_STORE_ICQ}</span>
</div>
{% ENDIF %}
<a href="ссылка на соц. сеть"> <img src=ссылка на картинку"/></a>
<div class="clear"></div>
</div>

контакты в подвале не нужны, нужны только иконки соц сетей

#15 Ирина345

Ирина345

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

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

Отправлено 19 Январь 2015 - 20:25

Просмотр сообщенияolick (19 Январь 2015 - 18:19) писал:

контакты в подвале не нужны, нужны только иконки соц сетей
Отмените инструкцию выше
далее найдите в hTML
<div class="fluid-bg" id="footer-bottom">
<div class="container">


замените на
<div class="fluid-bg" id="footer-bottom">
<div class="container">
<div class="soc">
<a href="ссылка на соц. сеть"> <img src=ссылка на картинку"/></a>
<a href="ссылка на соц. сеть"> <img src=ссылка на картинку"/></a>
<a href="ссылка на соц. сеть"> <img src=ссылка на картинку"/></a>
</div>


#16 olick

olick

    Пользователь

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

Отправлено 20 Январь 2015 - 12:22

Просмотр сообщенияИрина345 (19 Январь 2015 - 20:25) писал:

Отмените инструкцию выше
далее найдите в hTML
<div class="fluid-bg" id="footer-bottom">
<div class="container">


замените на
<div class="fluid-bg" id="footer-bottom">
<div class="container">
<div class="soc">
<a href="ссылка на соц. сеть"> <img src=ссылка на картинку"/></a>
<a href="ссылка на соц. сеть"> <img src=ссылка на картинку"/></a>
<a href="ссылка на соц. сеть"> <img src=ссылка на картинку"/></a>
</div>

все, иконки встали на место, но никак не появляется сама картинка.

#17 Ирина345

Ирина345

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

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

Отправлено 20 Январь 2015 - 12:26

Просмотр сообщенияolick (20 Январь 2015 - 12:22) писал:

все, иконки встали на место, но никак не появляется сама картинка.
здравствуйте, найдите
<a href="https://vk.com/club84613714"> <img src={ASSETS_IMAGES_PATH}vk.jpg"/></a>
замените на

<a href="https://vk.com/club84613714"> <img src="{ASSETS_IMAGES_PATH}vk.jpg"/></a>




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

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