Estou criando um e-commerce pra aprender PHP, porém, to com um problema que não to conseguindo resolver. Na página inicial do projeto tem dois painéis, um de "Novidades" e um de "Mais Vendidos", quando a pessoa clica em um produto desses painéis ela deveria ser redirecionada para a página do produto, mas ao invés disso da o seguinte erro:
http://imgur.com/YaKymcW
Código da página index.php
<!DOCTYPE html>
<html>
<head>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>Mirror Fashion</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" >
<link rel="stylesheet" type="text/css" href="css/estilo.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="(max-width: 939px)">
</head>
<?php include("cabecalho.php"); ?>
<body>
<div class="container destaque">
<section class="busca">
<h2>Busca</h2>
<form action="http://www.google.com.br/search" id="form-busca">
<input type="search" name="q" id="q">
<input type="image" src="img/busca.png">
</form>
</section> <!-- Fim .busca -->
<section class="menu-departamentos">
<h2>Departamentos</h2>
<nav>
<ul>
<li><a href="#">Busas e Camisas</a>
<ul>
<li><a href="#">Manga Curta</a></li>
<li><a href="#">Manga Comprida</a></li>
<li><a href="#">Camisa Social</a></li>
<li><a href="#">Camisa Casual</a></li>
</ul>
</li>
<li><a href="#">Calças</a></li>
<li><a href="#">Saias</a></li>
<li><a href="#">Vestidos</a></li>
<li><a href="#">Sapatos</a></li>
<li><a href="#">Bolsas e Carteiras</a></li>
<li><a href="#">Acessórios</a></li>
</ul>
</nav>
</section> <!-- Fim .menu-departamentos -->
<img src="img/destaque-home.png" alt="Promoção: Big City Night" class="destaque">
</div>
<div class="container paineis">
<!-- Os paineis de novidades e mais vendidos entrarão aqui dentro-->
<section class="painel novidades">
<h2>Novidades</h2>
<ol>
<?php
$conexao = mysqli_connect("127.0.0.1", "root", "", "WD43");
$dados = mysqli_query($conexao, "SELECT * FROM produtos ORDER BY data DESC LIMIT 0, 6");
while ($produto = mysqli_fetch_array($dados, MYSQL_BOTH)):
?>
<li>
<a href="produto.php?id=<? $produto['id'] ?>">
<figure>
<img src="img/produtos/miniatura<?= $produto['id'] ?>.png" alt="<?= $produto['nome'] ?>">
<figcaption><?= $produto['nome'] ?> por <?= $produto['preço'] ?></figcaption>
</figure>
</a>
</li>
<?php endwhile; ?>
</ol>
</section>
<section class="painel mais-vendidos">
<h2>Mais Vendidos</h2>
<ol>
<?php
$conexao = mysqli_connect("127.0.0.1", "root", "", "WD43");
$dados = mysqli_query($conexao, "SELECT * FROM produtos ORDER BY vendas DESC LIMIT 0, 6");
while ($produto = mysqli_fetch_array($dados)):
?>
<li>
<a href="produto.php?id=<? $produto['id'] ?>">
<figure>
<img src="img/produtos/miniatura<?= $produto['id'] ?>.png" alt="<?= $produto['nome'] ?>">
<figcaption><?= $produto['nome'] ?> por <?= $produto['preço'] ?></figcaption>
</figure>
</a>
</li>
<?php endwhile; ?>
</ol>
</section>
</div>
<script type="text/javascript" src="js/home.js"></script>
</body>
<?php include("rodape.php"); ?>
</html>
Código produto.php
<!DOCTYPE html>
<?php
$conexao = mysqli_connect("127.0.0.1", "root", "", "WD43");
$dados = mysqli_query($conexao, "SELECT * FROM produtos WHERE id =".$_GET['id']);
$produto = mysqli_fetch_array($dados);
?>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Produto <?= $produto['nome'] ?></title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/estilo.css">
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="(max-width: 939px)">
<link rel="stylesheet" type="text/css" href="css/produto.css">
</head>
<body>
<?php include("cabecalho.php"); ?>
<div class="produto-back">
<div class="container">
<div class="produto">
<div class="detalhes">
<h2>Detalhes do produto</h2>
<p><?= $produto['descricao'] ?></p>
<table>
<thead>
<tr>
<th>Característica</th>
<th>Detalhe</th>
</tr>
</thead>
<tbody>
<tr>
<td>Modelo</td>
<td>Cardigã 7845</td>
</tr>
<tr>
<td>Material</td>
<td>Algodão e poliester</td>
</tr>
<tr>
<td>Cores</td>
<td>Azul, Rosa e Verde</td>
</tr>
<td>Lavagem</td>
<td>Lavar a mão</td>
</tr>
</tbody>
</table>
</div>
<h1><?= $produto['nome'] ?></h1>
<p>por apenas <?= $produto['preço'] ?></p>
<form action="checkout.php" method="POST">
<input type="hidden" name="nome" value="<?= $produto['nome'] ?>">
<input type="hidden" name="preço" value="<?= $produto['preço'] ?>">
<input type="hidden" name="id" value="<?= $produto['id'] ?>">
<fieldset class="cores">
<legend>Escolha a cor:</legend>
<input type="radio" name="cor" value="verde" id="verde" checked>
<label for="verde">
<img src="img/produtos/foto<?= $produto['id'] ?>-verde.png" alt="verde">
</label>
<input type="radio" name="cor" value="rosa" id="rosa">
<label for="rosa">
<img src="img/produtos/foto<?= $produto['id'] ?>-rosa.png" alt="rosa">
</label>
<input type="radio" name="cor" value="azul" id="azul">
<label for="azul">
<img src="img/produtos/foto<?= $produto['id'] ?>-azul.png" alt="azul">
</label>
</fieldset>
<fieldset class="tamanhos">
<legend>Escolha o tamanho:</legend>
<input type="range" min="36" max="46" value="42" step="2" name="tamanho" id="tamanho">
</fieldset>
<input type="submit" class="comprar" value="Comprar">
</form>
</div>
</div>
</div>
<?php include("rodape.php"); ?>
</body>
</html>