estoy tratando de paginar el contenido de un archivo json. he buscado si alguien tiene algo parecido en internet pero todo lo que encuentro es sobre paginar desde una base de datos. trate de hacerlo directo desde archivo json usando boostrap 3 y lo hacia verticalmente, pero no me permitia mostar una imagen en la tabla. asi se ve
<table id="table"
data-toggle="table"
data-height="460"
data-url="bootstrap_fill.json"
data-pagination="true"
data-page-size="5"
data-page-list="[5,8,10]"
data-pagination-first-text="First"
data-pagination-pre-text="Previous"
data-pagination-next-text="Next"
data-pagination-last-text="Last">
<thead>
<tr>
<th data-field="nombre_producto">ID</th>
<th data-field=<?php echo '<img src="'.$product[ruta_archivo_imagen].'"/>';?></th>
<th data-field="price">Item Price</th>
</tr>
</thead>
</table>
la otra forma en que lo hice fue utilizando el comando json_decode para crear el arreglo y trabajar desde hay. pero no lo he logrado hacer ya que se imprimen todos los productos de una vez y no he podido paginar de esta forma.
$productos = json_decode($data, true);
luego recorro el arreglo usando while
Código PHP:
Ver original
$data = file_get_contents("bootstrap_fill.json"); $products = json_decode($data, true); //$products <?php <td> <li class="product cg-product-wrap"> <div class="cg-product-img"> <a href="<?php echo $product[link_producto]?>"> <div class="first-flip"> <?php echo '<img class="attachment-shop_catalog size-shop_catalog wp-post-image" src="'.$product[ruta_archivo_imagen].'"/>'; ?> </div> <!-- <div class="back-flip"> --> <?php // echo '<img class="attachment-shop_catalog size-shop_catalog wp-post-image" src="'.$product[ruta_archivo_imagen].'"/>'; ?> <!-- </div> --> </a> <div class="cg-quick-view-wrap"> <a href="#" class="cg-quick-view" data-id="<?php echo ['producto_id'] ?>">Ver Producto</a> </div> </div> <div class="cg-product-meta-wrap"> <div class="cg-product-info"> <a href="<?php echo $product[link_producto]?>"> <span class="category"></span> <span class="name"><?php echo $product['nombre_producto'] ?></span> <!--<span class="price"><span class="amount">$4.754</span></span> --> </a> </div> </div> </li> </td> <?php } ?>
el archivo json es :
Código json:
Ver original
[{"nombre_producto":"Ut us dolor","producto_id":"198","link_producto":"http:\/\/localhost\/fitplus\/?post_type=product&p=198","numero_id_meta":"201","ruta_archivo_imagen":"http:\/\/localhost\/fitplus\/wp-content\/uploads\/2015\/11\/botella.jpg"},{"nombre_producto":"Stacked-N.O.","producto_id":"224","link_producto":"http:\/\/localhost\/fitplus\/?post_type=product&p=224","numero_id_meta":"225","ruta_archivo_imagen":"http:\/\/localhost\/fitplus\/wp-content\/uploads\/2015\/12\/pructo1.png"}]