Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Обозначить Отсутствующие В Наличии Модификации

Автор like.hornet.6, 22 окт. 2022 01:13

наличие модификация

Авторизуйтесь для ответа в теме

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

#1 like.hornet.6

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

Пользователи
186 сообщений

ГородРостов-на-Дону

Отправлено 22 Октябрь 2022 - 01:13

Когда человек в карточке товара нажимает на выпадающую строку модификаций, то есть такие модификации, которые нельзя выбрать для определённой характеристики - их может просто не быть в карточке товара, и вот они сделаны серым текстом. А ещё они некликабельны.
Например, это может быть определённый цвет у разных объёмов - красный литровый есть, а вот красного двухлитрового товара нет. Ну вы поняли.

Так вот что нужно сделать: когда какая-либо модификация закончилась, нужно чтобы она тоже была серой, но оставалась такой же кликабельной.
Просто обозначить пользователю, что серенький текст - это те модификации, которые отсутствуют или закончились.

Наверх

#2 Vaccina

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

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

Отправлено 26 Октябрь 2022 - 09:04

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

					<!-- Осноные Фильтры -->
					<div class="filters-goods">
					  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
					  {% FOR filter_attr_list %}
						<div class="filter">
						  <div class="title {% IF filter_attr_list.index > 3 %}active{% ENDIF %}">{filter_attr_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						  <ul class="filter-inner {% FOR values %}{% IF filter_attr_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_attr_list.index > 3 %}style="display:none"{% ENDIF %}>
						  {% FOR values %}
							<li class="filter-item">
							  <input class="checkbox-hidden" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
							  <label class="checkbox-name" for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="counter">{filter_attr_list.values.NB_GOODS_FILTERED}</span></label>
							</li>
						  {% ENDFOR %}
						  </ul>
						  {% FOR values %}
							{% IF filter_attr_list.values.index > 10 %}
							<button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button>
							{break}
							{% ENDIF %}
						  {% ENDFOR %}						   
						</div>
					  {% ENDFOR %}
					  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
					  {% FOR filter_prop_list %}
						<div class="filter">
						  <div class="title {% IF filter_prop_list.index > 3 %}active{% ENDIF %}">{filter_prop_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						  <ul class="filter-inner {% FOR values %}{% IF filter_prop_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_prop_list.index > 3 %}style="display:none"{% ENDIF %}>
						  {% FOR values %}
							<li class="filter-item">
							  <input class="checkbox-hidden" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
							  <label class="checkbox-name" for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="counter">{filter_prop_list.values.NB_GOODS_FILTERED}</span></label>
							</li>
						  {% ENDFOR %}
						  </ul>
						  {% FOR values %}
							{% IF filter_prop_list.values.index > 10 %}
							<button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button>
							{break}
							{% ENDIF %}
						  {% ENDFOR %}
						</div>
					  {% ENDFOR %}
					</div>
					<!-- /END Осноные Фильтры -->

замените на:

					<!-- Осноные Фильтры -->
					<div class="filters-goods">
					  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
					  {% FOR filter_attr_list %}
						<div class="filter">
						  <div class="title {% IF filter_attr_list.index > 3 %}active{% ENDIF %}">{filter_attr_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						  <ul class="filter-inner {% FOR values %}{% IF filter_attr_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_attr_list.index > 3 %}style="display:none"{% ENDIF %}>
						  {% FOR values %}
							<li class="filter-item">
							  <input class="checkbox-hidden {% IF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled{% ENDIF %}" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} />
							  <label class="checkbox-name" for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="counter">{filter_attr_list.values.NB_GOODS_FILTERED}</span></label>
							</li>
						  {% ENDFOR %}
						  </ul>
						  {% FOR values %}
							{% IF filter_attr_list.values.index > 10 %}
							<button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button>
							{break}
							{% ENDIF %}
						  {% ENDFOR %}						   
						</div>
					  {% ENDFOR %}
					  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
					  {% FOR filter_prop_list %}
						<div class="filter">
						  <div class="title {% IF filter_prop_list.index > 3 %}active{% ENDIF %}">{filter_prop_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						  <ul class="filter-inner {% FOR values %}{% IF filter_prop_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_prop_list.index > 3 %}style="display:none"{% ENDIF %}>
						  {% FOR values %}
							<li class="filter-item">
							  <input class="checkbox-hidden {% IF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled{% ENDIF %}" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} >
							  <label class="checkbox-name" for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="counter">{filter_prop_list.values.NB_GOODS_FILTERED}</span></label>
							</li>
						  {% ENDFOR %}
						  </ul>
						  {% FOR values %}
							{% IF filter_prop_list.values.index > 10 %}
							<button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button>
							{break}
							{% ENDIF %}
						  {% ENDFOR %}
						</div>
					  {% ENDFOR %}
					</div>
					<!-- /END Осноные Фильтры -->

далее зайдте в main.css - найдите:

.checkbox-hidden:disabled + .checkbox-name {color: #b1bfc8;cursor: default}

замените на:

.checkbox-hidden.disabled + .checkbox-name {color: #b1bfc8;cursor: default}

Наверх

#3 like.hornet.6

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

Пользователи
186 сообщений

ГородРостов-на-Дону

Отправлено 26 Октябрь 2022 - 20:04

Vaccina (26 Октябрь 2022 - 09:04) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

				 <!-- Осноные Фильтры -->
				 <div class="filters-goods">
					 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
					 {% FOR filter_attr_list %}
					 <div class="filter">
						 <div class="title {% IF filter_attr_list.index > 3 %}active{% ENDIF %}">{filter_attr_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						 <ul class="filter-inner {% FOR values %}{% IF filter_attr_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_attr_list.index > 3 %}style="display:none"{% ENDIF %}>
						 {% FOR values %}
						 <li class="filter-item">
							 <input class="checkbox-hidden" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
							 <label class="checkbox-name" for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="counter">{filter_attr_list.values.NB_GOODS_FILTERED}</span></label>
						 </li>
						 {% ENDFOR %}
						 </ul>
						 {% FOR values %}
						 {% IF filter_attr_list.values.index > 10 %}
						 <button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button>
						 {break}
						 {% ENDIF %}
						 {% ENDFOR %}						
					 </div>
					 {% ENDFOR %}
					 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
					 {% FOR filter_prop_list %}
					 <div class="filter">
						 <div class="title {% IF filter_prop_list.index > 3 %}active{% ENDIF %}">{filter_prop_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						 <ul class="filter-inner {% FOR values %}{% IF filter_prop_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_prop_list.index > 3 %}style="display:none"{% ENDIF %}>
						 {% FOR values %}
						 <li class="filter-item">
							 <input class="checkbox-hidden" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
							 <label class="checkbox-name" for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="counter">{filter_prop_list.values.NB_GOODS_FILTERED}</span></label>
						 </li>
						 {% ENDFOR %}
						 </ul>
						 {% FOR values %}
						 {% IF filter_prop_list.values.index > 10 %}
						 <button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button>
						 {break}
						 {% ENDIF %}
						 {% ENDFOR %}
					 </div>
					 {% ENDFOR %}
				 </div>
				 <!-- /END Осноные Фильтры -->

замените на:

				 <!-- Осноные Фильтры -->
				 <div class="filters-goods">
					 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
					 {% FOR filter_attr_list %}
					 <div class="filter">
						 <div class="title {% IF filter_attr_list.index > 3 %}active{% ENDIF %}">{filter_attr_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						 <ul class="filter-inner {% FOR values %}{% IF filter_attr_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_attr_list.index > 3 %}style="display:none"{% ENDIF %}>
						 {% FOR values %}
						 <li class="filter-item">
							 <input class="checkbox-hidden {% IF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled{% ENDIF %}" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} />
							 <label class="checkbox-name" for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="counter">{filter_attr_list.values.NB_GOODS_FILTERED}</span></label>
						 </li>
						 {% ENDFOR %}
						 </ul>
						 {% FOR values %}
						 {% IF filter_attr_list.values.index > 10 %}
						 <button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button>
						 {break}
						 {% ENDIF %}
						 {% ENDFOR %}						
					 </div>
					 {% ENDFOR %}
					 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
					 {% FOR filter_prop_list %}
					 <div class="filter">
						 <div class="title {% IF filter_prop_list.index > 3 %}active{% ENDIF %}">{filter_prop_list.NAME}:<span class="filter-arrow fal fa-angle-up"></span></div>
						 <ul class="filter-inner {% FOR values %}{% IF filter_prop_list.values.index > 10 %}crop{break}{% ENDIF %}{% ENDFOR %}" {% IF filter_prop_list.index > 3 %}style="display:none"{% ENDIF %}>
						 {% FOR values %}
						 <li class="filter-item">
							 <input class="checkbox-hidden {% IF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled{% ENDIF %}" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} >
							 <label class="checkbox-name" for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="counter">{filter_prop_list.values.NB_GOODS_FILTERED}</span></label>
						 </li>
						 {% ENDFOR %}
						 </ul>
						 {% FOR values %}
						 {% IF filter_prop_list.values.index > 10 %}
						 <button class="filter-more" type="button"><span class="filter-moreText pseudo-link">Показать все</span> <span class="filter-moreArrow fal fa-angle-down"></span></button>
						 {break}
						 {% ENDIF %}
						 {% ENDFOR %}
					 </div>
					 {% ENDFOR %}
				 </div>
				 <!-- /END Осноные Фильтры -->

далее зайдте в main.css - найдите:

.checkbox-hidden:disabled + .checkbox-name {color: #b1bfc8;cursor: default}

замените на:

.checkbox-hidden.disabled + .checkbox-name {color: #b1bfc8;cursor: default}

Сделал, но что-то ничего не поменялось.

Наверх

#4 Vaccina

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

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

Отправлено 27 Октябрь 2022 - 07:36

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

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

Наверх

#5 vanyushka

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

Пользователи
500 сообщений

Отправлено 27 Октябрь 2022 - 13:42

Наверх

#6 like.hornet.6

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

Пользователи
186 сообщений

ГородРостов-на-Дону

Отправлено 27 Октябрь 2022 - 13:51

Vaccina (27 Октябрь 2022 - 07:36) писал:

Вот этот товар не имеет модификации 500 мл и белого цвета:
/goods/biostal-cvetnoy-iz-nergaveyuschey-stali-nb-c-v-ryazani
Но теперь эта модификация стала кликабельна, при этом её просто не существует (есть просто 500 мл, но без белого цвета).

Наверх

#7 Vaccina

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

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

Отправлено 01 Ноябрь 2022 - 02:18

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

Ранее вы хотели чтобы подобные модификации были кликабельными, необходимо убрать эту возможность или просто изменить цвет?

Наверх

#8 like.hornet.6

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

Пользователи
186 сообщений

ГородРостов-на-Дону

Отправлено 01 Ноябрь 2022 - 02:43

Vaccina (01 Ноябрь 2022 - 02:18) писал:

Нужно, чтобы они не были кликабельными, модификации, которых не существует.
Давайте сначала сделаем это, а потом посмотрим, работает ли всё корректно.
Спасибо.

Наверх

Обратно в Страница товара

Темы с аналогичным тегами наличие, модификация

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Страница товара → Проблемы С Модификациями Автор Гость_like.hornet.6_* , 22 окт. 2022 модификация	0 Ответов 342 Просмотров	like.hornet.6 22 окт. 2022
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Страница товара → Добавить Название Модификации При Добавлении В Корзину Автор Гость_like.hornet.6_* , 09 июня 2022 модификация, корзина	4 Ответов 887 Просмотров	like.hornet.6 10 июня 2022
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Пластик → Корзина → Как Добавить Название Модификации В Всплывающие Окно Добавления Товара В Корзину Автор Гость_Frontliner_* , 06 янв. 2017 корзина товар, модификация	2 Ответов 2 721 Просмотров	zhivaderoff 03 июля 2017
Вопросы работы сервиса StoreLand → Предложения по улучшению сервиса → Модификация Товара (Свойства) Автор Гость_Колян_* , 04 сент. 2016 Модификация	3 Ответов 2 780 Просмотров	status321 17 авг. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Пластик → Каталог товаров → Некорректное Отображение Последовательности Товаров В Каталоге Автор Гость_StonerJack_* , 08 авг. 2016 последовательность, каталог и 5 еще...	5 Ответов 3 303 Просмотров	StonerJack 11 авг. 2016

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

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

Обозначить Отсутствующие В Наличии Модификации

Темы с аналогичным тегами наличие, модификация

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

Войти

Google поиск