Django кнопка меню и общая страница c для продукта

Question

Я хотел бы знать, как отображать другие велосипеды, нажав на кнопку «urbain», например,

Вот мой кусок кода:

        <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="filter-control">
                    <ul>
                        <li class="active">Pliable</li>
                        <li>Urbain</li>
                        <li>Route</li>
                        <li>VTT</li>
                    </ul>
                </div>
                <div class="product-slider owl-carousel">
                    {% for velo in pliable %}
                        <div class="product-item">
                            <div class="pi-pic">
                                <img src="{{ velo.image }}" alt="">
                            </div>
                            <div class="pi-text">
                                <div class="catagory-name">{{ velo.slogan }}</div>
                                <a href="#">
                                    <h5>{{ velo.model }}</h5>
                                </a>
                                <div class="product-price">
                                    {{ velo.prix }}
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>

введите изображение описание здесь

У меня есть вторая проблема, которая напоминает первую. У меня есть общая страница c для моих продуктов, и я хотел бы, чтобы при нажатии на кнопку «VTT» она возвращала меня на эту страницу только с «VTT», у меня уже есть фрагмент кода, но я не могу передать ему запрос

                        <li class="active"><a href="{% url 'index' %}">Accueil</a></li>
                    <li><a href="{% url 'shop' %}">Vélo</a>
                      <ul class="dropdown">
                            <li><a href="{% url 'shop' %}" name="Urbain">URBAIN</a></li>
                            <li><a href="{% url 'shop' %}" name="Route">ROUTE</a></li>
                            <li><a href="{% url 'shop' %}" name="VTT">VTT</a></li>
                            <li><a href="{% url 'shop' %}" name="Trekking">TREKKING</a></li>
                            <li><a href="{% url 'shop' %}" name="SpeedBike">SPEED BIKE</a></li>
                            <li><a href="{% url 'shop' %}" name="pliant">PLIABLE</a></li>
                        </ul>
                    </li>

my views.py

def shop(request):
product = request.GET.get('VTT')
velo = Velo.objects.filter(categorie__icontains=product)
return render(request, 'core/shop.html', {
    'velo' : velo,
    })