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


Помогите Пожалуйста С Дизайном.


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

#1 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 06 Февраль 2014 - 03:17

Помогите пожалуйста с дизайном.
1. Слайды перенесть с шапку.
2. В шапку добавить контакты (mail, телефон, адрес, время работы).
3. Меню сделать по центру.
4. Поиск и корзину перенести.
5. И если возможно сделать так чтобы при наведении на каталог всплывали категории.

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

  • примет.jpg


#2 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 06 Февраль 2014 - 04:18

SL-269324

#3 Vaccina

Vaccina

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

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

Отправлено 06 Февраль 2014 - 06:10

судя по структуре, советую вам использовать дизайн тему "Техника" и ее уже стилизовать в дальнейшем

#4 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 06 Февраль 2014 - 17:22

Просмотр сообщенияVaccina (06 Февраль 2014 - 06:10) писал:

судя по структуре, советую вам использовать дизайн тему "Техника" и ее уже стилизовать в дальнейшем
этот момент я понял.
Я перешел на тему "Техника", а что дальше... Что куда?

#5 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Февраль 2014 - 17:54

Просмотр сообщенияАксолотль (06 Февраль 2014 - 17:22) писал:

этот момент я понял.
Я перешел на тему "Техника", а что дальше... Что куда?

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

#6 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 06 Февраль 2014 - 18:17

Я в начале писал

Просмотр сообщенияАксолотль (06 Февраль 2014 - 03:17) писал:

Помогите пожалуйста с дизайном.
1. Слайды перенесть с шапку.
2. В шапку добавить контакты (mail, телефон, адрес, время работы).
3. Меню сделать по центру.
4. Поиск и корзину перенести.
5. И если возможно сделать так чтобы при наведении на каталог всплывали категории.

Как примерно должно выглядеть в прикрепленном файле.

номер акаунта SL-269324Сейчас перешел на тему "Техника" как советовали выше. Пока только перенес блок меню.

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

  • примет.jpg


#7 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Февраль 2014 - 18:20

Просмотр сообщенияАксолотль (06 Февраль 2014 - 18:17) писал:

Я в начале писал


Как примерно должно выглядеть в прикрепленном файле.

номер акаунта SL-269324Сейчас перешел на тему "Техника" как советовали выше. Пока только перенес блок меню.

Укажите изменения на новом шаблоне. Сделайте скриншот нового шаблона и укажите на нем что необходимо сделать.

#8 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 06 Февраль 2014 - 18:40

Ну, как то так.

И если возможно сделать так чтобы при наведении на каталог всплывали категории.

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

  • пример.png


#9 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 06 Февраль 2014 - 20:22

Просмотр сообщенияАксолотль (06 Февраль 2014 - 18:40) писал:

Ну, как то так.

И если возможно сделать так чтобы при наведении на каталог всплывали категории.
поднять меню:
найдите в main.css
#header_menu {background-color: #fd7507;width: 712px; height: 25px;margin: 3%;}
замените на
#header_menu {background-color: #fd7507;width: 712px; height: 25px;margin: 0 3% 3% 3%;}

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

#10 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 06 Февраль 2014 - 23:12

Извиняюсь. Почему то текст не отобразился на прикрепленном файле.
Вот изменил.

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

  • пример.png


#11 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

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

Слайд перенести в шапку
В шапку добавить контакты (электронную почту, телефон, время работы и адрес)
Разделы сайта перенести в подвал, ну с сам подвал перенести в низ сайта и по центру.

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

  • пример.png
  • апрр.png


#12 Vaccina

Vaccina

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

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

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

1. Добавление адреса и почты, в HTML найдите:
<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 %}
			   
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <div class="clear"></div>
				  <div class="left">
					<a style="text-decoration: none;" 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" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				  </div>
				{% ENDIF %}
				 
				<!-- Номер ICQ на сайте -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="clear"></div>
				  <div class="icq-number left">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
				<div class="clear"></div>
			  </div>
			{% ENDIF %}
		  </div>
сюда вставляем необходимую информацию, например:
<div class="contacts">
			 <div class="clear"></div>
			 <div class="left">
					<span class="valignMiddle">test@test.ru</span>
				  </div>

				<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 %}
			  
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <div class="clear"></div>
				  <div class="left">
					<a style="text-decoration: none;" 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" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				  </div>
				{% ENDIF %}
				
				<!-- Номер ICQ на сайте -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="clear"></div>
				  <div class="icq-number left">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
				<div class="clear"></div>
			  </div>
			{% ENDIF %}
		  </div>
на примере добавила почту.

2.Перенос слайдера вверх, код слайдера в шаблоне HTML перенесите поставив после:
<!-- Правый блок. Контент сайта -->
	  <div class="span8" style="padding-bottom: 10px;">
	  <div class="row-fluid">
3.создаем подвал, в HTML перед:
																																							 </div>
	</div>
  </div>		 
  <div class="clear"></div>
</body>
</html>
вставляем:
<!-- Правый блок. Контент сайта -->
	  <div style="padding-bottom: 10px;float:none;margin:0 auto; width:100%" class="span8"> 
	  <div class="row-fluid">
	  <div style=" text-align:center;" class="span7">
		<!-- Блок навигации -->
			{% IFNOT menu_empty %}
			  <ul class="span44 links">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						  class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>
					  </li>
				{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			{% ENDIF %}
			<div class="clear"></div>
			<!-- Прелоадер изображений которые появляются при наведеннии на ссылку в меню -->
			<div style="position:absolute;top:-9999px;">
			  <div class="header">
				<ul class="links">
				  <li>
					<a class="catalog-act"></a>
					<a class="present-act"></a>
					<a class="briefcase-act"></a>
					<a class="key-act"></a>
					<a class="tick-act"></a>
					<a class="label-act"></a>
					<a class="heart-act"></a>
					<a class="clipboard-act"></a>
					<a class="address-act"></a>
					<a class="clock-act"></a>
					<a class="cart-act"></a>
					<a class="user-act"></a>
					<a class="document-act"></a>
					<a class="home-act"></a>
				  </li>
				</ul>
			  </div>
			</div>
			<!-- /Блок навигации -->
																																								   <div class="span44 hidden-phone">
			<p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
			  <span>Все права защищены</span><br />
			  {COPYRIGHT_FOR_DESIGN_TECH}
			  <span>{SETTINGS_STORE_REGION}</span><br />
			  {SETTINGS_STORE_HTML_CODE}<br />
			</p>
			</div>
	  </div>
	  </div>
	  </div>
дублирующий кож блока меню и коопирайты удалите в данном шаблоне, они будут выше находиться

#13 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

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

попозже попробую.
Сделать как вы сказал.

#14 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

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

Возникли вопросы:
Как перенеси
Как уменьшить расстояние.
На фото показал.

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

  • апрр.png


#15 Vaccina

Vaccina

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

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

Отправлено 07 Февраль 2014 - 06:15

1. В main.css найдите:
.work-time {
	float: left;
	padding-left: 3px;
	vertical-align: middle;
}
замените на:
.work-time {
	float: left;
	padding-left: 3px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}
2.В nyvo.css найдите:
.theme-default .nivoSlider {
	background: url("/design/nyvo_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
	box-shadow: 0 1px 5px 0 #4A4A4A;
	margin-bottom: 50px;
	position: relative;
}
удалите   margin-bottom: 50px;

#16 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 07 Февраль 2014 - 06:49

по 2 пункту изменений не произошло.
Что делать?

и еще проблемы. Выдало ошибки.

.

как решить их?

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

  • апрр.png


#17 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 07 Февраль 2014 - 22:15

Выдало ошибку

Что делать

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

  • Ошибка.png


#18 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 07 Февраль 2014 - 22:34

По поводу дизайна возникли вопросы.
Не совсем понял как удалить блоки.
И подскажите как перенести строчку в подвале.

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

  • пп.png


#19 Vaccina

Vaccina

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

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

Отправлено 08 Февраль 2014 - 03:29

С ошибками проблемы пропали? Первый скриншот с ошибками был довольно странный, ошибки должны быть в красной всплывающем окне.
Удаление блоков, указанных на скриншоте, сайт - редактор шаблонов - HTML найдите:
<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
после данной строчки найдите и удалите:
{% FOR menu %}
				{% FOR footer %}
				  <div class="menu_main">
					<a class="link_nav" title="Разделы сайта">Разделы сайта</a>
					<a title="Разделы сайта" style="text-decoration: none"><h4 class="hidden-phone">Разделы сайта</h4></a>
					<ul>
					  {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
					</ul>
				  </div>
				{% ENDFOR %}
			  {% ENDFOR %}
и чуть ниже найдите и удалите:
<div class="span44 hidden-phone">
			<p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
			  <span>Все права защищены</span><br />
			  {COPYRIGHT_FOR_DESIGN_TECH}
			  <span>{SETTINGS_STORE_REGION}</span><br />
			  {SETTINGS_STORE_HTML_CODE}<br />
			</p>
			</div>
Далее для переноса строки, листаем данный шаблон в самый низ и ищем:
{COPYRIGHT_FOR_DESIGN_TECH}
	 <span>{SETTINGS_STORE_REGION}</span><br />
меняем эти строки на:
{COPYRIGHT_FOR_DESIGN_TECH}<br />
	 <span>{SETTINGS_STORE_REGION}</span><br />


#20 Аксолотль

Аксолотль

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

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВолгодонск, Москва, Тверь

Отправлено 08 Февраль 2014 - 11:01

Первый скрин бы сделан на работе через Explorer. почему то так выдал.




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

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