Django-фильтр ModelMultipleChoiceFilter с предварительным просмотром

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

Вот то, что у меня сейчас есть, и что отлично работает:

enter image description here

Я пытаюсь добиться следующего:

enter image description here

Мой filters.py файл:

import django_filters

from .models import Product,ProductColor



class ProductFilter(django_filters.FilterSet):
    title = django_filters.CharFilter(lookup_expr='iexact')

    price_sale = django_filters.NumberFilter()
    price_regular= django_filters.NumberFilter()
    
    release_year = django_filters.NumberFilter(field_name='date_added', lookup_expr='year')
    
    release_year__gt = django_filters.NumberFilter(field_name='date_added', lookup_expr='year__gt')
    release_year__lt = django_filters.NumberFilter(field_name='date_added', lookup_expr='year__lt')

    chogoyo = ProductColor.objects.all()



    def colors(request):
        
        return ProductColor.objects.all()


    product_color = django_filters.filters.ModelMultipleChoiceFilter(queryset=colors)

    class Meta:
        model = Product
        fields = ['price_sale','price_regular', 'date_added','product_color']

Какой подход был бы лучшим для достижения этой цели?

Заранее спасибо.

Вернуться на верх