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


Оформление.


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

#41 Сake

Сake

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

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

Отправлено 23 Апрель 2013 - 01:19

Вероятно текст выводиться через переменную ORDER_FORM_DELIVERY_COMMENT. Возможно вам лучше выводить текст не в поле textarea, а рядом с ним. Замените

<textarea id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_COMMENT}
	 {%IF ORDER_FORM_DELIVERY_COMMENT %}
{ORDER_FORM_DELIVERY_COMMENT}
	 {%ELSE%}
Для максимально точного подбора волны и цвета, пожалуйста, пришлите Нам на почту nhair100@gmail.com фото волос сзади. В тексте письма укажите номер заказа.{ORDER_FORM_DELIVERY_COMMENT}
	 {%ENDIF%}
</textarea>

на

Для максимально точного подбора волны и цвета, пожалуйста, пришлите Нам на почту nhair100@gmail.com фото волос сзади. В тексте письма укажите номер заказа.
<textarea id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_COMMENT}</textarea>

или тогда на

<textarea id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Для максимально точного подбора волны и цвета, пожалуйста, пришлите Нам на почту nhair100@gmail.com фото волос сзади. В тексте письма укажите номер заказа. {ORDER_FORM_DELIVERY_COMMENT}</textarea>


#42 Сальвадор

Сальвадор

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

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

Отправлено 23 Апрель 2013 - 02:41

Просмотр сообщенияСake (23 Апрель 2013 - 01:19) писал:

Вероятно текст выводиться через переменную ORDER_FORM_DELIVERY_COMMENT. Возможно вам лучше выводить текст не в поле textarea, а рядом с ним. Замените

<textarea id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_COMMENT}
	 {%IF ORDER_FORM_DELIVERY_COMMENT %}
{ORDER_FORM_DELIVERY_COMMENT}
	 {%ELSE%}
Для максимально точного подбора волны и цвета, пожалуйста, пришлите Нам на почту nhair100@gmail.com фото волос сзади. В тексте письма укажите номер заказа.{ORDER_FORM_DELIVERY_COMMENT}
	 {%ENDIF%}
</textarea>

на

Для максимально точного подбора волны и цвета, пожалуйста, пришлите Нам на почту nhair100@gmail.com фото волос сзади. В тексте письма укажите номер заказа.
<textarea id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_COMMENT}</textarea>

или тогда на

<textarea id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Для максимально точного подбора волны и цвета, пожалуйста, пришлите Нам на почту nhair100@gmail.com фото волос сзади. В тексте письма укажите номер заказа. {ORDER_FORM_DELIVERY_COMMENT}</textarea>

Получилось... Спасибо.

#43 Dr.Nemo

Dr.Nemo

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

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

Отправлено 29 Апрель 2013 - 10:19

Здравствуйте, существует вопросы по переделу оформления дизайна сайта.


1.Сперва-наперво хотелось бы видоизменить форму поиска, которую необходимо поднять на один уровень с логотипом компании (см. картинку №1).

2. Второй момент, видоизменить каталог сайта, поставить его на место , которое ранее занимала форма поиска! (см. картинку №2) . Каталог сайта так же прорисован!

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

  • 1.jpg
  • 2.jpg
  • 3.jpg


#44 miyako

miyako

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

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

Отправлено 29 Апрель 2013 - 11:22

Просмотр сообщенияDr.Nemo (29 Апрель 2013 - 10:19) писал:

Здравствуйте, существует вопросы по переделу оформления дизайна сайта.


1.Сперва-наперво хотелось бы видоизменить форму поиска, которую необходимо поднять на один уровень с логотипом компании (см. картинку №1).

2. Второй момент, видоизменить каталог сайта, поставить его на место , которое ранее занимала форма поиска! (см. картинку №2) . Каталог сайта так же прорисован!

Поиск:
Найдите код в main.css:
#panelsite div.centercol .search {
float: left;
margin: 2px 0 12px 0px;
background: white;
width: 749px;
height: 27px;
padding: 8px 0 8px 0px;
border-radius: 50px 50px 50px 50px;
border: 1px solid #8A8686;
}
и замените на:
#panelsite div.centercol .search {
float: left;
margin: 2px 0 12px 0px;
background: white;
width: 484px;
height: 27px;
padding: 8px 0 8px 7px;
border-radius: 50px 50px 50px 50px;
border: 1px solid #8A8686;
position: absolute;
top: 164px;
left: 43%;
}

Далее найдите код:
#panelsite div.centercol .search input.text {
float: left;
background: white;
font: italic 12px Verdana, Geneva, sans-serif;
color: dimGray;
width: 546px;
height: 30px;
padding: 0 5px 0 131px;
line-height: 30px;
cursor: default;
}
и замените на:
#panelsite div.centercol .search input.text {
float: left;
background: white;
font: italic 12px Verdana, Geneva, sans-serif;
color: dimGray;
width: 275px;
height: 30px;
padding: 0 5px 0 131px;
line-height: 30px;
cursor: default;
}


#45 Stasya

Stasya

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

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

Отправлено 29 Апрель 2013 - 13:44

Чтобы все корректтно отображалось Вам необходимо в шаблоне HTML найти блок
<div class="search">
										 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
												 <div>
														 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Введите фразу...{%ENDIF%}" onblur="this.value=(this.value=='') ? Введите фразу...' : this.value;" onfocus="this.value=(this.value=='Введите фразу...') ? '' : this.value;" id="s" class="text" name="q" />
														 <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" />
												 </div>
										 </form>
						 </div>
копировать, удалить с прежнего местонахождения и поставить его после блока
	 </div>
		 <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		
	 </div>
  В файле main.css найдите блок
#panelsite div.centercol .search {float: left;margin: 2px 0 12px 0px;background: white;width: 484px;height: 27px;padding: 8px 0 8px 7px;border-radius: 50px 50px 50px 50px;border: 1px solid #8A8686;position: absolute;top: 164px;left: 43%;
}
	 #panelsite div.centercol .search input.text {float: left;background: white;font: italic 12px Verdana, Geneva, sans-serif;color: dimGray;width: 275px;height: 30px;padding: 0 5px 0 131px;line-height: 30px;cursor: default;
}
	 #panelsite div.centercol .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; }
	 #panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }
и замените его на
.search {float: left;margin: 2px 0 12px 0px;background: white;width: 484px;height: 27px;padding: 8px 0 8px 7px;border-radius: 50px 50px 50px 50px;border: 1px solid #8A8686;position: absolute;top: 164px;left: 43%;
}
	 .search input.text {float: left;background: white;font: italic 12px Verdana, Geneva, sans-serif;color: dimGray;width: 275px;height: 30px;padding: 0 5px 0 131px;line-height: 30px;cursor: default;
}
	 .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; }
	 .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }
Из-за этих перемещений у Вас может немного съехать корзина, поэтому в том же файле найдите блок
.cartInfo {
width: 188px;
position: relative;
float: right;
}
и замените его на
.cartInfo {
width: 188px;
position: relative;
float: right;
margin-top: -7px;
}
чтобы поставить ее туда куда Вы хотите, уменьшайте или увеличивайте значение margin-top: -7px;

#46 Dr.Nemo

Dr.Nemo

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

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

Отправлено 29 Апрель 2013 - 13:53

Изменил всё, строка поиска заезжает на корзину, нужно подвинуть левее поиск.

#47 Stasya

Stasya

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

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

Отправлено 29 Апрель 2013 - 14:14

Найдите блок
.search {
float: left;
margin: 2px 0 12px 0px;
background: white;
width: 484px;
height: 27px;
padding: 8px 0 8px 7px;
border-radius: 50px 50px 50px 50px;
border: 1px solid #8A8686;
position: absolute;
top: 164px;
left: 43%;
}
и замените его на
.search {
float: left;
margin: 2px 0 12px 0px;
background: white;
width: 484px;
height: 27px;
padding: 8px 0 8px 7px;
border-radius: 50px 50px 50px 50px;
border: 1px solid #8A8686;
position: absolute;
top: 164px;
left: 40%;
}
Для того верхнего меню, которое Вы хотите Вам необходимо в шаблоне HTML после строки
<div class="centercol">
вставить код
<div class="menuheader">
		 <div class="blocktitle bluesmall">
		 <ul>
	 {% IFNOT catalog_empty %}
		 {% FOR catalog %}
		 {% IFNOT catalog.HIDE %}
			 <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
		 {% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}
	 </ul>
	 </div>
	 </div>
и в конец файла main.css  вставьте блок
.menu {
width: 652px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #FFF;
border: 1px solid #30c4eb;
border-radius: 22px;
background: #30c4eb;
}
Теперь найдите блок
#panelsite div.centercol div {
height: auto;
float: none;
}
и замените его на
#panelsite div.centercol div {
height: 42px;
float: none;
}
После этого найдите блок
#panelsite div.centercol .menuheader {
width: 800px;
height: 24px;
overflow: hidden;
margin: 35px 0 0 0;
}
и замените его на
#panelsite div.centercol .menuheader {
width: 800px;
height: 48px;
overflow: hidden;
margin: 35px 0 0 0;
}


#48 Dr.Nemo

Dr.Nemo

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

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

Отправлено 29 Апрель 2013 - 14:26

Спасибо, убрал слово absolute вообще всё стало идеально.


1)Вопрос по форме поиска, как передвинуть бегунок чтобы он было слева ?

Картинка в приложении.

2) вопрос по поводу размещения каталога , вопросы присылал ранее.



Спасибо заранее

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

  • 1.jpg


#49 Stasya

Stasya

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

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

Отправлено 29 Апрель 2013 - 14:33

В блоке
.search input.text {
float: left;
background: white;
font: italic 12px Verdana, Geneva, sans-serif;
color: dimGray;
width: 275px;
height: 30px;
padding: 0 5px 0 131px;
line-height: 30px;
cursor: default;
}
замените на
.search input.text {
float: left;
background: white;
font: italic 12px Verdana, Geneva, sans-serif;
color: dimGray;
width: 421px;
height: 30px;
line-height: 30px;
cursor: default;
}


#50 Dr.Nemo

Dr.Nemo

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

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

Отправлено 29 Апрель 2013 - 15:20

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

Во-вторых, сами блоки, их должно быть 9. Можно ли сделать одной строкой с делениями в категорий (см. рисунок).

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

  • 3.jpg


#51 Сake

Сake

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

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

Отправлено 30 Апрель 2013 - 00:16

Попробуйте сделать следующее: в файле стилей main.css найдите

#panelsite div.centercol {
	width: 747px;
}

и замените на

#panelsite div.centercol {
	width: 100%;
}

далее найдите

#panelsite div.centercol .menuheader {
	height: 48px;
	margin: 35px 0 0;
	overflow: hidden;
	width: 800px;
}

и замените на

#panelsite div.centercol .menuheader {
	height: 48px;
	margin: 0;
	overflow: hidden;
}

далее найдите

#panelsite div.centercol .menuheader ul li {
	float: left;
	margin: 0 10px 0 0;
	padding-left: 10px;
}

и замените на

#panelsite div.centercol .menuheader ul li {
	float: left;
	height: 50px;
	margin: 0;
	padding-left: 1px;
}

далее найдите

#panelsite div.centercol .menuheader ul li a {
	color: #00BFFF;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 5px 32px;
	text-decoration: underline;
}

и замените на

#panelsite div.centercol .menuheader ul li a {
	border-radius: 0 !important;
	color: #FFFFFF;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 10px 5px;
	text-decoration: none;
}


#52 Dr.Nemo

Dr.Nemo

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

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

Отправлено 30 Апрель 2013 - 10:16

Все подготовил, но исчезли все банеры с правой стороны!

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

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

  • 0.jpg


#53 Dr.Nemo

Dr.Nemo

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

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

Отправлено 30 Апрель 2013 - 14:01

Друзья, жду ответа по оставшимся вопросам,  а именно:

1) сделать панельку с круглыми углами вместо той, что сейчас (с прямыми углами).
2) при выделении товарной позиции, чтобы цвет блока был немного синего оттенка и выдавались подкатегории (бренды пока необязательны), но планируются.

картинка прикреплена выше

3) так же необходимо убрать теперь каталог сайта , а на его место переместить банеры те которые были изображены ниже, раздел БЛОГИ спустить под банеры.

#54 Сake

Сake

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

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

Отправлено 01 Май 2013 - 00:40

Найдите в файле стилей main.css

.menuheader {
	background: url("http://design.malyshland.ru/panel-bgx.png") repeat-x scroll 0 0 transparent;
	height: 24px;
	margin: 7px 0 0;
	overflow: hidden;
	padding-top: 10px;
	width: 100%;
}

и заменить на

.menuheader {
	height: 24px;
	margin: 7px 0 0;
	overflow: hidden;
	padding-top: 10px;
	width: 100%;
}

далее найти

.menuheader ul li a {
	background: none repeat scroll 0 0 #00BFFF;
	border-radius: 6px 6px 6px 6px;
	color: #FFFFFF;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 5px 32px;
	text-decoration: none;
}

и заменить на

.menuheader ul li a {
	background: none repeat scroll 0 0 #00BFFF;
	color: #FFFFFF;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 5px 32px;
	text-decoration: none;
}

далее найти

#panelsite div.centercol .menuheader ul li a {
	border-radius: 0 0 0 0 !important;
	color: #FFFFFF;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 10px 5px;
	text-decoration: none;
}


и заменить на

#panelsite div.centercol .menuheader ul li a {
	color: #FFFFFF;
	display: block;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 10px 8px;
	text-decoration: none;
}

далее добавить

#panelsite div.centercol .menuheader ul li:first-child a {
	border-radius: 6px 0 0 6px;
}
#panelsite div.centercol .menuheader ul li:last-child a {
	border-radius: 0 6px 6px 0;
}
#left .block:first-of-type {
	display: none;
}

Для перемещения блогов - необходимо в шаблоне "HTML" переместить блок <div class="mybaner4"> выше блока <div class="block">

#55 Dr.Nemo

Dr.Nemo

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

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

Отправлено 04 Май 2013 - 20:31

Здравствуйте. Скажите, волнует оставшаяся проблема дизайна сайта, при наведении на товары не выскакивает дополнительной таблицы с подкатегорией товаров. Помогите решить проблему! ASAP

#56 Dr.Nemo

Dr.Nemo

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

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

Отправлено 06 Май 2013 - 08:44

kind reminder

#57 Dr.Nemo

Dr.Nemo

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

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

Отправлено 06 Май 2013 - 21:41

Здравствуйте. Скажите, волнует оставшаяся проблема дизайна сайта, при наведении на товары не выскакивает дополнительной таблицы с подкатегорией товаров. Помогите решить проблему!

#58 mikola

mikola

    Good soo good

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

Отправлено 06 Май 2013 - 21:57

Просмотр сообщенияDr.Nemo (06 Май 2013 - 21:41) писал:

Здравствуйте. Скажите, волнует оставшаяся проблема дизайна сайта, при наведении на товары не выскакивает дополнительной таблицы с подкатегорией товаров. Помогите решить проблему!
скажите данный функционал у вас раньше был установлен?

#59 Dr.Nemo

Dr.Nemo

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

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

Отправлено 06 Май 2013 - 22:10

нет, не было

#60 Сake

Сake

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

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

Отправлено 07 Май 2013 - 00:41

Цитата

Здравствуйте. Скажите, волнует оставшаяся проблема дизайна сайта, при наведении на товары не выскакивает дополнительной таблицы с подкатегорией товаров. Помогите решить проблему!

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




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

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