title: Why can't select one object in django
body: <p>I'm creating a ecommerce store using django And tried s many things to do this.index page is working pretty well but I want select specific product when I click .ex: when I click a shoe I want to enter shoe detail page with shoe image and all the necessary details.Here is my home page.And also I highly recommend to check my all code because you can't get any idea with only this code.github <a href="https://github.com/dtheekshanalinux/django_web_store" rel="nofollow noreferrer">source code here</a>.thanks dinindu</p>
  <pre><code>{% extends 'store/main.html'%}
  {% load static %}
  {% block content %}
  &lt;style&gt;
  img:hover{
  opacity: 0.5;
  }
  &lt;/style&gt;
  &lt;div class=&quot;row&quot;&gt;
  {% for product in products %}
  &lt;div class=&quot;col-lg-4&quot;&gt;
  &lt;a href=&quot;{% url 'productDetail' Product.name %}&quot;&gt;&lt;img
  class=&quot;thumbnail&quot; src=&quot;{{product.imageURL}}&quot;&gt;&lt;/a&gt;
  &lt;div class=&quot;box-element product&quot;&gt;
  &lt;h6&gt;&lt;strong&gt;{{product.name}}&lt;/strong&gt;&lt;/h6&gt;
  &lt;hr&gt;
  &lt;button data-product=&quot;{{product.id}}&quot; data-action=&quot;add&quot;
  class=&quot;btn btn-outline-secondary add-btn update-cart&quot;&gt;Add to
  Cart&lt;/button&gt;
  &lt;h4 style=&quot;display: inline-block; float:
  right&quot;&gt;&lt;strong&gt;Rs {{product.price}}&lt;/strong&gt;&lt;/h4&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  {% endfor %}
  &lt;/div&gt;
  {% endblock content %}
  </code></pre>