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


Не Помещается Текст В Иконку.

Автор Morduar, 12 сент. 2011 07:37

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

#41 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

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

Вы можете добавить дополнительные классы к вашей ссылке. Например в шаблоне "HTML" ссылка на категорию выглядит так

<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>

данную ссылку можно заменить на

<a href="{catalog.URL}"
						 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						 class="level{catalog_full.LEVEL} nav-{catalog.index} {% IF catalog.CURRENT %}selected{% ELSEIF catalog.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog.ISSET_SUB %}parent{% ENDIF %}">{catalog.NAME}</a>

тем самым будут добавлены дополнительные классы. Использование классов будет такой

Категория 2 - активная категория имеет класс level nav-1 active parent
   Категория 22 имеет класс level nav-2
   Категория 1 - активная категория имеет класс level nav-3 selected

Стилизацию ссылок можно реализовать по данным классам.

.parent.active {
color: #000;
}
.level.selected {
color: #ccc;
}
Подскажите!
Как можно выделить доступные в активной категории подкатегории и отдельно доступные подподкатегории в активной подкатегории ?
А так же добавятся ПодПодПодкатегории, хотелось бы ту же схему
Вообщем , независимо от количества ступеней чтобы применялась такая схема !
Спасибо!

#42 Сake

Сake

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

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

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

Замените в коде вашего каталога level{catalog_full.LEVEL} на level{catalog.LEVEL}.
После можно будет выделять подкатегории через такие классы как 

.level1 {
  color: #ccc;
}
.level2 {
  color: #ddd;
}

#43 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

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

Замените в коде вашего каталога level{catalog_full.LEVEL} на level{catalog.LEVEL}.
После можно будет выделять подкатегории через такие классы как

.level1 {
color: #ccc;
}
.level2 {
color: #ddd;
}

Что то не получается

#44 miyako

miyako

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

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

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

Просмотр сообщенияsotil (16 Апрель 2013 - 08:42) писал:

Что то не получается

Попробуйте так:
.level1 {
color: #ccc !important;
}
.level2 {
color: #ddd !important;
}

#45 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияmiyako (16 Апрель 2013 - 08:46) писал:

Попробуйте так:
.level1 {
color: #ccc !important;
}
.level2 {
color: #ddd !important;
}
Получилось , спасибо!
Теперь нужно сделать , что то вроде плавающего каталога, чтобы перед глазами посетителя всегда были активные и доступные категории.
В связи с тем , что выбранная категория может быть внизу списка категорий и при выборе она остаётся внизу и чтобы ей пользоваться дальше, приходится отматывать вниз и наоборот спустившись вниз, чтобы пользователь увидел , что ещё можно посмотреть в данной категории, необходимо поднятся вверх, хотелось бы этого избежать , путём предоставления ему выбора возможностей активной категории находящейся постоянно перед глазами...
Чтобы этот выделенный блок категорий был всегда на экране.
Может быть методом , чтобы верхние ненужные категории прятались под "КАТАЛОГ ТОВАРОВ", может ещё что есть для решения этой задачи
А чтобы вернуться к стандартному виду достаточно нажать на "КАТАЛОГ ТОВАРОВ"

#46 Vaccina

Vaccina

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

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

Отправлено 17 Апрель 2013 - 03:46

Добавьте в ваш файл main.js

$(function() {
$(document).scroll(function(event) {
	 var menu = $('.leftmenu').css('position', 'relative');
	 var offset = menu.data('offset');
	 var top = $(this).scrollTop();
	 var max_bottom = $('#wrapper').height() - 162;
	 var scroll = top - offset;
	 if(!offset) {
		 menu.data('offset', menu.offset().top - 9);
	 }
	 if((scroll + menu.height()) < max_bottom) {
		 menu.css('top', (top > offset ? (scroll) : 0));
	 }
});
});

Вся левая панель будет скроллиться.

#47 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 17 Апрель 2013 - 09:56

В Х

Просмотр сообщенияVaccina (17 Апрель 2013 - 03:46) писал:

Добавьте в ваш файл main.js

$(function() {
$(document).scroll(function(event) {
	 var menu = $('.leftmenu').css('position', 'relative');
	 var offset = menu.data('offset');
	 var top = $(this).scrollTop();
	 var max_bottom = $('#wrapper').height() - 162;
	 var scroll = top - offset;
	 if(!offset) {
		 menu.data('offset', menu.offset().top - 9);
	 }
	 if((scroll + menu.height()) < max_bottom) {
		 menu.css('top', (top > offset ? (scroll) : 0));
	 }
});
});

Вся левая панель будет скроллиться.
Вроде то , что нужно, только вот в Хроме панель категорий расширилась, в Opere нормально! КЭШ почистил!
Спасибо!

#48 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Просмотр сообщенияsotil (17 Апрель 2013 - 09:56) писал:

В Х
Вроде то , что нужно, только вот в Хроме панель категорий расширилась, в Opere нормально! КЭШ почистил!
Спасибо!

Как исправить ширину дерева каталога в гугле?

#49 Сake

Сake

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

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

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

Не понятен ваш вопрос, не могли бы вы привести скриншот. В chrome отображается так же как и в firefox.
Попробуйте строку 

var max_bottom = $('#wrapper').height() - 162;

заменить на

var max_bottom = $('#wrapper').height();

Возможно это решит вашу проблему.

#50 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

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

Не понятен ваш вопрос, не могли бы вы привести скриншот. В chrome отображается так же как и в firefox.
Попробуйте строку

var max_bottom = $('#wrapper').height() - 162;

заменить на

var max_bottom = $('#wrapper').height();

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

И ещё можно сделать , чтобы при скролировании страницы каталог не дёргался?

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

  • пассивный каталог.jpg
  • активный каталог.jpg

#51 Сake

Сake

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

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

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

Попробуйте очистить кэш в вашем браузере. Ваш сайт у меня в chrome отображается так

nadonenado.png

Можно задать плавность сдвига каталога. Для этого замените ваш код на

$(function() {
$(document).scroll(function(event) {
var menu = $('.leftmenu').css('position', 'relative');
var offset = menu.data('offset');
var top = $(this).scrollTop();
var max_bottom = $('#wrapper').height();
var scroll = top - offset;
if(!offset) {
menu.data('offset', menu.offset().top - 9);
}
if((scroll + menu.height()) < max_bottom) {
menu.animate({'top': (top > offset ? (scroll) : 0)}, 200);
}
});
});

#52 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Что-то не получается хорошо, дёргается каталог при прокрутке, решил пока отказаться от этой темы, а вот с шириной каталога в Гугле, проблема остаётся, как решить этот вопрос?
Спасибо!

#53 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

Всё почистил, все вкладки удалил, пароли, автозаполнение, всё нормально с шириной стало,
Может есть возможность каталог крутить отдельно от страницы?
Спасибо!

#54 support 2.0

support 2.0

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

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

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

Просмотр сообщенияsotil (19 Апрель 2013 - 18:39) писал:

Что-то не получается хорошо, дёргается каталог при прокрутке, решил пока отказаться от этой темы, а вот с шириной каталога в Гугле, проблема остаётся, как решить этот вопрос?
Спасибо!
Мной не было замечено данное смещение. Проверяла именно в гугл хроме. Возможно поможет, если Вы скажите на каком разрешении экрана у Вас наблюдается такое смещение

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

  • ScreenShot 4.png

#55 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

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

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

Всё исправилось, спасибо!!
Мне интересно прокрутка каталога отдельно от страницы

#56 miyako

miyako

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

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

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

Просмотр сообщенияsotil (20 Апрель 2013 - 08:01) писал:

Всё исправилось, спасибо!!
Мне интересно прокрутка каталога отдельно от страницы

Может быть вы про карусель? Тогда вот инструкция - http://forum.storela...лож/#entry32986

#57 VJOKSA

VJOKSA

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

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

Отправлено 09 Январь 2014 - 06:41

А у меня тоже проблема. Меню основное: при добавлении нового пункта меня, один из существующих исчезает(

#58 Castiel

Castiel

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

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

Отправлено 09 Январь 2014 - 13:22

Просмотр сообщенияVJOKSA (09 Январь 2014 - 06:41) писал:

А у меня тоже проблема. Меню основное: при добавлении нового пункта меня, один из существующих исчезает(

Если вы хотите добавить новый пункт меню, вам необходимо будет немного уменьшить само меню, чтобы оно поместилось.

#59 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 10 Январь 2014 - 09:38

1 Здравствуйте, есть ли возможность организовать увеличение как здесь, чтобы при наведении на картинку в каталоге, внизу картинки появлялась полупрозрачная кнопка "увеличить", нажимая на которую всплывало окно идентичное странице самого товара, на которой также можно посмотреть всю информацию не переходя на страницу товара и купить. Это избавит покупателя покидать страницу каталога. также во всплывающем окне нужно разместить кнопку закрытия, кнопку перехода на страницу товара.


2 И можно ли  каким то образом проставить у каждого товара логотипы брендов, привязав, например, к характеристике товара "БРЕНД", чтобы если у товара есть характеристика БРЕНД проставлена, она закачивала на страницу товара свой логотип, например, из категории "по брендам", где у каждой категории своя картинка-логотип!

#60 Сake

Сake

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

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

Отправлено 11 Январь 2014 - 04:22

1. Подобный вопрос ранее рассматривался в следующей теме форума http://forum.storela..._20#entry104119

2. Подобное можно реализовать только вручную например - используя условия в шаблоне "Товар" проверяя название категории и отображаю изображение бренда. Так же можно создать дополнительную категорию в которой будут созданы подкатегории в виде названий брендов и соответствующие товары будут разнесены по своим категориям брендов. Так же можно реализовать условие определения бренда основываясь не на названии товара, а на названии характеристики. Подобный вопрос ранее рассматривался в следующей теме форума http://forum.storela...карточке-товара
Обратно в Каталог товаров


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

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

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