Brugerne skal kunne sortere i Data (Webshop)

Jeg ønsker at blive bedre til PHP og MySQL. Er derfor gået i gang med at bygge en lille webshop, for at prøve forskellige ting af.

Når brugerne er inde og kigge på en produktgruppe, vil jeg gerne have, at de skal have muligheden for at sortere produkterne efter pris og vægt. Altså, hvis man trykker på vægt, så skal produkterne med den lavest vægt vises øverst, og hvis man trykker igen, skal de produkter med højest vægt vises først. Hvis man kunne sortere efter mærke, så alle adidas produkter blev vist sammen, og alle nike produkter blev vist sammen, ville det være endnu bedre.

Al hjælp modtages gerne, så jeg kan komme videre herfra. Hvis du har et link til en tutorial ville det også være super.

 <?php
                     
 $query = "SELECT * FROM products order BY id DESC";
 $result = mysql_query($query);                    
 if (mysql_num_rows($result) > 0) {
 ?>
 
 <table id="see_all_products">
 <tr>
     <td class="id" width="20px">ID</td>
     <td style="padding-left: 10px;" class="name" width="150px">Navn</td>
     <td class="category" width="60px">Kategori</td>
     <td class="price" width="60px">Pris</td>
     <td class="weight" width="80px">Vægt</td>
     <td width="20px"></td>
     <td width="20px"></td>
     <td width="20px"></td>
 </tr>
                     
 <?php                    
                     
 while($row = mysql_fetch_assoc($result)) {
     echo "<tr>";
     echo "<td>$row[id]</td>";
     echo "<td style='padding-left: 10px;' >$row[name]</td>";
     echo "<td></td>";
     echo "<td>$row[price]</td>";
     echo "<td>$row[weight] gram.</td>";
     echo "<td><a href='#'><img title='Rediger $row[name]' src='../stylesheets/images/edit.png'></a></td>";
     echo "<td><a href='#'><img title='Se $row[name]' src='../stylesheets/images/watch.png'></a></td>";
     echo "<td><a href='delete_product.php?id=$row[id]' onclick=\"return confirm('Er du sikker på, at du gerne vil slette $row[name]?')\"><img title='Slet $row[name]' src='../stylesheets/images/delete.png'></a></td>";
     echo "</tr>";
 }                    
 echo "</table>";
 ?>