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


Оформление.

Автор Dr.Nemo, 03 апр. 2013 14:54

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

#81 Сake

Сake

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

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

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

У вас идет скрытие лишних элементов в меню. Последняя отображаемая категория это "БЕЗОПАСНОСТЬ", после данной категории идут еще категории которые скрываются. Необходимо или удалить данные категории и убрать скрытие (overflow: hidden;) или принудительно сделать ограничение в выводе данных категорий до 8.

Для отображения выпадающего меню необходимо в файле стилей main.css найти

#nav ul {
	background: #B2B2B2;
	border: 0 none;
	font-size: 12px;
	left: -10000px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 15em;
}

и заменить на

#nav ul {
	background: #00BFFF;
	border: 0 none;
	font-size: 12px;
	display: none;
	padding: 0;
	position: absolute;
	top: 38px;
	width: 15em;
}

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

#nav ul li {
	display: block;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}
#nav ul a {
	border-radius: 0 !important;
}

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

#nav li.over ul {
	left: 200px;
}

и замените на

#nav li.over ul {
	display: block;
}

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

#panelsite div {
	float: left;
	height: 70px;
	overflow: hidden;
}

и замените на

#panelsite div {
	float: left;
	height: 70px;
	overflow: visible !important;
}

#82 Dr.Nemo

Dr.Nemo

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

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

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

Спасибо всё получилось. Единственное сейчас имеется две строки товаров вместо одной.

Строка товаров и ее последовательность должна быть тковой:

ДЛЯ МАМ   КОЛЯСКИ  ДЕТСКАЯ КОМНАТА  КУПАНИЕ И УХОД  КОРМЛЕНИЕ   ОДЕЖДА ДЛЯ МАЛЫШЕЙ  БЕЗОПАСНОСТЬ  ИГРУШКИ   Другие категории . То есть весго 9 блоков должно быть.

А все другие категории я сделаю из них подкатегории.

+ образ как должно быть

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

  • 1.jpg

#83 Koderhan

Koderhan

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

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

Отправлено 15 Май 2013 - 11:13

меню можно отсортировать в разделе Сайт -> Меню

#84 Dr.Nemo

Dr.Nemo

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

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

Отправлено 15 Май 2013 - 12:24

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

Отправлено 09 May 2013 - 04:27
Судя по коду, каталог у вас перенесен наверх.
В этом случае вам пригодятся инструкции из сл.ветки форума для выпадения каталога:
http://forum.storela...аталогом-места/

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

_____________________________________________________________________________________________-
, то есть в меню никаких header 1.... не создавал!

Помогите решить проблему, спасибо!

#85 miyako

miyako

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

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

Отправлено 15 Май 2013 - 14:09

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

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

Отправлено 09 May 2013 - 04:27
Судя по коду, каталог у вас перенесен наверх.
В этом случае вам пригодятся инструкции из сл.ветки форума для выпадения каталога:
http://forum.storela...аталогом-места/

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

_____________________________________________________________________________________________-
, то есть в меню никаких header 1.... не создавал!

Помогите решить проблему, спасибо!

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

#86 Dr.Nemo

Dr.Nemo

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

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

Отправлено 15 Май 2013 - 16:38

Ок. спасибо, всё получилось.

Другой вопрос состоит в том, чтобы выпадающие подкатегории товаров находились в другой форме (см. приложение №122).

Как этого можно достичь, спасибо!

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

  • 122.jpg

#87 Сake

Сake

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

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

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

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

#panelsite div.centercol .menuheader ul ul li {
   height: auto !important;
   border: none !important;
   background: #FFFFFF !important;
}
#panelsite div.centercol .menuheader ul ul li a {
   background: #FFFFFF !important;
   padding: 3px 8px !important;
   border: none !important;
}
#panelsite div.centercol .menuheader ul ul li a:hover {
   color: #00BFFF !important;
}

#88 Dr.Nemo

Dr.Nemo

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

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

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

Добавил. В приложении картинка того, что хочется воплотить.

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

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

  • 122.jpg

#89 Сake

Сake

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

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

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

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

#nav ul {
	background: none repeat scroll 0 0 #00BFFF;
	border: 0 none;
	display: none;
	font-size: 12px;
	padding: 0;
	position: absolute;
	top: 38px;
	width: 15em;
}

и замените на

#nav ul {
	background:  #FFFFFF;
	border: 3px solid #00BFFF;
	border-radius: 6px;
	display: none;
	font-size: 12px;
	padding: 10px;
	position: absolute;
	top: 38px;
	width: 300px;
}

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

#nav ul li {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

и замените на

#nav ul li {
	display: block;
	float: none !important;
	margin: 0 !important;
	padding: 2px 10px;
}

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

#nav ul li a {
	color: #050505 !important;
	float: none;
	font-weight: normal;
	padding: 3px 9px;
}

и замените на

#nav ul li a {
	color: #317F9F !important;
	float: none;
	font-weight: normal;
	padding: 3px 9px;
}

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

#nav ul li a:hover {
	background: none repeat scroll 0 0 #333333;
	color: #FFFFFF !important;
}

и замените на

#nav ul li a:hover {
	color: #317F9F !important;
	text-decoration: underline !important;
}

#90 Dr.Nemo

Dr.Nemo

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

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

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

Изменения произвел.


Осталось решить вопрос относительно дизайна при выведении подкатегорий .

При наведении выскакивают подкатегории списком без границ, нужно сделать границы (см. приложение).

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

  • 122 - Copy.jpg
  • 122.jpg

#91 Dr.Nemo

Dr.Nemo

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

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

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

Так же вопрос №2.


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

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

  • 122 - Copy (2).jpg

#92 Сake

Сake

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

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

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

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

Изменения произвел.


Осталось решить вопрос относительно дизайна при выведении подкатегорий .

При наведении выскакивают подкатегории списком без границ, нужно сделать границы (см. приложение).

Попробуйте обновить кэш в вашем браузере, так как у вас выпадающий список выделяется.

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

Так же вопрос №2.


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

Пожалуйста, приложите ваш код шаблона "HTML".

#93 Dr.Nemo

Dr.Nemo

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

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR...D/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
Скрытый текст

#94 Сake

Сake

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

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

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

Замените в вашем шаблоне 

{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
<li class="
level{catalog_full.LEVEL}
nav-{catalog_full.index}
{% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
">
<a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></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%}

на

{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul id="nav">{%IF catalog_full.LEVEL=1%}<li class="catalog_parent_name catalog_id{catalog_full.ID}"><span style="color:#FF0000; font-size: 16px;"></span>
</li>{% ENDIF %}{% ENDIF %}
<li class="
level{catalog_full.LEVEL}
nav-{catalog_full.index}
{% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
">
<a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></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%}

<script>
$('.catalog_parent_name').each(function() {
  $(this).children('span').text($(this).closest('li').children('a').text());
});
</script>

#95 Dr.Nemo

Dr.Nemo

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

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

Отправлено 29 Май 2013 - 11:15

Здравствуйте. Необходимо сделать некоторые преобразования.


Картинка в приложении. И второе, это когда наводишь мышку на поиск, то он поиск выделяется цветов (цвет должен быть таким же, как и цвет контактных телефонов). Картинка в приложении.

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

  • 1.jpg
  • 2.jpg

#96 Koderhan

Koderhan

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

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

Отправлено 29 Май 2013 - 14:09

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

Здравствуйте. Необходимо сделать некоторые преобразования.


Картинка в приложении. И второе, это когда наводишь мышку на поиск, то он поиск выделяется цветов (цвет должен быть таким же, как и цвет контактных телефонов). Картинка в приложении.
Для изменения картинки поиска вы можете загрузить свою нарисованную картинку на место spacer.gif.

#97 Dr.Nemo

Dr.Nemo

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

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

Отправлено 29 Май 2013 - 15:58

Изменил днный файл, загрузил, ничего не происходит!

да, название называется - spacer.gif

#98 Stasya

Stasya

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

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

Отправлено 29 Май 2013 - 17:47

Этот файл у Вас не закачивается. Поробуйте переделать его в формат png и закачать еще раз.

#99 Dr.Nemo

Dr.Nemo

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

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

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

Всё получилось, теперь это слово "искать" надо сделать тем цветом как и цвета телефонов для связи  при наведении на эту область!

#100 Vaccina

Vaccina

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

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

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

в этои случае вам необходимо в шаблоне HTML заменить сл.строку:
<input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" />
на эту:
<button type="submit" title="Искать" class="button"><span><span>Искать</span></span></button>
и уже в шаблоне main.css найти:
.search input.button {
	background: url("http://design.malyshland.ru/searchbg.jpg") no-repeat scroll -682px -10px transparent;
	float: left;
	height: 30px;
	width: 59px;
}
.search input.button:hover {
	background: url("http://design.malyshland.ru/searchbg.jpg") no-repeat scroll -749px -10px transparent;
}

и заменить значения background на свои изображения
Обратно в Общие вопросы


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

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

  1. Форум владельцев интернет-магазинов
  2. → Повышение продаж, продвижение
  3. → Общие вопросы
  4. Privacy Policy