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


Как Переместить Контакты В Шапку?


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

#21 miyako

miyako

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

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

Отправлено 04 Ноябрь 2013 - 08:45

Просмотр сообщенияДжейн (02 Ноябрь 2013 - 08:58) писал:

Спасиб.

Скажите пожалста, в каком месте изменяется высота поиска? Ширина знаю где, а высоту не нашла :(

Мучаю сайт.... Как мне сделать, чтоб при наведении на меню появляся сбоку треугольник, примерно так http://wmasterland.r...ery/sample.html

Так же посмотрела, если делать ячейки меню одинаковыми, то короткое слово получается как бы отдельно стоящее. Как бы сделать так, чтобы размер ячейки зависел от размера длины категории, но при этом не было переноса по словам, если категория состоит из двух слов.

Еще почему то в главном верхнем горизонтальном меню после всех переделок пропало выделение красным при наведении.  Как это дело восстановить?

И еще , наверное глупый, вопрос "чайника" :rolleyes:  При наведении на выпадающее горизонтальное меню закономерно выходят title. Как я понимаю они должны быть обязательно прописаны. Но они жутко мешаются. Что в этом случае делать , чтоб они не всплывали при наведении?

Сайт http://korset-optom.storeland.ru/

Извините за задержку с ответом.

1) Поиск -
Найдите код в style.css -
#search_block_top #search_query_top {
width: 250px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}
и замените на  -
#search_block_top #search_query_top {
width: 250px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
height: 50px !important;
}
height: 50px !important; - укажите Вашу длину в пикселях

2) .Добавьте в конец файла стилей код -
.downarrowclass {
position: absolute;
top: 12px;
right: 7px;
}
Скачайте изображение треугольника  - http://wmasterland.r...jquery/down.gif
и загрузите в раздел Сайт - Редактор шаблонов с именем down и формате gif

Найдите в шаблоне HTML строки кода  -
<a href="http://korset-optom.storeland.ru/catalog/Korsety" class="root_link2" title="Корсеты">Корсеты</a>
<a href="http://korset-optom.storeland.ru/catalog/Jeroticheskoe-bele" class="root_link2" title="Эротическое белье">Эротическое белье</a>
<a href="http://korset-optom.storeland.ru/catalog/Maskaradnye-kostyumy" class="root_link2" title="Игровые костюмы">Игровые костюмы </a>
<a href="http://korset-optom.storeland.ru/catalog/Platya" class="root_link2" title="Платья">Платья</a>
и после каждой добавьте -
<img src="{ASSETS_IMAGES_PATH}down.gif" class="downarrowclass" style="border:0;" />


#22 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 04 Ноябрь 2013 - 12:03

Все сделала, получилось.
Остались следующие вопросы:

Если делать ячейки меню одинаковыми, то короткое слово получается как бы отдельно стоящее. Как бы сделать так, чтобы размер ячейки зависел от размера длины категории, но при этом не было переноса по словам, если категория состоит из двух слов.

И еще , наверное глупый, вопрос "чайника" :rolleyes:  При наведении на выпадающее горизонтальное меню закономерно выходят title. Как я понимаю они должны быть обязательно прописаны. Но они жутко мешаются. Что в этом случае делать , чтоб они не всплывали при наведении?

#23 ne_yana

ne_yana

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

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

Отправлено 04 Ноябрь 2013 - 13:24

Просмотр сообщенияДжейн (04 Ноябрь 2013 - 12:03) писал:

Все сделала, получилось.
Остались следующие вопросы:

Если делать ячейки меню одинаковыми, то короткое слово получается как бы отдельно стоящее. Как бы сделать так, чтобы размер ячейки зависел от размера длины категории, но при этом не было переноса по словам, если категория состоит из двух слов.

И еще , наверное глупый, вопрос "чайника" :rolleyes:  При наведении на выпадающее горизонтальное меню закономерно выходят title. Как я понимаю они должны быть обязательно прописаны. Но они жутко мешаются. Что в этом случае делать , чтоб они не всплывали при наведении?
Здравствуйте, к сожалению ,не смогла понять, о каких ячейках Вы говорите. Уточните, пожалуйста, вопрос.
2. Замените в разделе Сайт - Редактор шаблонов-HTML
<a href="{menu.header1.links.URL}" class="root_link1"  {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a>
на
<a href="{menu.header1.links.URL}" class="root_link1"  {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%}>{menu.header1.links.NAME}</a>


#24 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 04 Ноябрь 2013 - 14:19

Просмотр сообщенияne_yana (04 Ноябрь 2013 - 13:24) писал:

Здравствуйте, к сожалению ,не смогла понять, о каких ячейках Вы говорите. Уточните, пожалуйста, вопрос.

:rolleyes: извиняюсь :rolleyes:  Я про горизонтальное выпадающее меню.

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

  • Безимени-1.jpg


#25 ne_yana

ne_yana

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

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

Отправлено 04 Ноябрь 2013 - 15:12

Просмотр сообщенияДжейн (04 Ноябрь 2013 - 14:19) писал:

:rolleyes: извиняюсь :rolleyes:  Я про горизонтальное выпадающее меню.
Замените
#mainmenu li .root_link2 {
color: #404040;
font-size: 13px;
height: 35px;
line-height: 35px;
text-align: left;
width: 150px;
text-decoration: none;
text-transform: uppercase;
}
на
#mainmenu li .root_link2 {
color: #404040;
font-size: 13px;
height: 35px;
line-height: 35px;
text-align: left;
width: auto;
text-decoration: none;
text-transform: uppercase;
}

#css-menu ul li a {
display: block;
text-decoration: none;
background-color: #fff;
padding: 5px 10px 0 10px;
color: #fff;
width: 120px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
на
#css-menu ul li a {
display: block;
text-decoration: none;
background-color: #fff;
padding: 5px 13px 0 10px;
color: #fff;
width: 120px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

Если Вы говорили про title для самого верхнего меню Главная - Доставка и т.д., то, чтобы убрать их, нужно на 257 строке заменить
<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
на
<a href="{menu.header.links.URL}" class="root_link">{menu.header.links.NAME}</a>


#26 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 04 Ноябрь 2013 - 15:18

Спасибо, все получилось :)

#27 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 04 Ноябрь 2013 - 21:41

Упс. Только сейчас заметила, что после всех этих переделок я не могу в горизонтальном выпадающем меню выбрать категорию. Курсор не активен. Причем только в категории Корсеты. В остальных категориях все нормально. И почему то шрифт теперь выходит курсивом. Как исправить проблему?

Сайт http://korset-optom.storeland.ru

#28 empty9228

empty9228

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

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

Отправлено 05 Ноябрь 2013 - 08:21

Здравствуйте! Ваш вопрос еще актуален?

#29 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 05 Ноябрь 2013 - 22:35

Просмотр сообщенияempty9228 (05 Ноябрь 2013 - 08:21) писал:

Здравствуйте! Ваш вопрос еще актуален?

Да, конечно актуален! Просто праздники закончились, вышла на работу и вопросами засыпать буду меньше :ph34r:

#30 Vaccina

Vaccina

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

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

Отправлено 06 Ноябрь 2013 - 04:35

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

<ul class="pad-box cont620" id="mainmenu">
<li class="root_menu2 {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
<a href="http://korset-optom.storeland.ru/catalog/Korsety"  class="root_link2"  title="">Корсеты</a><img src="{ASSETS_IMAGES_PATH}down.gif" class="downarrowclass" style="border:0;" />
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}

<li class="root_menu1 {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
<a<a href="{menu.header1.links.URL}" class="root_link1"  {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%}>{menu.header1.links.NAME}</a>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li class="root_menu2 {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
<a href="http://korset-optom.storeland.ru/catalog/Jeroticheskoe-bele" class="root_link2" title="">Эротическое белье</a><img src="{ASSETS_IMAGES_PATH}down.gif" class="downarrowclass" style="border:0;" />
<ul>
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li class="root_menu1 {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
<a href="{menu.header2.links.URL}" class="root_link1" {% IF menu.header2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>

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

<ul class="pad-box cont620" id="mainmenu">
<li class="root_menu2 {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
<a href="http://korset-optom.storeland.ru/catalog/Korsety"  class="root_link2"  title="">Корсеты</a><img src="{ASSETS_IMAGES_PATH}down.gif" class="downarrowclass" style="border:0;" />
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li class="root_menu1 {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
<a href="{menu.header1.links.URL}" class="root_link1"  {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li class="root_menu2 {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
<a href="http://korset-optom.storeland.ru/catalog/Jeroticheskoe-bele" class="root_link2" title="">Эротическое белье</a><img src="{ASSETS_IMAGES_PATH}down.gif" class="downarrowclass" style="border:0;" />
<ul>
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li class="root_menu1 {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
<a href="{menu.header2.links.URL}" class="root_link1" {% IF menu.header2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>


#31 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 06 Ноябрь 2013 - 09:31

Просмотр сообщенияne_yana (23 Октябрь 2013 - 13:43) писал:

Здравствуйте, в файле style.css замените
#footer {
color: #fff;
}
на
#footer {
color: #fff;
margin-left: 150px;
}
и

#footer > div {
width: 20%!important;
padding: 0!important;
margin: 30px 20px 0 0!important;
float: left;
}
на
#footer > div {
width: 30%!important;
padding: 0!important;
margin: 30px 20px 0 0!important;
float: left;
}

или Вы хотите, чтобы эти блоки были различной ширины?

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

А еще, не нравится что в шапке нельзя скопировать телефоны.

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

  • Снимок.PNG


#32 ne_yana

ne_yana

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

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

Отправлено 06 Ноябрь 2013 - 09:47

Просмотр сообщенияvelena168 (06 Ноябрь 2013 - 09:31) писал:

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

А еще, не нравится что в шапке нельзя скопировать телефоны.
Здравствуйте, замените в файле style.css
#footer {
color: #fff;
margin-left: 150px;
}
на
#footer {
color: #000;
margin-left: 150px;
font-weight: normal;
}

#footer .block h4, #footer .block h4 a, #footer h4, #footer h4 a {
background-color: transparent!important;
display: block;
float: left;
color: #333333;
font-size: 14px;
font-weight: 300;
padding: 0;
margin: 0 0 10px 0;
text-shadow: none;
line-height: 0px;
}
на
#footer .block h4, #footer .block h4 a, #footer h4, #footer h4 a {
background-color: transparent!important;
display: block;
float: left;
color: #000000;
font-size: 14px;
font-weight: 300;
padding: 0;
margin: 0 0 10px 0;
text-shadow: none;
line-height: 0px;
}

#footer li a {
font-weight: normal;
font-size: 12px;
color: #333333;
}
на
#footer li a {
font-weight: normal;
font-size: 12px;
color: #000000;
}

#footer > div {
width: 30%!important;
padding: 0!important;
margin: 0px 20px 0 0!important;
float: left;
}
на
#footer > div {
padding: 0!important;
margin: 0px 20px 0 0!important;
float: left;
}


#33 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 06 Ноябрь 2013 - 10:14

А как убрать курсив с горизонтального выпадающего меню и сделать его обычным шрифтом?

сайт http://korset-optom.storeland.ru/

#34 empty9228

empty9228

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

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

Отправлено 06 Ноябрь 2013 - 10:19

Здравствуйте, в файле style.css найдите код
#css-menu ul {
list-style: none;
font-family: Tahoma /*Georgia, serif*/;
font-size: 13px;
font-style: italic;
line-height: 1.4em;
border: 2px solid #fff;
border-left: 1px solid #fff;
float: left;
padding: 0;
margin: 5px 0 25px 24px;
font-weight: normal;
}
удалите из него значение
font-style: italic;

#35 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 06 Ноябрь 2013 - 10:34

Просмотр сообщенияne_yana (06 Ноябрь 2013 - 09:47) писал:

Здравствуйте, замените в файле style.css
#footer {
color: #fff;
margin-left: 150px;
}
на
#footer {
color: #000;
margin-left: 150px;
font-weight: normal;
}

#footer .block h4, #footer .block h4 a, #footer h4, #footer h4 a {
background-color: transparent!important;
display: block;
float: left;
color: #333333;
font-size: 14px;
font-weight: 300;
padding: 0;
margin: 0 0 10px 0;
text-shadow: none;
line-height: 0px;
}
на
#footer .block h4, #footer .block h4 a, #footer h4, #footer h4 a {
background-color: transparent!important;
display: block;
float: left;
color: #000000;
font-size: 14px;
font-weight: 300;
padding: 0;
margin: 0 0 10px 0;
text-shadow: none;
line-height: 0px;
}

#footer li a {
font-weight: normal;
font-size: 12px;
color: #333333;
}
на
#footer li a {
font-weight: normal;
font-size: 12px;
color: #000000;
}

#footer > div {
width: 30%!important;
padding: 0!important;
margin: 0px 20px 0 0!important;
float: left;
}
на
#footer > div {
padding: 0!important;
margin: 0px 20px 0 0!important;
float: left;
}
Спасибо, теперь отлично!

А еще, как сделать чтобы в шапке можно было выделить и скопировать телефоны?

#36 Koderhan

Koderhan

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

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

Отправлено 06 Ноябрь 2013 - 10:51

Можно сделать так чтобы при клике на номер клиент мог позвонить по данному номеру через скайп на компьютере или если он с телефона то у него сразу набирается номер и предлагается позвонить.

Предварительно создав резервную копию шаблона.

Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.phoneNum {
	display: block;
	width: 169px;
}

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "HTML".
Найти код:
{% 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 %}
Заменить:
<span class="phoneNum">
					  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a class="tel1" 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>{%ENDIF%}
					  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<a class="tel2" 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}"><span class="telColor"></span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>{%ENDIF%}
					  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<a class="tel3" 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}"><span class="telColor"></span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>{%ENDIF%}
					</span>


#37 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 06 Ноябрь 2013 - 11:56

Просмотр сообщенияKoderhan (06 Ноябрь 2013 - 10:51) писал:

Можно сделать так чтобы при клике на номер клиент мог позвонить по данному номеру через скайп на компьютере или если он с телефона то у него сразу набирается номер и предлагается позвонить.
Предварительно создав резервную копию шаблона.
Спасибо. А +7 можно на 8 заменить, а то не ровно получается.

#38 Koderhan

Koderhan

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

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

Отправлено 06 Ноябрь 2013 - 12:25

Просмотр сообщенияvelena168 (06 Ноябрь 2013 - 11:56) писал:

Спасибо. А +7 можно на 8 заменить, а то не ровно получается.
Это вы можете сделать в Основных настройках.

#39 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 06 Ноябрь 2013 - 12:49

Просмотр сообщенияKoderhan (06 Ноябрь 2013 - 12:25) писал:

Это вы можете сделать в Основных настройках.
Ой, спасибо. Не посмотрела, что сама заменила.

#40 watches-club

watches-club

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

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

Отправлено 06 Ноябрь 2013 - 14:53

Помогите сделать как указанно на  картинке



Изображение




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

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