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


Помогите Изменить Каталог На Главной


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

#1 Peartshop

Peartshop

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

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

Отправлено 18 Июнь 2014 - 01:29

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

1) Я приведу пример как он выглядит где должен, как он выглядит у меня - данный каталог на главной должен быть удален, и заменен как можно ближе к примеру который я хочу видеть, помогите пожалуйста.

Изображение

#2 Сake

Сake

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

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

Отправлено 18 Июнь 2014 - 02:19

Пожалуйста, уточните - каталог вы хотите сделать всегда полностью развернутым? Цвет ссылок и фон имеют значение?

#3 Peartshop

Peartshop

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

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

Отправлено 18 Июнь 2014 - 03:24

Просмотр сообщенияСake (18 Июнь 2014 - 02:19) писал:

Пожалуйста, уточните - каталог вы хотите сделать всегда полностью развернутым? Цвет ссылок и фон имеют значение?

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

#4 Сake

Сake

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

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

Отправлено 18 Июнь 2014 - 06:09

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

.accordion em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png') -2px -3px no-repeat;width: 22px;height: 22px;  position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion em.open-close:hover {background-color: #333;}
.accordion a { text-decoration: none; font-size:11px; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }
.accordion ul a{font-size:11px; padding: 8px 28px 8px 25px;}
.accordion ul ul li a {font-size:10px; padding: 8px 10px 8px 40px;}
.accordion ul ul ul li a {font-size:9px; padding: 8px 10px 8px 50px;}
.accordion ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;}
.accordion li ul li { background: #fff; }
.box-category {margin-top: -5px;}
.box-category ul {list-style: none;margin: 0 -10px;padding: 0;font-size:12px;}
.box-category > ul > li {padding: 0;}
.box-category > ul > li + li {border-top: 1px solid #EEEEEE;}
.box-category > ul > li > a {text-decoration: none;color: #333;padding: 10px 28px 10px 10px;display:block;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.box-category > ul > li > a:hover {background-color:#f1f1f1;padding: 10px 28px 10px 20px;}
.box-category > ul > li ul {display: block;padding-left: 20px;margin: 0;}
.box-category > ul > li a.active {font-weight: bold;}
.box-category > ul > li a.active + ul {display: block;padding:0 0 10px 10px;}
.box-category > ul > li ul > li {padding: 0;}
.box-category > ul > li ul > li > a {text-decoration: none;display: block;font-size:12px;padding-bottom:3px;}
.box-category > ul > li ul > li > a.active {font-weight: bold;}

и замените на

.accordion em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png') -2px -3px no-repeat;width: 22px;height: 22px;  position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; display: none;}
.accordion em.open-close:hover {background-color: #333;}
.accordion a { text-decoration: none; font-size:11px; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }
.accordion ul a{font-size:11px; padding: 0 28px 0 25px;}
.accordion ul ul li a {padding: 0 10px 0 40px;}
.accordion ul ul ul li a {padding: 0 10px 0 50px;}
.accordion ul ul ul ul li a {padding:0 10px 0 40px;}
.accordion li ul li { background: #fff; }
.accordion .goods-count {color: #ccc;}
.box-category {margin-top: -5px;}
.box-category ul {list-style: none;margin: 0 -10px;padding: 0;}
.box-category > ul > li {padding: 0;}
.box-category > ul > li + li {}
.box-category > ul > li > a {text-decoration: none;padding: 0 28px 0 10px;display:block;}
.box-category > ul > li > a:hover {padding: 0 28px 0 10px;}
.box-category > ul > li ul {display: block;padding-left: 20px;margin: 0;}
.box-category > ul > li a.active {font-weight: bold;}
.box-category > ul > li a.active + ul {display: block;padding:0 0 0 10px;}
.box-category > ul > li ul > li {padding: 0;}
.box-category > ul > li ul > li > a {text-decoration: none;display: block;}
.box-category > ul > li ul > li > a.active {font-weight: bold;}

далее в шаблоне "HTML" найдите

{%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}

и замените на

{%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME} <span class="goods-count">({catalog_full.GOODS_COUNT})</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%}


#5 Peartshop

Peartshop

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

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

Отправлено 18 Июнь 2014 - 11:51

Спасибо, уберите пожалуйста  оранжевые полоски в меню, и выровняйте  пожалуйста (Каталог залезает на фрукты).


Изображение

#6 Ирина345

Ирина345

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

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

Отправлено 18 Июнь 2014 - 13:59

Просмотр сообщенияPeartshop (18 Июнь 2014 - 11:51) писал:

Спасибо, уберите пожалуйста  оранжевые полоски в меню, и выровняйте  пожалуйста (Каталог залезает на фрукты).


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

#7 Peartshop

Peartshop

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

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

Отправлено 18 Июнь 2014 - 14:12

Просмотр сообщенияИрина345 (18 Июнь 2014 - 13:59) писал:

Здравствуйте, уточните о каком сайте идет речь, данной проблемы не наблюдается.

Аккаунт SL-297724

#8 Ирина345

Ирина345

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

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

Отправлено 18 Июнь 2014 - 15:02

Просмотр сообщенияPeartshop (18 Июнь 2014 - 14:12) писал:

Аккаунт SL-297724
Чтобы выровнять меню находите в main.css
.box-category ul {list-style: none;margin: 0 -10px;padding: 0;}
замените на
.box-category ul {list-style: none;margin: 7px -10px;padding: 0;}
Чтобы убрать ораньжевы полоски найдите
.box-category > ul > li > a {
  background-color: #eea413;
  color: #fff;
}
замените на

.box-category > ul > li > a {
  background-color: #fff;
  color: #C73636;
}
за цвет фона(оранжевые полоски)отвечает значение  background-color: #fff;(белый цвет)  можете менятьзначение
за цвет самих слов color: #C73636(красный цвет); можете менять значения

#9 Peartshop

Peartshop

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

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

Отправлено 18 Июнь 2014 - 17:10

Просмотр сообщенияИрина345 (18 Июнь 2014 - 15:02) писал:

Чтобы выровнять меню находите в main.css
.box-category ul {list-style: none;margin: 0 -10px;padding: 0;}
замените на
.box-category ul {list-style: none;margin: 7px -10px;padding: 0;}
Чтобы убрать ораньжевы полоски найдите
.box-category > ul > li > a {
background-color: #eea413;
color: #fff;
}
замените на

.box-category > ul > li > a {
background-color: #fff;
color: #C73636;
}
за цвет фона(оранжевые полоски)отвечает значение  background-color: #fff;(белый цвет)  можете менятьзначение
за цвет самих слов color: #C73636(красный цвет); можете менять значения


Помогите подкатегории сделать тоже синие ,  и полоска там не нужна полоска нужна в другом месте. В общем чтоб все категории были синим цветом и категории были скрыты!

Изображение

#10 Ирина345

Ирина345

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

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

Отправлено 18 Июнь 2014 - 17:14

Просмотр сообщенияPeartshop (18 Июнь 2014 - 17:10) писал:

Помогите подкатегории сделать тоже синие ,  и полоска там не нужна полоска нужна в другом месте. В общем чтоб все категории были синим цветом и категории были скрыты!

Изображение
Пожалуйста не дублируйте вопросы.

#11 Peartshop

Peartshop

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

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

Отправлено 18 Июнь 2014 - 17:20

В данной теме вопросы о каталоге на Главной , в другой вопросы о каталоге внутри.

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

#12 Vaccina

Vaccina

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

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

Отправлено 19 Июнь 2014 - 01:38

Вы хотите каталог аккордионом сделать, который раскрывается бех перезагрузки?

#13 Peartshop

Peartshop

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

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

Отправлено 19 Июнь 2014 - 02:05

Просмотр сообщенияVaccina (19 Июнь 2014 - 01:38) писал:

Вы хотите каталог аккордионом сделать, который раскрывается бех перезагрузки?

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

#14 Vaccina

Vaccina

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

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

Отправлено 24 Июнь 2014 - 02:12

Подробная инструкция:
http://forum.storela...еню/#entry57986




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

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