Сообщений в теме: 218

[Alexey11]

551 (05 Март 2014 - 11:54) писал:

Добрый день. Помогите изменить стиль чекбоксов. В шаблон хтмл добавил:

<link href="{ASSETS_STYLES_PATH}aero.css" rel="stylesheet">
<script src="{ASSETS_JS_PATH}icheck.js"></script>

Файлы загрузил. Добавляю в main.js код:

$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_flat-aero',
radioClass: 'iradio_flat-aero'
});
});

Ничего не работает.

Здравствуйте, к сожалению не обнаружил данного блока кода в шаблоне main.js

$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_flat-aero',
radioClass: 'iradio_flat-aero'
});
});

[551]

Alexey11 (05 Март 2014 - 19:18) писал:

Здравствуйте, к сожалению не обнаружил данного блока кода в шаблоне main.js

$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_flat-aero',
radioClass: 'iradio_flat-aero'
});
});

Если я его добавляю, фильтр перестает работать. Поэтому я его удалил.

[551]

Alexey11 (05 Март 2014 - 19:18) писал:

Здравствуйте, к сожалению не обнаружил данного блока кода в шаблоне main.js

$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_flat-aero',
radioClass: 'iradio_flat-aero'
});
});

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

[sengun]

551 (07 Март 2014 - 11:23) писал:

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

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

[551]

sengun (07 Март 2014 - 17:24) писал:

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

Инструкцию для чекбоксов я нашел в этой теме (она обсуждалась на нескольких страницах) http://ruseller.com/...demo/index.html Скин "Flat"

[551]

Как поправить отображение фильтров?

[Castiel]

551 (13 Март 2014 - 09:21) писал:

Как поправить отображение фильтров?

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

[551]

Castiel (13 Март 2014 - 17:40) писал:

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

Вот:

[Vaccina]

в этой же теме имеется инструкция по стилизации чекбоксов:
http://forum.storela..._140#entry93406

подробная инструкция от тех поддержки начинается с этого сообщения:
http://forum.storela..._140#entry94163

[551]

Vaccina (15 Март 2014 - 01:42) писал:

в этой же теме имеется инструкция по стилизации чекбоксов:
http://forum.storela..._140#entry93406

подробная инструкция от тех поддержки начинается с этого сообщения:
http://forum.storela..._140#entry94163

Я и пытался все сделать по этой инструкции, но у меня нет этого в main.js:

Сake (09 Октябрь 2013 - 01:55) писал:

Далее в файле main.js найдите

$(document).ready(function(){
$('input').each(function(){
	 var self = $(this),
		 label = self.next(),
		 label_text = label.text();
	 label.remove();
	 self.iCheck({
		 checkboxClass: 'icheck_line',
		 radioClass: 'icheck_line',
		 insert: '<div class="icheck_line-icon"></div>' + label_text
	 });
});
});
$(document).ready(function(){
$('input').each(function(){
	 var self = $(this),
		 label = self.next(),
		 label_text = label.text();
	 label.remove();
	 self.iCheck({
		 checkboxClass: 'icheck_line-red',
		 radioClass: 'icheck_line-red',
		 insert: '<div class="icheck_line-icon"></div>' + label_text
	 });
});
});

[Vaccina]

в данной ветке форума обсуждалась стилизация чекбоксов путем подключения ICheck: http://ruseller.com/...demo/index.html
js код как раз оттуда брался для подключения

[551]

Vaccina (19 Март 2014 - 05:28) писал:

в данной ветке форума обсуждалась стилизация чекбоксов путем подключения ICheck: http://ruseller.com/...demo/index.html
js код как раз оттуда брался для подключения

Так а мне что нужно сделать, чтобы оформление чекбоксов изменилось? Все файлы загрузил, все коды добавил. Но при добавлении кода в main.js все ломается.

[Сake]

К сожалению, задействовать iCheck без модификации библиотеки icheck.js не получиться, так как используемая на вашем сайте версия jquery не удовлетворяет требованием библиотеки iCheck. Вам необходимо в файле icheck.js найти все упоминания

.on(

и заменить данный код на

.bind(

после этого в файл main.js добавьте код

$(document).ready(function(){
  $('input').iCheck({
	checkboxClass: 'icheckbox_flat-aero',
	radioClass: 'iradio_flat-aero',
	increaseArea: '20%' // не обязательно
  });
});

[551]

Сake (20 Март 2014 - 01:42) писал:

К сожалению, задействовать iCheck без модификации библиотеки icheck.js не получиться, так как используемая на вашем сайте версия jquery не удовлетворяет требованием библиотеки iCheck. Вам необходимо в файле icheck.js найти все упоминания

.on(

и заменить данный код на

.bind(

после этого в файл main.js добавьте код

$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_flat-aero',
radioClass: 'iradio_flat-aero',
increaseArea: '20%' // не обязательно
});
});

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

[Сake]

Библиотека iCheck не реагирует на стандартные события вида change или click, так как она реализует собственные события которые и необходимо использовать. В документации описаны все доступные пользовательские события https://github.com/fronteed/iCheck/
В файле main.js по умолчанию используется событие

$('.contentTbodySearchFilterBlock input').click(function(){
	$(this)[0].form.submit();
});

которое следует заменить (по документации) на

$('.contentTbodySearchFilterBlock input').bind('ifChecked', function(){
	$(this)[0].form.submit();
  });

Полной уверенности к сожалению, нет. Будет ли все работать корректно, так как библиотека изначально предполагается для другой версии jQuery, а так же были внесены правки по замене .on( на .bind(

[551]

Сake (20 Март 2014 - 23:52) писал:

Библиотека iCheck не реагирует на стандартные события вида change или click, так как она реализует собственные события которые и необходимо использовать. В документации описаны все доступные пользовательские события https://github.com/fronteed/iCheck/
В файле main.js по умолчанию используется событие

$('.contentTbodySearchFilterBlock input').click(function(){
$(this)[0].form.submit();
});

которое следует заменить (по документации) на

$('.contentTbodySearchFilterBlock input').bind('ifChecked', function(){
$(this)[0].form.submit();
});

Полной уверенности к сожалению, нет. Будет ли все работать корректно, так как библиотека изначально предполагается для другой версии jQuery, а так же были внесены правки по замене .on( на .bind(

Так уже работает, но некорректно. Ставишь галку - товары фильтруются, убираешь - ничего не происходит. И когда ставишь несколько галок - неверно отображает товары. Если такой вариант изначально предполагается для другой версии jQuery, то скажите мне, как изменить внешний вид фильтров с моей версией jQuery?

[Сake]

Так как вы брали изменения, то предположить что же может работать не так - крайне затруднительно. Можно попробовать использовать другое событие ifChanged вместо ifChecked. Попробуйте

$('.contentTbodySearchFilterBlock input').bind('ifChecked', function(){
  $(this)[0].form.submit();
});

заменить на

$('.contentTbodySearchFilterBlock input').bind('ifChanged', function(){
  $(this)[0].form.submit();
});

Цитата

как изменить внешний вид фильтров с моей версией jQuery

В данном случае остается только искать соответствующий плагин, который в свою очередь поддерживает jQuery версии 1.4

[tega4]

Как и написала ранее если не получится, то сообщу)
проблема в том, что произошла проблема выводится только первая модификация в цвете вместо всех и опять не показывается в быстром просмотре акк.268427

[Сake]

Вам ответили в теме форума http://forum.storela...120#entry138044
Пожалуйста, по данному вопросу пишите в одной теме форума, так как разброс сообщений затрудняет понимание проблемы в целом.