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


Редактирование Главной Страницы И Не Только

Автор Yalyx, 21 дек. 2016 14:15

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

#1 Yalyx

Yalyx

    Новичок

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

Отправлено 21 Декабрь 2016 - 14:15

Добрый день!
Помогите сделать всё так как на скриншоте набросала, буду очень благодарна!
Скриншот прикрепила, номер аккаунта если надо SL-404093

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

  • xxx1.png

#2 Yalyx

Yalyx

    Новичок

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

Отправлено 21 Декабрь 2016 - 16:31

Помогут?

#3 MikDark

MikDark

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

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

Отправлено 21 Декабрь 2016 - 18:53

Просмотр сообщенияYalyx (21 Декабрь 2016 - 14:15) писал:

Добрый день!
Помогите сделать всё так как на скриншоте набросала, буду очень благодарна!
Скриншот прикрепила, номер аккаунта если надо SL-404093

Здравствуйте
1) В шаблоне HTML Вам нужно заменить код:
<ul>
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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 %}
				  </ul>

на

<ul>
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">{% IF catalog_full.LEVEL = 0 && catalog_full.EMPTY = 0 %}<img style="width:40px;height:40px;margin-right: 0.5em;vertical-align:middle;position:relative;top:-3px;" src="{catalog_full.IMAGE_OTHER}" />{% ENDIF %}
						  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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 %}
				  </ul>

а так же в шаблон main.css добавьте код:
.block-menu-content ul li.subhead {line-height: 40px;}

#4 Yalyx

Yalyx

    Новичок

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

Отправлено 21 Декабрь 2016 - 19:42

Сделала , что дальше ?

Просмотр сообщенияMikDark (21 Декабрь 2016 - 18:53) писал:

Здравствуйте
1) В шаблоне HTML Вам нужно заменить код:
<ul>
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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 %}
</ul>

на

<ul>
				 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">{% IF catalog_full.LEVEL = 0 && catalog_full.EMPTY = 0 %}<img style="width:40px;height:40px;margin-right: 0.5em;vertical-align:middle;position:relative;top:-3px;" src="{catalog_full.IMAGE_OTHER}" />{% ENDIF %}
						 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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 %}
				 </ul>

а так же в шаблон main.css добавьте код:
.block-menu-content ul li.subhead {line-height: 40px;}

Всё сделала, что дальше ?

#5 Yalyx

Yalyx

    Новичок

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

Отправлено 22 Декабрь 2016 - 11:07

Просьба помочь дальше :(

#6 MikDark

MikDark

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

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

Отправлено 22 Декабрь 2016 - 14:27

Просмотр сообщенияYalyx (22 Декабрь 2016 - 11:07) писал:

Просьба помочь дальше :(

В шаблоне HTML Вам нужно заменить код:
<div id="header-top"></div>

на

<div id="header-top">
<div class="container">
		<div class="row">
<ul>

{% FOR menu %}
				  {% FOR header2 %}
					{% FOR links %}
					  <li><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
</ul>
</div>
</div>
</div>

Далее в main.css заменить:
#header-top {
	height: 4px;
	overflow: hidden;
	background-color: #09AFE7;
}

на

#header-top {
	background-color: #000000;
сolor:#ffffff;
}

и в разделе Сайт - Меню создайте новое меню с теми пунктами, которые Вы хотите видеть в верхней темной полосе, в качестве переменной для меню введите header2

#7 Yalyx

Yalyx

    Новичок

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

Отправлено 22 Декабрь 2016 - 18:25

Сделала, но получилось чуть чуть не так.
--
1) Цвет фона полосы заменить на #4b4f58
2) Левый край (Вход и Регистрация)  / правый край (Список сравнения и Избранное)
3) Цвет букв #94969b
4) И что бы Вход и регистрация были не друг под другом, а рядом на против друг друга, так же как и правый край.

P.S. по всем остальным вопросам так же очень жду помощи!
Спасибо!!!

Просмотр сообщенияMikDark (22 Декабрь 2016 - 14:27) писал:

В шаблоне HTML Вам нужно заменить код:
<div id="header-top"></div>

на

<div id="header-top">
<div class="container">
<div class="row">
<ul>

{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
</div>
</div>

Далее в main.css заменить:
#header-top {
height: 4px;
overflow: hidden;
background-color: #09AFE7;
}

на

#header-top {
background-color: #000000;
сolor:#ffffff;
}

и в разделе Сайт - Меню создайте новое меню с теми пунктами, которые Вы хотите видеть в верхней темной полосе, в качестве переменной для меню введите header2

#8 Yalyx

Yalyx

    Новичок

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

Отправлено 23 Декабрь 2016 - 11:28

Уважаемые модераторы просьба помочь или же напишите что нету возможности и времени помогать, так как ждать 1 ответа по 2 суток я не могу...

P.S. готова заплатить за помощь, все желающие в ЛС пожалуйста.

#9 Vaccina

Vaccina

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

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

Отправлено 24 Декабрь 2016 - 07:47

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div id="header-top">
<div class="container">
<div class="row">
<ul>
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
</div>
</div>

замените на:
<div id="header-top">
<div class="container">
<div class="row">
	 <ul class="left">
	 {% FOR menu %}
	 {% FOR header2 %}
		 {% FOR links %}
		 <li><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
	 {% ENDFOR %}
	 {% ENDFOR %}
	 {% ENDFOR %}
</ul>
	 <ul class="right">
	 {% FOR menu %}
	 {% FOR header3 %}
		 {% FOR links %}
		 <li><a href="{menu.header3.links.URL}" {% IF menu.header3.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li>
	 {% ENDFOR %}
	 {% ENDFOR %}
	 {% ENDFOR %}
</ul>
</div>
</div>
</div>

В main.css найдите:
#header-top {
background-color: #000000;
сolor:#ffffff;
}

замените на:
#header-top {
background-color: #4b4f58;
}
#header-top ul li {
display: inline-block;
padding: 5px;
}
#header-top ul li a {
color: #94969b;
}

Зайдите в раздел Сайт - Меню - в Menu {menu.header2} удалите пункты меню "Избранное" и "Сравнение товаров"
Также в этом разделе создайте новый блок меню с переменной header3 и добавьте в него пункты "Избранное" и "Сравнение товаров"

Результат данных изменений должен быть следующий:
123.jpg
Обратно в Главная


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

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

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