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


Фильтр По Цвету

Автор Ольга 94, 10 мая 2016 19:48

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

#41 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 24 Июнь 2016 - 11:16

 Vaccina (24 Июнь 2016 - 03:27) писал:

В шаблоне HTML найдите:
{% IF filter_attr_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %} <!--Менять цвета при смене цвета модификации-->
{% IF filter_attr_list.values.VALUE = Белый %} <div style="background-color:#fff;margin-top: 7px;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Серебряный пион %} <div style="background-color:#f5cab4;margin-top: 7px;display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Черный %} <div style="background-color:#000;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}</label>

замените на:
{% IF filter_attr_list.values.VALUE = Бежевый %} <div class="filter_color" style="background-color:#e3c2a2;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Белый %} <div class="filter_color" style="background-color:#fff;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Серебряный пион %} <div class="filter_color" style="background-color:#f5cab4;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Черный %} <div class="filter_color" style="background-color:#000;"></div>{% ENDIF %}</label>

В main.css найдите:
.contentTbodySearchFilterBlock label {
margin-top: 5px;
display: inline-block;
vertical-align: middle;
}

после него добавьте:
.filter_color {
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}


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

#42 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 25 Июнь 2016 - 13:13

Ответьте пожалуйста

#43 Danil

Danil

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

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

Отправлено 26 Июнь 2016 - 15:20

 Ольга 94 (25 Июнь 2016 - 13:13) писал:

Ответьте пожалуйста
В шаблоне html найдите код 
   <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}
   {% IF filter_attr_list.values.VALUE = Бежевый %} <div class="filter_color" style="background-color:#e3c2a2;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Белый %} <div class="filter_color" style="background-color:#fff;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Серебряный пион %} <div class="filter_color" style="background-color:#f5cab4;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Черный %} <div class="filter_color" style="background-color:#000;"></div>{% ENDIF %}</label>
и замените на 


   <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label>
   {% IF filter_attr_list.values.VALUE = Бежевый %} <div class="filter_color" style="background-color:#e3c2a2;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Белый %} <div class="filter_color" style="background-color:#fff;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Серебряный пион %} <div class="filter_color" style="background-color:#f5cab4;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Черный %} <div class="filter_color" style="background-color:#000;"></div>{% ENDIF %}
В main.css найдите код 
.filter_color {
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
и замените на 
.contentTbodySearchFilterBlock label {
	display: inline-block;
	vertical-align: middle;
	margin-top: 5px;
	width: 130px;
}
.filter_color {
	width: 50px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 5px;
}

#44 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 26 Июнь 2016 - 16:36

 Danil (26 Июнь 2016 - 15:20) писал:

В шаблоне html найдите код
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}
{% IF filter_attr_list.values.VALUE = Бежевый %} <div class="filter_color" style="background-color:#e3c2a2;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Белый %} <div class="filter_color" style="background-color:#fff;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Серебряный пион %} <div class="filter_color" style="background-color:#f5cab4;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Черный %} <div class="filter_color" style="background-color:#000;"></div>{% ENDIF %}</label>
и замените на


<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label>
{% IF filter_attr_list.values.VALUE = Бежевый %} <div class="filter_color" style="background-color:#e3c2a2;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Белый %} <div class="filter_color" style="background-color:#fff;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Серебряный пион %} <div class="filter_color" style="background-color:#f5cab4;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Черный %} <div class="filter_color" style="background-color:#000;"></div>{% ENDIF %}
В main.css найдите код
.filter_color {
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
и замените на
.contentTbodySearchFilterBlock label {
display: inline-block;
vertical-align: middle;
margin-top: 5px;
width: 130px;
}
.filter_color {
width: 50px;
height: 10px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-top: 5px;
}

Спасибо.

#45 Mashenka

Mashenka

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

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

Отправлено 11 Ноябрь 2016 - 20:10

Здравствуйте. Мне нужны фильтры к каталогу: тип ткани, тип дизайна, цвет ткани (с изображение цвета в виде квадратика перед названием цвета). Все это должно располагаться над каталогом в виде горизонтальной линии (т.е. три строчки фильтров, расположенные рядом над каталогом). это возможно? Примерно как на сайте  http://souz-m.ru/products/

#46 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 11 Ноябрь 2016 - 20:33

 Mashenka (11 Ноябрь 2016 - 20:10) писал:

Здравствуйте. Мне нужны фильтры к каталогу: тип ткани, тип дизайна, цвет ткани (с изображение цвета в виде квадратика перед названием цвета). Все это должно располагаться над каталогом в виде горизонтальной линии (т.е. три строчки фильтров, расположенные рядом над каталогом). это возможно? Примерно как на сайте  http://souz-m.ru/products/

Здравствуйте.
Чтобы добавить фильтры в категории товаров - вам сначала необходимо непосредственно в сами товары добавить ряд требуемых характеристик, на основе который. в последствие, вы сможете в настройках категории добавить требуемые вам пункты фильтрации.
Проверьте, пожалуйста.
Обратно в Каталог товаров


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

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

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