Отключен JavaScript

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

0

Перенести Поиск И Контактную Информацию

Автор Trend78, 26 окт. 2015 01:48

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

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

#1 Trend78

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

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

ГородСанкт-П

Отправлено 26 Октябрь 2015 - 01:48

Как не пробовал,либо не получалось вообще,либо встаёт криво очень. Хотелось бы поиск сделать рядом с корзиной,а обр.связь в шапке справа над поиском и корзиной
Заранее спасибо)

Наверх

#2 Юля123

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

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

Отправлено 26 Октябрь 2015 - 09:34

Trend78 (26 Октябрь 2015 - 01:48) писал:

Как не пробовал,либо не получалось вообще,либо встаёт криво очень. Хотелось бы поиск сделать рядом с корзиной,а обр.связь в шапке справа над поиском и корзиной
Заранее спасибо)

Здравствуйте,пожалуйста, укажите номер вашего аккаунта.

Наверх

#3 Trend78

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

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

ГородСанкт-П

Отправлено 26 Октябрь 2015 - 12:21

Юля123 (26 Октябрь 2015 - 09:34) писал:

Здравствуйте,пожалуйста, укажите номер вашего аккаунта.

Указал!

Наверх

#5 Trend78

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

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

ГородСанкт-П

Отправлено 26 Октябрь 2015 - 13:43

Юля123 (26 Октябрь 2015 - 12:53) писал:

1) Удаление блока контакты снизу.Зайдите в админ.панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите и удалите код:

<div class="contactsSite column" itemscope itemtype="http://schema.org/Organization">
						 <div class="newHead">
							 <h4><a href="{FEEDBACK_URL}" title="Перейти к странице &laquo;Контакты&raquo;" target="_blank">Контакты</a><span class="toggleImg"></span></h4>
						 </div>
						 <div class="newCont">
							 <ul class="postList">
								 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
									 <li class="phone tel1">
										 <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
									 </li>
								 {% ENDIF %}
								 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
									 <li class="phone tel2">
										 <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>
									 </li>
								 {% ENDIF %}
								 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
									 <li class="phone tel3">
										 <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>
									 </li>
								 {% ENDIF %}
								 <!-- Есл есть номер icq -->
								 {% IF SETTINGS_STORE_ICQ %}
									 <li class="headerIcq">
										 <span class="icqImg"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" title="Статус ICQ" width="16" height="16" /></span>
										 <a href="#">{SETTINGS_STORE_ICQ}</a>
									 </li>
								 {% ENDIF %}
								 {% IF SETTINGS_STORE_SKYPE %}
									 <li class="skype">
										 <span class="skypeImg"></span>
										 <span class="skypeTxt">
											 <span>Skype:&nbsp;</span>
											 <a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a>
										 </span>
									 </li>
								 {% ENDIF %}
								 <!-- E-mail магазина -->
								 {% IF SETTINGS_STORE_EMAIL_MAIN %}
									 <li class="email" itemprop="email">
										 <span class="emailImg"></span>
										 <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Написать письмо на &laquo;{SETTINGS_STORE_EMAIL_MAIN}&raquo;">{SETTINGS_STORE_EMAIL_MAIN}</a>
									 </li>
								 {% ENDIF %}
								 <!-- Время работы магазина -->
								 {% IF SETTINGS_STORE_WORK_TIME %}
									 <li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
										 Время работы: <span>{SETTINGS_STORE_WORK_TIME}</span>
									 </li>
								 {% ENDIF %}
							 </ul>
						 </div>
					 </div>

2) 1) Добавление блока вверх.
В шаблоны ->HTML, добавьте после кода:

<div class="logoblock-left"></div>
<div title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img itemprop="image" src="{ASSETS_IMAGES_PATH}logo.png?design=snow" alt="{SETTINGS_STORE_NAME}" />
</a>

следующий код:

<!--Контакты-->
<div class="contactsSite column" itemscope itemtype="http://schema.org/Organization">
<div class="newHead">
<h4><a href="{FEEDBACK_URL}" title="Перейти к странице &laquo;Контакты&raquo;" target="_blank">Контакты</a><span class="toggleImg"></span></h4>
</div>
<div class="newCont">
<ul class="postList">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<li class="phone tel1">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
</li>
{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<li class="phone tel2">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>
</li>
{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<li class="phone tel3">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>
</li>
{% ENDIF %}
<!-- Есл есть номер icq -->
{% IF SETTINGS_STORE_ICQ %}
<li class="headerIcq">
<span class="icqImg"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" title="Статус ICQ" width="16" height="16" /></span>
<a href="#">{SETTINGS_STORE_ICQ}</a>
</li>
{% ENDIF %}
{% IF SETTINGS_STORE_SKYPE %}
<li class="skype">
<span class="skypeImg"></span>
<span class="skypeTxt">
<span>Skype:&nbsp;</span>
<a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a>
</span>
</li>
{% ENDIF %}
<!-- E-mail магазина -->
{% IF SETTINGS_STORE_EMAIL_MAIN %}
<li class="email" itemprop="email">
<span class="emailImg"></span>
<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Написать письмо на &laquo;{SETTINGS_STORE_EMAIL_MAIN}&raquo;">{SETTINGS_STORE_EMAIL_MAIN}</a>
</li>
{% ENDIF %}
<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
Время работы: <span>{SETTINGS_STORE_WORK_TIME}</span>
</li>
{% ENDIF %}
</ul>
</div>
</div>

В стилях main.css добавьте код:

.contactsSite.column {
	float: right;
	margin-top: 20px;
}

Как то совсем криво получается
И можно как нибудь сделать что бы шапка осталась на том же уровне,а не поднималась

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

Наверх

#6 Юля123

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

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

Отправлено 26 Октябрь 2015 - 14:04

Trend78 (26 Октябрь 2015 - 13:43) писал:

Как то совсем криво получается
И можно как нибудь сделать что бы шапка осталась на том же уровне,а не поднималась

Попробуйте следующее.

1) Удалите контакты снизу, как описано в первом пункте.

2) В шаблоне Html найдите код:

<div class="logoblock-left"></div>
<div title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img itemprop="image" src="{ASSETS_IMAGES_PATH}logo.png?design=snow" alt="{SETTINGS_STORE_NAME}" />
</a>

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

<div class="logoblock-left"></div>
						 <div title="{SETTINGS_STORE_NAME}"><a class="logo" href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img itemprop="image" src="{ASSETS_IMAGES_PATH}logo.png?design=snow" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></div>
					 <!--Контакты-->
					 <div class="contactsSite column" itemscope itemtype="http://schema.org/Organization">
<div class="newHead">
<h4><a href="{FEEDBACK_URL}" title="Перейти к странице &laquo;Контакты&raquo;" target="_blank">Контакты</a><span class="toggleImg"></span></h4>
</div>
<div class="newCont">
<ul class="postList">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<li class="phone tel1">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
</li>
{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<li class="phone tel2">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>
</li>
{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<li class="phone tel3">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>
</li>
{% ENDIF %}
<!-- Есл есть номер icq -->
{% IF SETTINGS_STORE_ICQ %}
<li class="headerIcq">
<span class="icqImg"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" title="Статус ICQ" width="16" height="16" /></span>
<a href="#">{SETTINGS_STORE_ICQ}</a>
</li>
{% ENDIF %}
{% IF SETTINGS_STORE_SKYPE %}
<li class="skype">
<span class="skypeImg"></span>
<span class="skypeTxt">
<span>Skype:&nbsp;</span>
<a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a>
</span>
</li>
{% ENDIF %}
<!-- E-mail магазина -->
{% IF SETTINGS_STORE_EMAIL_MAIN %}
<li class="email" itemprop="email">
<span class="emailImg"></span>
<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Написать письмо на &laquo;{SETTINGS_STORE_EMAIL_MAIN}&raquo;">{SETTINGS_STORE_EMAIL_MAIN}</a>
</li>
{% ENDIF %}
<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
Время работы: <span>{SETTINGS_STORE_WORK_TIME}</span>
</li>
{% ENDIF %}
</ul>
</div>
</div>

в main.css добавьте код

.contactsSite.column {
		float: right;
		margin-top: 20px;
}

.logo {
  float:left;
}

Вы должны получить следующий результат

Наверх

#7 Trend78

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

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

ГородСанкт-П

Отправлено 26 Октябрь 2015 - 14:53

Юля123 (26 Октябрь 2015 - 14:04) писал:

Попробуйте следующее.

1) Удалите контакты снизу, как описано в первом пункте.

2) В шаблоне Html найдите код:

<div class="logoblock-left"></div>
<div title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img itemprop="image" src="{ASSETS_IMAGES_PATH}logo.png?design=snow" alt="{SETTINGS_STORE_NAME}" />
</a>

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

<div class="logoblock-left"></div>
						 <div title="{SETTINGS_STORE_NAME}"><a class="logo" href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img itemprop="image" src="{ASSETS_IMAGES_PATH}logo.png?design=snow" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></div>
					 <!--Контакты-->
					 <div class="contactsSite column" itemscope itemtype="http://schema.org/Organization">
<div class="newHead">
<h4><a href="{FEEDBACK_URL}" title="Перейти к странице &laquo;Контакты&raquo;" target="_blank">Контакты</a><span class="toggleImg"></span></h4>
</div>
<div class="newCont">
<ul class="postList">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<li class="phone tel1">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
</li>
{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<li class="phone tel2">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>
</li>
{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<li class="phone tel3">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>
</li>
{% ENDIF %}
<!-- Есл есть номер icq -->
{% IF SETTINGS_STORE_ICQ %}
<li class="headerIcq">
<span class="icqImg"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" title="Статус ICQ" width="16" height="16" /></span>
<a href="#">{SETTINGS_STORE_ICQ}</a>
</li>
{% ENDIF %}
{% IF SETTINGS_STORE_SKYPE %}
<li class="skype">
<span class="skypeImg"></span>
<span class="skypeTxt">
<span>Skype:&nbsp;</span>
<a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a>
</span>
</li>
{% ENDIF %}
<!-- E-mail магазина -->
{% IF SETTINGS_STORE_EMAIL_MAIN %}
<li class="email" itemprop="email">
<span class="emailImg"></span>
<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Написать письмо на &laquo;{SETTINGS_STORE_EMAIL_MAIN}&raquo;">{SETTINGS_STORE_EMAIL_MAIN}</a>
</li>
{% ENDIF %}
<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
Время работы: <span>{SETTINGS_STORE_WORK_TIME}</span>
</li>
{% ENDIF %}
</ul>
</div>
</div>

в main.css добавьте код

.contactsSite.column {
float: right;
margin-top: 20px;
}

.logo {
float:left;
}

Вы должны получить следующий результат

Прикрепленный файл

QsrjXvN9R0M.jpg

Спасибо большое,Юлия!)
Теперь бы ещё немного пошире сделать) а то всё сжалось
параметр height не даёт результатов. Только делает весь блок шире,а не форму
И ещё бы сделать "контакты" в такой же табличке,как было внизу

Наверх

#8 Юля123

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

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

Отправлено 26 Октябрь 2015 - 15:03

Trend78 (26 Октябрь 2015 - 14:53) писал:

Спасибо большое,Юлия!)
Теперь бы ещё немного пошире сделать) а то всё сжалось
параметр height не даёт результатов. Только делает весь блок шире,а не форму
И ещё бы сделать "контакты" в такой же табличке,как было внизу

Чтобы сделать "контакты" в такой же табличке,как было внизу, добавьте в main.css код:

.newHead {
position: relative;
border: 1px solid #d9d9d9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #e9edf5;
padding: 5px;
}

С шириной разобрались?

Наверх

#9 Trend78

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

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

ГородСанкт-П

Отправлено 26 Октябрь 2015 - 15:20

Юля123 (26 Октябрь 2015 - 15:03) писал:

Чтобы сделать "контакты" в такой же табличке,как было внизу, добавьте в main.css код:

.newHead {
position: relative;
border: 1px solid #d9d9d9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #e9edf5;
padding: 5px;
}

С шириной разобрались?

Уже намного лучше) осталось только расстояние между строк (телефон,скайп и тд) побольше сделать,что бы стояли напротив иконок)

Наверх

#10 Юля123

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

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

Отправлено 26 Октябрь 2015 - 15:36

Trend78 (26 Октябрь 2015 - 15:20) писал:

Уже намного лучше) осталось только расстояние между строк (телефон,скайп и тд) побольше сделать,что бы стояли напротив иконок)

В main.css замените код

.newCont {
	position: relative;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #e9edf5;
}

на код

.newCont {
	position: relative;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #e9edf5;
	line-height: 35px;
}

Наверх

#11 Trend78

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

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

ГородСанкт-П

Отправлено 26 Октябрь 2015 - 15:48

Юля123 (26 Октябрь 2015 - 15:36) писал:

В main.css замените код

.newCont {
position: relative;
border: 1px solid #d9d9d9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #e9edf5;
}

на код

.newCont {
position: relative;
border: 1px solid #d9d9d9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #e9edf5;
line-height: 35px;
}

На пк всё просто отлично! спасибо! а вот на мобильной версии что то очень криво это меню встало

Наверх

#12 Юля123

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

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

Отправлено 26 Октябрь 2015 - 15:50

Trend78 (26 Октябрь 2015 - 15:48) писал:

На пк всё просто отлично! спасибо! а вот на мобильной версии что то очень криво это меню встало

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

Наверх

#13 Trend78

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

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

ГородСанкт-П

Отправлено 26 Октябрь 2015 - 16:24

Юля123 (26 Октябрь 2015 - 15:50) писал:

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

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

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

Наверх

#14 Vaccina

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

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

Отправлено 27 Октябрь 2015 - 01:31

В main.css после:

@media screen and (max-width: 320px) {

пропишите:

.contactsSite.column {
	width: 100% !important;
	float: none !important;
	height: 40px;
	clear: both;
	margin-bottom: 10px !important;
}
.contactsSite.column .newHead h4 {
	line-height: 40px;
}
.body-content-top {
	width: 100%;
}

Наверх

#15 Trend78

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

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

ГородСанкт-П

Отправлено 27 Октябрь 2015 - 08:43

Vaccina (27 Октябрь 2015 - 01:31) писал:

В main.css после:

@media screen and (max-width: 320px) {

пропишите:

.contactsSite.column {
width: 100% !important;
float: none !important;
height: 40px;
clear: both;
margin-bottom: 10px !important;
}
.contactsSite.column .newHead h4 {
line-height: 40px;
}
.body-content-top {
width: 100%;
}

Ничего не поменялось

Наверх

#16 Юля123

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

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

Отправлено 27 Октябрь 2015 - 10:20

Trend78 (27 Октябрь 2015 - 08:43) писал:

Ничего не поменялось

Здравствуйте, попробуйте сделать следующее

1) зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.searchForm {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
}

и замените его на код:

.searchForm {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		margin-top:15px;
	}

2) далее выполните инструкции из сообщения #14

3) найдите код:

@media screen and (max-width: 370px) {

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

[CODE]  .contactsSite.column {
		width: 70% !important;
		float: none !important;
		height: 40px;
		clear: both;
		margin:0 auto;
}

[/CODE]

4) найдите код:

@media screen and (max-width: 420px) {

после него вставьте код

  .contactsSite.column {
		width: 75% !important;
		float: none !important;
		height: 40px;
		clear: both;
		margin:0 auto;
}

4) найдите код:

@media screen and (max-width: 540px) {

после него вставьте код

  .contactsSite.column {
		width: 60% !important;
		float: none !important;
		height: 40px;
		clear: both;
		margin:0 auto;
}

Наверх

#17 Trend78

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

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

ГородСанкт-П

Отправлено 27 Октябрь 2015 - 10:35

Юля123 (27 Октябрь 2015 - 10:20) писал:

Здравствуйте, попробуйте сделать следующее

1) зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.searchForm {
	 width: 100%;
	 max-width: 300px;
	 margin: 0 auto;
}

и замените его на код:

.searchForm {
	 width: 100%;
	 max-width: 300px;
	 margin: 0 auto;
	 margin-top:15px;
}

2) далее выполните инструкции из сообщения #14

3) найдите код:

@media screen and (max-width: 370px) {

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

[CODE] .contactsSite.column {
	 width: 70% !important;
	 float: none !important;
	 height: 40px;
	 clear: both;
	 margin:0 auto;
}

[/CODE]

4) найдите код:

@media screen and (max-width: 420px) {

после него вставьте код

.contactsSite.column {
	 width: 75% !important;
	 float: none !important;
	 height: 40px;
	 clear: both;
	 margin:0 auto;
}

4) найдите код:

@media screen and (max-width: 540px) {

после него вставьте код

.contactsSite.column {
	 width: 60% !important;
	 float: none !important;
	 height: 40px;
	 clear: both;
	 margin:0 auto;
}

Доброе утро! Уже намного лучше!
осталось только сделать,что бы выпадающие меню с контактами было поверх всего. А так оно проходит под строкой поиска и уходит под блок каталога товаров

Наверх

#18 Юля123

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

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

Отправлено 27 Октябрь 2015 - 10:44

Trend78 (27 Октябрь 2015 - 10:35) писал:

Доброе утро! Уже намного лучше!
осталось только сделать,что бы выпадающие меню с контактами было поверх всего. А так оно проходит под строкой поиска и уходит под блок каталога товаров

зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код

   .slow {
		display: block;
	}

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

	.slow {
		display: block;
		z-index:105;
	}

Наверх

#19 Trend78

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

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

ГородСанкт-П

Отправлено 27 Октябрь 2015 - 11:00

Юля123 (27 Октябрь 2015 - 10:44) писал:

зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код

.slow {
display: block;
}

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

.slow {
	 display: block;
	 z-index:105;
}

Спасибо!

Наверх

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

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

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

Перенести Поиск И Контактную Информацию

#1 Trend78

#2 Юля123

#3 Trend78

#4 Юля123

#5 Trend78

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

#6 Юля123

#7 Trend78

#8 Юля123

#9 Trend78

#10 Юля123

#11 Trend78

#12 Юля123

#13 Trend78

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

#14 Vaccina

#15 Trend78

#16 Юля123

#17 Trend78

#18 Юля123

#19 Trend78

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

Google поиск

Перенести Поиск И Контактную Информацию

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

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

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

Войти

Google поиск