Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/wreyesus/Sencillo_Carrito_de_Compras_en_PHP/llms.txt

Use this file to discover all available pages before exploring further.

The YUME|TEC product catalog is organised into two layers: a top-level landing page (categorias.php) that presents the three hardware categories as clickable image banners, and three individual listing pages that pull the matching products from MySQL and render them in a paginated grid. Every listing page is generated with the same Dreamweaver server-behavior scaffolding and differs only in the id_cat value used to filter the productos table.

​
Category landing page (categorias.php)

categorias.php acts as a visual menu for the store’s three product lines. Each category is represented by a 276 × 309 px image stored in img/, wrapped in an anchor tag that points to the corresponding listing page. No database query is made on this page — it is purely a navigation hub. 
<a href="cat_procesadores.php">
  <img src="img/cat_procesadores.jpg" width="276" height="309">
</a>
<a href="cat_motherboards.php">
  <img src="img/cat_motherboards.jpg" width="276" height="309">
</a>
<a href="cat_rams.php">
  <img src="img/cat_rams.jpg" width="276" height="309">
</a>
The three images are displayed side by side inside a centred paragraph with clear:both applied, so they render below the page banner without floating interference.

​
Category listing pages

Each of the three listing files (cat_procesadores.php, cat_motherboards.php, cat_rams.php) follows an identical structure generated by Adobe Dreamweaver’s Recordset Paging server behavior. On page load, the script calculates the current page offset, runs a LIMIT-bounded SELECT against the productos table, and iterates over the result set to build a three-column HTML table of product cards. The core pagination and query logic from cat_procesadores.php is representative of all three files: 
$maxRows_listado = 9;
$pageNum_listado = 0;
if (isset($_GET['pageNum_listado'])) {
    $pageNum_listado = $_GET['pageNum_listado'];
}
$startRow_listado = $pageNum_listado * $maxRows_listado;

$query_listado = "SELECT * FROM productos WHERE id_cat=1";
$query_limit_listado = sprintf("%s LIMIT %d, %d", $query_listado, $startRow_listado, $maxRows_listado);
$listado = mysql_query($query_limit_listado, $tienda) or die(mysql_error());
When $_GET['totalRows_listado'] is absent, the script runs a second, un-bounded version of the same query solely to obtain the total row count, which is then passed forward through the pagination links: 
if (isset($_GET['totalRows_listado'])) {
    $totalRows_listado = $_GET['totalRows_listado'];
} else {
    $all_listado = mysql_query($query_listado);
    $totalRows_listado = mysql_num_rows($all_listado);
}
$totalPages_listado = ceil($totalRows_listado / $maxRows_listado) - 1;
All three category pages are structurally identical, differing only in the WHERE id_cat value: 1 for processors, 2 for motherboards, and 3 for RAM. Updating the product grid layout, pagination controls, or login panel on any one of them requires the same change to be made in all three files.

​
URL patterns

PageFileid_catCategory
Category indexcategorias.php—All products
Processors listingcat_procesadores.php1Procesadores
Motherboards listingcat_motherboards.php2Motherboards
RAM listingcat_rams.php3Memorias RAM

​
Product card display

Products are rendered three per table row using a $contador variable that opens a new <tr> every time the counter resets to zero and closes it at three. Each card contains:
  • A 200 × 200 px thumbnail linked to the product’s detail page
  • The product name as an <h3> heading
  • The price prefixed with a $ sign
  • An Add to Cart image-button that immediately POSTs to carrito.php
<td>
  <a href="detalles.php?id_producto=<?php echo $row_listado['id_producto']; ?>">
    <img src="imagenes/productos/<?php echo $row_listado['imagen']; ?>"
         width="200" height="200">
  </a>
  <h3><?php echo $row_listado['nombre']; ?></h3>
  <p>$<?php echo $row_listado['precio']; ?></p>
  <form name="form1" method="post" action="carrito.php">
    <input type="image" name="imageField" src="imagenes/comprar.gif">
    <input name="nombre" type="hidden" value="<?php echo $row_listado['nombre']; ?>">
    <input name="precio" type="hidden" value="<?php echo $row_listado['precio']; ?>">
    <input name="cantidad" type="hidden" value="1">
  </form>
</td>
The thumbnail image filename is stored directly in the productos.imagen column (for example, acc393.jpg) and is resolved relative to the imagenes/productos/ directory. The same filename is reused by detalles.php to display a larger version from imagenes/productos/detalle/.

​
Pagination

The pagination controls appear below the product grid inside #paginacion. Four conditional links are rendered — Primero, Anterior, Siguiente, and Último — each visible only when logically appropriate: 
// "Siguiente" only shown when there are more pages ahead
if ($pageNum_listado < $totalPages_listado) {
    printf(
        '<a href="%s?pageNum_listado=%d%s">Siguiente</a>',
        $currentPage,
        min($totalPages_listado, $pageNum_listado + 1),
        $queryString_listado
    );
}
The $queryString_listado string carries totalRows_listado (and any other non-pagination query parameters) across page requests so the total count does not need to be re-queried on subsequent pages. With 9 products per page and 10 processors in the seed data (bd.sql), the first page of cat_procesadores.php displays 9 cards and shows a Siguiente / Último link; page 2 shows the remaining 1 product with Primero / Anterior links only.

Build docs developers (and LLMs) love

Get started for freeTalk to us