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

[hamer750]

Здравствуйте!Появились вопросы:
1)Как вставить на это место изображение ?
2)перенести поиск в верхнюю полосу
3)Перенести а так же изменить шрифт блока Контакты
4)добавить баннер в это место и справа 3 изображения(кнопки) с гиперссылкой
адрес сайта http://it007.storeland.ru/ Спасибо

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

• 

[support 2.0]

hamer750 (30 Апрель 2013 - 13:30) писал:

Здравствуйте!Появились вопросы:
1)Как вставить на это место изображение ?
2)перенести поиск в верхнюю полосу
3)Перенести а так же изменить шрифт блока Контакты
4)добавить баннер в это место и справа 3 изображения(кнопки) с гиперссылкой
адрес сайта http://it007.storeland.ru/ Спасибо

1. в шаблоне HTML после блока

		   <!-- ICQ номер -->
			{% IF SETTINGS_STORE_ICQ %}
			  <div class="contentTableHeadMainIcq">
				<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
				<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
			  </div>
			{% ENDIF %}
		  </div>
		{% ENDIF %}
	  </div>

вставьте

  <div style="margin-left: 29%;"> <img src="#" /> </div>

вместо # вставьте ссылку на Ваше изображение

2. в шаблоне HTMl найдите

<!-- /Блок навигации -->

сразу после нее вставьте

   <!-- Форма поиска -->
	  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
		<div>
		  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		  <input title="Искать" type="submit" value="Поиск" />
		</div>
	  </form> 
	  <!-- /Форма поиска -->

найдите другой блок поиска и удалите, он Вам больше не понадобится в другом месте.

теперь в файле style.css найдите

/* Стили для поиска */
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}

измените на

/* Стили для поиска */
form[role="search"] {position: absolute; right: 19em;top: 0.5em;}

вообще, этот шаблон сделан адаптивным. Данные блоки (картинка и поиск) будут немного этому мешать. В мобильной версии все будет отображаться не совсем так, как хотелось бы

[hamer750]

ОК.Как перенести контакты и изменить их шрифт,а так же прикрепить к ним иконку?И про баннер вы не ответили!

[support 2.0]

hamer750 (30 Апрель 2013 - 15:55) писал:

ОК.Как перенести контакты и изменить их шрифт,а так же прикрепить к ним иконку?И про баннер вы не ответили!

Да, извините, вот остальные ответы:
3) найдите в шаблоне hTML

<!-- Если в тарифном плане подключен модуль сравнения товаров -->

и ПЕРЕД ней вставьте

<!-- Контактный телефон -->
	 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
		 <div class="contacts">
		 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
			 <!-- Первый контактный телефон -->
			 {% IF 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}
			 {% ENDIF %}
			
			 <!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
			 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
			 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
			 {SETTINGS_STORE_PHONE_NUMBER2}
			 {% ENDIF %}
			
			 <!-- Третий контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
			 <br /><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}
			 {% 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 %}
			 <div class="contentTableHeadMainSkype">
			 <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
				 <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
				 <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
			 </a>
			 </div>
		 {% ENDIF %}
		
		 <!-- ICQ номер -->
		 {% IF SETTINGS_STORE_ICQ %}
			 <div class="contentTableHeadMainIcq">
			 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
			 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
			 </div>
		 {% ENDIF %}
		 </div>
	 {% ENDIF %}

удалите другой блок контактов (идет перед этими).
теперь в файле main.css найдите

.contacts {
float: left;
position: relative;
}

замените на

.contacts {
float: right;
position: relative;
margin: 25px 50px;
color:red; /*цвет контактов */
}

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

[Maxnina]

Хотелось бы узнать как поставить слайдер и правее от него 2-3 другие картинки. НЕ как не пойму код, отвечающий за это.

[leebra]

тот же вопрос. слайдер и 2-3 картинки справа от него.

[leebra]

я решила этот вопрос таким образом:

добавила таблицу и в нее вставила код слайдера в первую ячейку и код картинки со ссылкой в другую. Получилось немного коряво, сейчас решаю эту проблему.
Решение следующее: нужно просто сделать таблицу которая состоит из 2-3 строчек справа. Если у кого есть код такой таблицы буду очень признательна.

сайт http://bustshoping.ru/

[leebra]

код таблицы

<table style='table_style_css' ><tr><td/>Ячейка: 1 1</td><td/>Ячейка: 1 2</td></tr></table>