Descuento 20% Diciembre
Plugin Optimización de Imágenes Gratuito para WordPress
Domingo, 15 Enero 2012 14:58

Mostrar Stock en Listado de Productos en Virtuemart

Escrito por 
CMS:  Joomla! |  Versión:  1.5.x |  Nivel de dificultad:  Medio |  Tiempo estimado de lectura:  15 minutos


ico_camposadicionalesVirtuemart ofrece gran flexibilidad para mostrar los productos de nuestra tienda, esto a través de los Temas en virtuemart los cuales usualmente son adquiridos como parte de la plantilla general de nuestro sitio o de manera independiente.

Sin embargo a veces tenemos la necesidad de realizar modificaciones a estos temas para adaptarlo a las necesidades de nuestro sitio web.

Anteriormente habíamos visto en un artículo cómo agregar campo SKU a detalle de producto , en este artículo veremos cómo agregar el campo adicional de stock al listado de productos; el procedimiento es bastante similar y no sólo se aplica a este campo sino a cualquier otro campo de la tabla de productos.

Ubicando el tema de virtuemart

Primero ubicamos el tema actual de nuestro sitio web, en este ejemplo utilizaremos el Pack Tienda Mystore como sitio de prueba. Desde la pantalla de configuración de virtuemart => configuración=> tab sitio , ubicamos los archivos del template que se estan usando, vemos que el archivo para el listado de productos es : tpbrowse

img1

 

Modificando el archivo del tema actual

Necesitamos agregar el campo de productos en stock , de acuerdo a la documentación de virtuemart, podemos utilizar el nombre de product_in_stock

De acuerdo al tema que estamos usando, ubicamos el archivo del sitio de ejemplo en : /components/com_virtuemart/themes/tpmystore/templates/browse/tpbrowse.php , modificamos el archivo aproximadamente en la línea 48 agregando el siguiente código :

<?php if ($product_in_stock>0){ ?>
Stock : <?php echo $product_in_stock; ?>
<?php } ?>
Podemos agregar algunas etiquetas html para dar estilos adicionales, por ejemplo:
<div id="campo_stock" style="margin:5px 15px;">
<?php if ($product_in_stock>0){ ?>
Stock : <?php echo $product_in_stock; ?>
<?php } ?>
</div>

Resultado Final

Finalmente obtendremos el resultado como se muestra en la siguiente imagen

imgfinal


 

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.

 


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop




Plugin Optimización de Imágenes Gratuito para WordPress