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


Шапка Сайта.

Автор FORTA, 12 янв. 2015 23:04

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

#1 FORTA

FORTA

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

  • Пользователи
  • PipPip
  • 19 сообщений
  • ГородКраснодар

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

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

1. Я хотел бы убрать из шапки корзину, поиск, телефон и т.д. (в изображении). Как это можно сделать?

2. В шапке сайта хотел бы создать кнопку контакты, с якорной ссылкой на футер. (см прикрепленную картинку)

Заранее спасибо.

maraleks.ru

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

  • vopros.jpg

#2 Vaccina

Vaccina

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

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

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

1. В main.css найдите:
.header .header-icons {
	float: right;
	margin: 12px 0;
	text-align: right;
}
замените на:
.header .header-icons {
	display: none;
	float: right;
	margin: 12px 0;
	text-align: right;
}

2.В HTML найдите:
<ul class="nav navbar-nav">
						  {%IFNOT catalog_full_empty%}
							{%FOR catalog_full%}
							  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
								<li class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% 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%}
						  </ul>
замените на:
<ul class="nav navbar-nav">
						  {%IFNOT catalog_full_empty%}
							{%FOR catalog_full%}
							  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
								<li class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% 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%}
<li><a href="#contacts">Контакты</a></li>
						  </ul>

далее найдите:
<!-- Контакты и Социальные кнопки -->
			<div class="col-xs-12 col-sm-6 col-md-3 widget social">
замените на:
<!-- Контакты и Социальные кнопки -->
			<div id="contacts" class="col-xs-12 col-sm-6 col-md-3 widget social">

#3 FORTA

FORTA

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

  • Пользователи
  • PipPip
  • 19 сообщений
  • ГородКраснодар

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

С пунктом один получилось (самостоятельно доковырял чтобы на других дисплеях также не отображалось)

По пункту 2 не выходит.

Наверху появляется кнопка, которая не нужна. Необходимо  сделать именно существующую кнопку "контакты" (я так назвал раздел каталога) чтобы при нажатии не переходило в каталог, а прокручивалось вниз на футер с контактами.

Спасибо.

#4 Vaccina

Vaccina

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

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

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

немного не понятно, в чем заключается несуществующее, кнопка якорная и не должна переводить куда-либо, чтобы был якорь в ссылке необходимо указывать идентификатор элемента,в  нашем случае #contacts, а не реальную ссылку на категорию(в данном случае работать якорь не будет)
по функционалу, она совпадает с желаемым, стилистика не нарушена

#5 FORTA

FORTA

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

  • Пользователи
  • PipPip
  • 19 сообщений
  • ГородКраснодар

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

Здравствуйте Vaccina.

Сейчас на сайте http://maraleks.ru/ есть в шапке 4 кнопки ведущие в разделы каталога товаров: Фрукты / Техника / Одежда / Контакты.
Я бы хотел главную страницу сделать чем то похожей на лендинг страницу. И у каждой кнопки вместо ссылки типа http://maraleks.ru/catalog/Kontakty  будет якорная ссылка которая ведет на соответствующий раздел "ГЛАВНОЙ СТРАНИЦЫ".

Мне только нужно понять на примере КОНТАКТЫ.
Сейчас нажатие на контакты ведет на страницу: http://maraleks.ru/catalog/Kontakty
А я бы хотел чтобы при нажатии на эту кнопку выполнялось следующее действие:
<li><a href="#contacts">Контакты</a></li>
Чтобы при нажатии страница перемоталась на раздел отмеченный
id="contacts"

Вопрос. Как мне прописать кнопке "КОНТАКТЫ" вместо пути http://maraleks.ru/catalog/Kontakty путь <li><ahref="#contacts">Контакты</a></li>


Надеюсь понятно объяснил. Заранее большое спасибо.

#6 Vaccina

Vaccina

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

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

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

сохранение категорий и в то же время изменение их ссылок на якорные невозможно, так как созданная категория всегда будет иметь ссылку
sait.ru/catalog/название категории или что пропишите в сео для ссылки
в этом случае каталог лучше вовсе убрать и вместо него вручную разместить эти якорные ссылки на примере добавления контактов, пример:
<ul class="nav navbar-nav">
<li><a href="#about">О нас</a></li>
<li><a href="#faq">Задать вопрос</a></li>
<li><a href="#contacts">Контакты</a></li>
												  </ul>
и все в таком духе, если же необходимо якорные ссылки в меню сделать только для главной страницы, то тут можно разграничить, сделав два меню, якорное только на главное и категорное на всех остальных страницах

#7 tolikkansk

tolikkansk

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

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

Отправлено 04 Февраль 2015 - 09:40

Как можно изменить иконки телефона, поиска, сравнения и корзины?

#8 Danil

Danil

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

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

Отправлено 04 Февраль 2015 - 10:07

Просмотр сообщенияtolikkansk (04 Февраль 2015 - 09:40) писал:

Как можно изменить иконки телефона, поиска, сравнения и корзины?
Здравствуйте.
Чтобы изменить иконки, отредактируйте изображения
Корзина - cart-small.png
Поиск - header_page.png
У сравнения и телефона иконок нет, чтобы их поставить в шаблоне html найдите код
Для телефона:
<div class="phone" style="	width: 157px;"><br><a href="tel:+79135179623"><span itemprop="telephone"><small>8 913 </small><big>517-96-23</big></span></a></div>
и замените на 
<div class="phone" style="	width: 157px;"><br><img class="valignMiddle" src="{ASSETS_IMAGES_PATH}название иконки" width="20" height="20" alt="Свяжитесь с нами по Skype" /><a href="tel:+79135179623"><span itemprop="telephone"><small>8 913 </small><big>517-96-23</big></span></a></div>
Для сравнения:
Пришлите скриншот, чтобы наглядно увидеть как иконка должна отображаться.

#9 tolikkansk

tolikkansk

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

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

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

Просмотр сообщенияDanil (04 Февраль 2015 - 10:07) писал:

Здравствуйте.
Чтобы изменить иконки, отредактируйте изображения
Корзина - cart-small.png
Поиск - header_page.png
У сравнения и телефона иконок нет, чтобы их поставить в шаблоне html найдите код
Для телефона:
<div class="phone" style=" width: 157px;"><br><a href="tel:+79135179623"><span itemprop="telephone"><small>8 913 </small><big>517-96-23</big></span></a></div>
и замените на
<div class="phone" style=" width: 157px;"><br><img class="valignMiddle" src="{ASSETS_IMAGES_PATH}название иконки" width="20" height="20" alt="Свяжитесь с нами по Skype" /><a href="tel:+79135179623"><span itemprop="telephone"><small>8 913 </small><big>517-96-23</big></span></a></div>
Для сравнения:
Пришлите скриншот, чтобы наглядно увидеть как иконка должна отображаться.
Я имею в виду как отредактировать в нефрите? http://e54023.storeland.ru/

#10 Vaccina

Vaccina

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

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

Отправлено 05 Февраль 2015 - 01:15

Уточните пожалуйста, вы хотите изменить их размер и цвет или заменить на совершенно иные иконки?

#11 tolikkansk

tolikkansk

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

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

Отправлено 05 Февраль 2015 - 07:54

Просмотр сообщенияVaccina (05 Февраль 2015 - 01:15) писал:

Уточните пожалуйста, вы хотите изменить их размер и цвет или заменить на совершенно иные иконки?

именно другие иконки.

#12 Ирина345

Ирина345

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

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

Отправлено 05 Февраль 2015 - 13:05

Просмотр сообщенияtolikkansk (05 Февраль 2015 - 07:54) писал:

именно другие иконки.
Здравствуйте, найдите в HTML
<div class="compare-header hidden-600">
						<a href="{COMPARE_URL}" title="Сейчас на сравнении  {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}">
						  <span class="icon-loop"><span class="compare-count">{COMPARE_GOODS_COUNT}</span></span>
						</a>
					  </div>
					  {% ENDIF %}
					  <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> 
					  <!-- Иконка поиска -->
					  <div class="search-header hidden-600">
						<a href="#" title="Поиск по магазину">
						  <span class="icon-magnifier"></span>
						</a>
					  </div>
					  <!-- Иконка телефона -->
					  <div class="phone-header hidden-600">
						<a href="#" title="Наш контактный телефон">
						  <span class="icon-mobile"></span>
						</a>
					  </div>
					  <!-- Корзина -->
					  <div class="btn-group cart-header">
						<a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
						  <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
						  <span>Корзина</span>
						</a>


замените на

<div class="compare-header hidden-600">
						<a href="{COMPARE_URL}" title="Сейчас на сравнении  {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}">
						  <span class="">
<img src="ссылка на картинку"/>
<span class="compare-count">{COMPARE_GOODS_COUNT}</span></span>
						</a>
					  </div>
					  {% ENDIF %}
					  <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> 
					  <!-- Иконка поиска -->
					  <div class="search-header hidden-600">
						<a href="#" title="Поиск по магазину">
						  <span class="magnifier"></span>
						</a>
					  </div>
					  <!-- Иконка телефона -->
					  <div class="phone-header hidden-600">
						<a href="#" title="Наш контактный телефон">
						  <span class="">
<img src="ссылка на картинку"/>
</span>
						</a>
					  </div>
					  <!-- Корзина -->
					  <div class="btn-group cart-header">
						<a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
						  <span class="">
<img src="ссылка на картинку"/>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
						  <span>Корзина</span>
						</a>

#13 tolikkansk

tolikkansk

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

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

Отправлено 05 Февраль 2015 - 21:39

Спасибо! Вот такой вопрос: а можно ли поставить кнопки на слайдер основной по бокам, чтобы покупатели смогли сами переключать?

#14 Vaccina

Vaccina

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

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

Отправлено 06 Февраль 2015 - 01:06

Подобный вопрос обсуждался на форуме и имеет инструкцию по следующей ссылке:
http://forum.storela...100#entry183903
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Нефрит
  5. → Главная
  6. Privacy Policy