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


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

Автор zabota-mama, 19 авг. 2013 16:49

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

#1 zabota-mama

zabota-mama

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

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

Отправлено 19 Август 2013 - 16:49

Как переделать каталог на главной согласно картинке.  Понимаю, что здесь не быстро, но клиентам будет гораздо удобней.  Заранее большое спасибо!

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

  • Безымянный.png

#2 Vaccina

Vaccina

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

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

Отправлено 20 Август 2013 - 04:54

Добавьте в файл стилей main.css

#subNavigationMenu > div {
	margin: 10px 0;
}

и в main.js добавьте

$(function() {
  var navigation = $('#subNavigation:first');
  var wrapper = $('<div id="subNavigationMenu">');
  var map = {0:1, 1:5, 6:3, 9:2};
  for(var size in map) {
	 var ul = $('<ul id="subNavigation">');
	 for(var i = 0; i < map[size]; i++) {
		ul.append(navigation.find('li:eq(' + (parseInt(size) + i) + ')').clone());
	 }
	 wrapper.append($('<div id="Border">').append(ul));
  }
  navigation.closest('div').before(wrapper).remove();
});

#3 zabota-mama

zabota-mama

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

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

Отправлено 20 Август 2013 - 21:13

Очень круто, спасибо!
Единственный минус, когда кликаешь на "новорожденным", она очень любопытно разворачивается и пропадают другие категории, например "Девочкам 2-7".

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

  • ScreenShot 19.jpg

#4 Vaccina

Vaccina

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

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

Отправлено 21 Август 2013 - 02:08

Что-то о вложенных категориях я не подумала). Пожалуйста, удалите вставленный код в main.js, после попробую немного по другому реализовать.

#5 zabota-mama

zabota-mama

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

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

Отправлено 15 Сентябрь 2013 - 15:49

Дорогая Vaccina,
напомню о моей просьбе.

#6 Vaccina

Vaccina

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

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

Отправлено 17 Сентябрь 2013 - 02:31

Найдите в вашем шаблоне "HTML" код каталога

<!-- Каталог -->
<h3 class="contentTbodyCatalogHeader">Каталог</h3>
<div id="Border">
<ul id="subNavigation">
{%IFNOT catalog_empty %}
<!-- свернутый каталог -->
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="cat-item {% IF catalog.LEVEL<=0%}root_cat{% ENDIF %}">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}
</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
<!-- end Каталог -->
</div>

и замените его на

<!-- Каталог -->
<h3 class="contentTbodyCatalogHeader">Каталог</h3>
<div id="Border">
<ul id="subNavigation">
{%IFNOT catalog_empty %}
<!-- свернутый каталог -->
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="cat-item {% IF catalog.LEVEL<=0%}root_cat{% ENDIF %}">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}
</a>
</li>
{% IF catalog.NAME=ФЛИСОВАЯ ОДЕЖДА || catalog.NAME=МАЛЬЧИКАМ (от 8 лет) || catalog.NAME=АКСЕССУАРЫ || catalog.NAME=РАСПРОДАЖА %}
</ul></div><div id="Border"><ul id="subNavigation">
{% ENDIF %}
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
<!-- end Каталог -->
</div>

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

<!-- Каталог 2-->
<h3 class="contentTbodyCatalogHeader">Производители</h3>
<div id="Border">
<ul id="subNavigation">
{%IFNOT catalog_full_empty %}
<!-- свернутый каталог -->
{% FOR catalog_full %}
{% IFNOT catalog_full.NAME = МАЛЬЧИКАМ (от 8 лет) %}
{% IFNOT catalog_full.NAME = ДЕВОЧКАМ (от 8 лет) %}
{% IF catalog_full.HIDE %}
<li class="cat-item {% IF catalog_full.LEVEL<=0%}root_cat{% ENDIF %}">
<a href="{catalog_full.URL}"
{% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}
>{catalog_full.NAME}
</a>
</li>
{% ENDIF %}
{%ENDIF%}
{%ENDIF%}
{% ENDFOR %}
{% ENDIF %}
</ul>
<!-- end Каталог 2-->
</div>

и замените на

<!-- Каталог 2-->
<h3 class="contentTbodyCatalogHeader">Производители</h3>
<div id="Border">
<ul id="subNavigation">
{%IFNOT catalog_full_empty %}
<!-- свернутый каталог -->
{% FOR catalog_full %}
{% IFNOT catalog_full.NAME = МАЛЬЧИКАМ (от 8 лет) %}
{% IFNOT catalog_full.NAME = ДЕВОЧКАМ (от 8 лет) %}
{% IF catalog_full.HIDE %}
{% IF catalog_full.NAME=БЕЛОРУССИЯ %}
</ul></div><div id="Border"><ul id="subNavigation">
{% ENDIF %}
<li class="cat-item {% IF catalog_full.LEVEL<=0%}root_cat{% ENDIF %}">
<a href="{catalog_full.URL}"
{% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}
>{catalog_full.NAME}
</a>
</li>
{% ENDIF %}
{%ENDIF%}
{%ENDIF%}
{% ENDFOR %}
{% ENDIF %}
</ul>
<!-- end Каталог 2-->
</div>

#7 zabota-mama

zabota-mama

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

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

Отправлено 20 Октябрь 2013 - 17:03

Спасибо, хорошо получилось.
Как можно изменить цвет шрифта у одной категории, например Женская одежда?

#8 empty9228

empty9228

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

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

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

Здравствуйте! Зайдите в редакторе шаблонов в файл HTML, там найдите код
[size=4]<a href="{catalog.URL}"[/size]
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}
</a>


замените его на

<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}{% IF catalog.NAME= ЖЕНСКАЯ ОДЕЖДА %}style="color: red" {%ENDIF%}
>{catalog.NAME}
</a>


Здесь добавлено еще одно условие, в нём задаётся цвет шрифта, поменяйте его на тот который вам нужен, можете написать цвет словом(red, black, green), либо кодом (#d1735d)

#9 zabota-mama

zabota-mama

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

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

Отправлено 15 Ноябрь 2013 - 21:43

Сделал, такое над каталогом "РАСПРОДАЖА", но код почему-то не работает.

#10 Сake

Сake

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

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

Отправлено 16 Ноябрь 2013 - 00:47

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

<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}{% IF catalog.NAME= ЖЕНСКАЯ ОДЕЖДА %}style="color: red !important;" {%ENDIF%}
>{catalog.NAME}
</a>

как можно заметить все заключается в добавлении метки !important

#11 zabota-mama

zabota-mama

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

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

Отправлено 18 Ноябрь 2013 - 20:15

Спасибо, заработало.

#12 zabota-mama

zabota-mama

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

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

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

Добрый день.

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

Заранее спасибо!

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

  • Без имени.png

#13 Danil

Danil

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

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

Отправлено 18 Февраль 2015 - 19:22

Просмотр сообщенияzabota-mama (18 Февраль 2015 - 17:57) писал:

Добрый день.

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

Заранее спасибо!
В шаблоне html найдите код 
{% IF catalog.NAME=ФЛИСОВАЯ ОДЕЖДА ||  catalog.NAME=МУЖСКАЯ ОДЕЖДА || catalog.NAME=Мужские трусы || catalog.NAME=АКСЕССУАРЫ || catalog.NAME=Мальчикам %}
и замените на 
{% IF catalog.NAME=ФЛИСОВАЯ ОДЕЖДА || catalog.NAME=Мужские трусы || catalog.NAME=АКСЕССУАРЫ || catalog.NAME=Мальчикам %}

#14 zabota-mama

zabota-mama

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

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

Отправлено 21 Март 2015 - 19:45

Сделал. Действительно при клике на "Мужская одежда" нет разделительной полосы между "мужская одежда" и "мужские майки".

Но, в каталоге по умолчанию, исчезла и полоса между "Мужская одежда" и "детские книги". А она нужна.

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

  • 1.png

#15 zabota-mama

zabota-mama

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

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

Отправлено 11 Май 2015 - 16:40

Просьба ответить!

#16 Ирина345

Ирина345

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

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

Отправлено 11 Май 2015 - 17:20

Просмотр сообщенияzabota-mama (21 Март 2015 - 19:45) писал:

Сделал. Действительно при клике на "Мужская одежда" нет разделительной полосы между "мужская одежда" и "мужские майки".

Но, в каталоге по умолчанию, исчезла и полоса между "Мужская одежда" и "детские книги". А она нужна.
Здравствуйте, уточните о какой именно поле идет речь, так как у вас блок с одеждой отделен от блока с игрушками и книгами.

#17 zabota-mama

zabota-mama

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

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

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

Просмотр сообщенияИрина345 (11 Май 2015 - 17:20) писал:

Здравствуйте, уточните о какой именно поле идет речь, так как у вас блок с одеждой отделен от блока с игрушками и книгами.

Спасибо за вопрос. Я уже отчаялся ждать ответа.

Нужно чтобы:
1. Между МУЖСКАЯ ОДЕЖДА и ТЕКСТИЛЬ появилась разделительная голубая линия (см.скрин 1)
2. Если МУЖСКАЯ ОДЕЖДА развернута, то эта разделительная голубая линия д.б. уже между МУЖСКИЕ ТРУСЫ и ТЕКСТИЛЬ (см.скрин 2).

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

  • Без имени.png
  • Без имени1.png

#18 Vaccina

Vaccina

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

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

Отправлено 11 Июнь 2015 - 02:30

В шаблоне HTML найдите:
<li class="cat-item {% IF catalog.LEVEL<=0%}root_cat{% ENDIF %}">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
{% IF catalog.NAME= РАСПРОДАЖА %}style="color: red !important;" {%ENDIF%}
>{catalog.NAME}
</a>
</li>

замените на:
<li {% IF catalog.NAME= ТЕКСТИЛЬ %}style="border-top: 1px solid #7799ff;"{% ENDIF %} class="cat-item {% IF catalog.LEVEL<=0%}root_cat{% ENDIF %}">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
{% IF catalog.NAME= РАСПРОДАЖА %}style="color: red !important;" {%ENDIF%}
>{catalog.NAME}
</a>
</li>

#19 zabota-mama

zabota-mama

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

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

Отправлено 16 Июль 2015 - 13:49

Сделал спасибо.

Но эта линия отличается от рамки, которая отчерчивает ФЛИСОВАЯ ОДЕЖДА и ДЕТСКАЯ ОБУВЬ (нет закруглений и она одинарная).
Обратно в Главная


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

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

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