У меня есть два раскрывающихся меню и несколько изображений для каждой категории в этих меню. Я написал javascript, который получает замещающий текст этих изображений, и когда замещающий текст совпадает с выбранной моделью в раскрывающемся меню, он показывает только релевантный изображения, но теперь я хочу отфильтровать его также по цвету. Теперь, когда я выбираю любую модель, она показывает соответствующие изображения этой модели в белом и черном обоих цветах. Но я хочу, чтобы при белом цвете отображались только белые цветные изображения соответствующей модели?
_filterThumbnails:function(variant){
if(variant.featured_image !=null && variant.featured_image.alt !=null ){
$('[data-thumbnail-Model]').hide();
var selected_Model = variant.featured_image.alt;
var thumbnail_selector = '[data-thumbnail-Model="' + selected_Model + '"]';
$(thumbnail_selector).show();
}
else{
$('[data-thumbnail-Model]').show();
}
},
Здесь я использую alt изображений
<li data-thumbnail-model="{{image.alt}}" class="grid__item {{ product_thumbnail_width }} product-single__thumbnails-item js">