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


А Можно Поменять Верхнее Меню С Каталогом Местами

Автор MariG, 16 марта 2011 22:40

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

#521 Дикий ангел

Дикий ангел

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

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

Отправлено 27 Октябрь 2014 - 18:11

Просмотр сообщенияИрина345 (27 Октябрь 2014 - 17:15) писал:

Найдите в HTML
  
 {% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
замените на
 {% IF catalog_full.FIRST %}<ul id="nav" class="accordion">{% ENDIF %}

далее найдите в  style.css
#nav li a {
padding: 0 0 0;
font-weight: bold;
color: black;
line-height: normal;
font-size: 14px;
}
замените на
#nav li a {
padding: 5px 0 0;
font-weight: bold;
color: black;
line-height: normal;
font-size: 14px;
}


далее найдите
.accordion em.open-close{background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center; padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}
замените на
.accordion em.open-close{/*background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center;*/ padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}
далее найдите
#nav ul { position:absolute; width:15em; top:0px; left:-10000px; border:0; padding:0; background:#B2B2B2; font-size:12px;}
замените на
#nav ul { position:absolute; width:15em; top:0px; left:-10000px; border:0; padding:0; background:#B2B2B2; font-size:12px;margin-left: 65px;}

Меню больше не выпадает, оно отобразилось под каталогом
подписала, все измениения, которые хотелось бы произвести
http://st.miravtodop...yu_kak_nado.jpg

Просмотр сообщенияИрина345 (27 Октябрь 2014 - 18:04) писал:

Отмените пожалуйста последние действия, которые вы произвели на сайте.

хорошо

Просмотр сообщенияИрина345 (27 Октябрь 2014 - 17:15) писал:

Найдите в HTML
  
 {% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
замените на
 {% IF catalog_full.FIRST %}<ul id="nav" class="accordion">{% ENDIF %}

далее найдите в  style.css
#nav li a {
padding: 0 0 0;
font-weight: bold;
color: black;
line-height: normal;
font-size: 14px;
}
замените на
#nav li a {
padding: 5px 0 0;
font-weight: bold;
color: black;
line-height: normal;
font-size: 14px;
}


далее найдите
.accordion em.open-close{background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center; padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}
замените на
.accordion em.open-close{/*background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center;*/ padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}
далее найдите
#nav ul { position:absolute; width:15em; top:0px; left:-10000px; border:0; padding:0; background:#B2B2B2; font-size:12px;}
замените на
#nav ul { position:absolute; width:15em; top:0px; left:-10000px; border:0; padding:0; background:#B2B2B2; font-size:12px;margin-left: 65px;}

Вот это все отменила

#522 Ирина345

Ирина345

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

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

Отправлено 27 Октябрь 2014 - 18:28

Просмотр сообщенияДикий ангел (27 Октябрь 2014 - 18:11) писал:

Меню больше не выпадает, оно отобразилось под каталогом
подписала, все измениения, которые хотелось бы произвести
http://st.miravtodop...yu_kak_nado.jpg



хорошо



Вот это все отменила
Найдите в style.css
.accordion em.open-close{back.accordion em.open-close{background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center; padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}
замените на

.accordion em.open-close{background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center; padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}

#523 Дикий ангел

Дикий ангел

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

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

Отправлено 27 Октябрь 2014 - 19:08

все что есть на странице, все съехало, меню, которое меняли осталось таким же

#524 Ирина345

Ирина345

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

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

Отправлено 27 Октябрь 2014 - 19:38

Просмотр сообщенияДикий ангел (27 Октябрь 2014 - 19:08) писал:

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

#525 Дикий ангел

Дикий ангел

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

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

Отправлено 27 Октябрь 2014 - 19:42

Найдите в style.css
.accordion em.open-close{back.accordion em.open-close{background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center; padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}
замените на

.accordion em.open-close{background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center; padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}



только это нужно сделать? верно?

#526 Ирина345

Ирина345

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

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

Отправлено 27 Октябрь 2014 - 19:54

Просмотр сообщенияДикий ангел (27 Октябрь 2014 - 19:42) писал:

Найдите в style.css
.accordion em.open-close{back.accordion em.open-close{background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center; padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}
замените на

.accordion em.open-close{background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png") no-repeat center center; padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}



только это нужно сделать? верно?
да, из-за того что вы не правильно произвели изменения, вся стилистика не применялась.

#527 Дикий ангел

Дикий ангел

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

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

Отправлено 27 Октябрь 2014 - 20:29

Спасибо, получилось) а что насчет остального?

#528 Ирина345

Ирина345

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

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

Отправлено 27 Октябрь 2014 - 20:56

Просмотр сообщенияДикий ангел (27 Октябрь 2014 - 20:29) писал:

Спасибо, получилось) а что насчет остального?
Найдите в HTML

  <!-- /Каталог товаров -->
			 {%IFNOT catalog_full_empty%}
		{%FOR catalog_full%}
		   {% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
замените на
 <!-- /Каталог товаров -->
			 {%IFNOT catalog_full_empty%}
			 <div class="box-heading"><a href="{CATALOG_URL}">Каталог</a></div>
		{%FOR catalog_full%}
		   {% IF catalog_full.FIRST %}<ul id="nav" class="accordion">{% ENDIF %}
далее найдите в style.css

#nav ul {
position: absolute;
width: 15em;
top: 0px;
left: -10000px;
border: 0;
padding: 0;
background: #B2B2B2;
font-size: 12px;
}
замените на





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

#529 Дикий ангел

Дикий ангел

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

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

Отправлено 27 Октябрь 2014 - 21:04

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

#530 Дикий ангел

Дикий ангел

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

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

Отправлено 27 Октябрь 2014 - 21:10

у меня очень много красных крестиков в style.css, может, по этому не получается?

#531 Ирина345

Ирина345

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

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

Отправлено 27 Октябрь 2014 - 21:25

Просмотр сообщенияДикий ангел (27 Октябрь 2014 - 21:10) писал:

у меня очень много красных крестиков в style.css, может, по этому не получается?
Вы не правильно производите изменения, не полностью
найдите в style.css
#n#nav ul {
position: absolute;
width: 15em;
top: 0px;
left: -10000px;
border: 0;padding: 0;
background: #B2B2B2;
font-size: 12px;
margin-left: 67px;
}
замените на

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

в HTML

 <<!-- /Каталог товаров -->
						 {%IFNOT catalog_full_empty%}
замените на

<!-- /Каталог товаров -->
						 {%IFNOT catalog_full_empty%}

#532 Дикий ангел

Дикий ангел

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

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

Отправлено 27 Октябрь 2014 - 21:39

да, все получилось) еще хотелось бы сделать выпадающие списки в 2-3 столбика, а не в один. Увеличить расстояние между категориями товаров и сделать контурную рамочку, как в новостях и статьях. И каталог сделать неактивным, чтоб клиенты пользовались только выпадающим списком.

#533 AnnaM

AnnaM

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

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

Отправлено 27 Октябрь 2014 - 21:44

Просмотр сообщенияДикий ангел (27 Октябрь 2014 - 21:39) писал:

да, все получилось) еще хотелось бы сделать выпадающие списки в 2-3 столбика, а не в один. Увеличить расстояние между категориями товаров и сделать контурную рамочку, как в новостях и статьях. И каталог сделать неактивным, чтоб клиенты пользовались только выпадающим списком.
Чтобы сделать каталог не активным, в шаблоне HTML замените строку 
<div class="box-heading"><a href="{CATALOG_URL}">Каталог</a></div>
на 
<div class="box-heading"><a href="">Каталог</a></div>

#534 AnnaM

AnnaM

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

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

Отправлено 27 Октябрь 2014 - 21:52

Просмотр сообщенияДикий ангел (27 Октябрь 2014 - 21:39) писал:

да, все получилось) еще хотелось бы сделать выпадающие списки в 2-3 столбика, а не в один. Увеличить расстояние между категориями товаров и сделать контурную рамочку, как в новостях и статьях. И каталог сделать неактивным, чтоб клиенты пользовались только выпадающим списком.
Чтобы сделать рамку,в style.css замените 
.accordion {
list-style-type: none;
position: relative;
/* display: block; */
}
на 
.accordion {
list-style-type: none;
position: relative;
/* display: block; */
border: 1px solid #cdcdcd;
}

это 
#nav li {
text-align: left;
position: relative;
}
на 
#nav li {
text-decoration: none;
text-align: left;
position: relative;
border-bottom: 1px solid #eeece7;
font-size: 11px;
text-transform: uppercase;
padding: 8px 0 8px 0;
}
и это 
.accordion a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 20px;
display: block;
cursor: pointer;
}
на 
.accordion a {
text-decoration: none;
/* border-bottom: 1px solid #eeece7; */
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 20px;
display: block;
cursor: pointer;
}

#535 Дикий ангел

Дикий ангел

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

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

Отправлено 27 Октябрь 2014 - 22:31

Просмотр сообщенияAnnaM (27 Октябрь 2014 - 21:52) писал:

Чтобы сделать рамку,в style.css замените 
.accordion {
list-style-type: none;
position: relative;
/* display: block; */
}
на 
.accordion {
list-style-type: none;
position: relative;
/* display: block; */
border: 1px solid #cdcdcd;
}

это 
#nav li {
text-align: left;
position: relative;
}
на 
#nav li {
text-decoration: none;
text-align: left;
position: relative;
border-bottom: 1px solid #eeece7;
font-size: 11px;
text-transform: uppercase;
padding: 8px 0 8px 0;
}
и это 
.accordion a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 20px;
display: block;
cursor: pointer;
}
на 
.accordion a {
text-decoration: none;
/* border-bottom: 1px solid #eeece7; */
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 20px;
display: block;
cursor: pointer;
}

Меню - то, что надо. А можно сделать, чтоб подкатегории были без интервалов и в несколько столбиков. И еще куда то делись подкатегории 2 уровня

При наведении на меню практически невозможно перевести курсор на выпадающее меню, оно скидывается

#536 Дикий ангел

Дикий ангел

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

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

Отправлено 27 Октябрь 2014 - 23:49

Жду ответа, попадание курсором по подкатегориям 5% из 100%

#537 Vaccina

Vaccina

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

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

Отправлено 28 Октябрь 2014 - 03:03

В main.css найдите:
#nav li.over ul {
	left: 200px;
}
уменьшите значение стиля left

#538 Дикий ангел

Дикий ангел

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

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

Отправлено 28 Октябрь 2014 - 07:16

Просмотр сообщенияVaccina (28 Октябрь 2014 - 03:03) писал:

В main.css найдите:
#nav li.over ul {
left: 200px;
}
уменьшите значение стиля left

Доброе утро! у меня есть либо style.css либо main.js.  main.css нет. Тема Движение

#539 Дикий ангел

Дикий ангел

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

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

Отправлено 28 Октябрь 2014 - 07:45

Просмотр сообщенияVaccina (28 Октябрь 2014 - 03:03) писал:

В main.css найдите:
#nav li.over ul {
left: 200px;
}
уменьшите значение стиля left

Все получилось, Спасибо!

#540 Дикий ангел

Дикий ангел

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

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

Отправлено 28 Октябрь 2014 - 15:52

Не отображается 3 уровень каталога, помогите исправить
Обратно в Вопросы общие для всех шаблонов


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

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

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