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


Добавить Кнопочки К Фильтрам Товаров


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

#1 agkostin

agkostin

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

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

Отправлено 16 Август 2017 - 12:50

Добрый день!

Прошу помочь добавить кнопочки к фильтрам товаров, как на фото в примере  (Пример.jpg )

Аккаунт SL-97828

#2 Stasya

Stasya

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

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

Отправлено 16 Август 2017 - 15:12

Просмотр сообщенияagkostin (16 Август 2017 - 12:50) писал:

Добрый день!

Прошу помочь добавить кнопочки к фильтрам товаров, как на фото в примере  (Прикрепленный файл Пример.jpg)

Аккаунт SL-97828
Здравствуйте. Уточните, пожалуйста, какой функционал должны нести данные кнопочки. Т.е. что именно они должны делать?

#3 agkostin

agkostin

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

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

Отправлено 16 Август 2017 - 15:53

Здравствуйте,

Особого функционала у них нет, просто выделить подкатегории фильтров, сейчас их очень плохо видно.

#4 Stasya

Stasya

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

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

Отправлено 16 Август 2017 - 16:17

Просмотр сообщенияagkostin (16 Август 2017 - 15:53) писал:

Здравствуйте,

Особого функционала у них нет, просто выделить подкатегории фильтров, сейчас их очень плохо видно.
В файле main.css найдите код
.filters-goods .title {display: block;margin: 0;padding: 0;border: 0;box-shadow: none;cursor:pointer;}
.filters-goods .title span {border-bottom: 1px dashed black;}
и замените его на
.filters-goods .title {display: block;margin: 0;padding: 5px;border: 0;box-shadow: none;cursor:pointer;color: #fff;background: #0097c4;border-radius: 8px;}
.filters-goods .title span {/* border-bottom: 1px dashed black; */}


#5 agkostin

agkostin

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

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

Отправлено 17 Август 2017 - 16:10

Добрый день!

Спасибо большое за помощь!

1) Как можно немножко увеличить расстояние между фильтрами? (Пример.jpg )

2) Как сделать, чтобы фильтр, после выбора какой-либо категории "сворачивался". (Пример 2.jpg )

#6 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 17 Август 2017 - 17:34

Просмотр сообщенияagkostin (17 Август 2017 - 16:10) писал:

Добрый день!

Спасибо большое за помощь!

1) Как можно немножко увеличить расстояние между фильтрами? (Прикрепленный файл Пример.jpg)

2) Как сделать, чтобы фильтр, после выбора какой-либо категории "сворачивался". (Прикрепленный файл Пример 2.jpg)

Здравствуйте.
1. В шаблоне main.css найдите код:
.block.filters .filter {margin: 5px 0;font-size: 14px;}

Замените на:
.block.filters .filter {margin: 5px;font-size: 14px;}

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

#7 agkostin

agkostin

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

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

Отправлено 17 Август 2017 - 18:59

2. Клиент нажимает на фильтр, выбирает, после этого он сворачивается.Можно так сделать?

#8 Vaccina

Vaccina

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

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

Отправлено 18 Август 2017 - 07:29

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите и удалите:
$('.filters-goods').find('input[type="checkbox"]').each(function(){
	console.log('q');
	if($(this).attr('checked')){
	  $(this).parents('.filter').addClass('active');
	  $(this).parents('ul').siblings('.title').addClass('active');
	  $(this).parents('ul').slideDown();
	  $(this).parents('ul').siblings('.title').find('.sepFilter').html('▲');
	}
  })


#9 agkostin

agkostin

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

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

Отправлено 18 Август 2017 - 10:00

Спасибо!) (2192)




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

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