Support » Plugin: WooCommerce » Make the "shop" page like a table structure

  • I want to make the “SHOP” page like a table structure which will include the product details and the add to cart button.

    I’m new in WordPress and as well as WooCommerce.

    For this purpose I’ve overloaded content-product.php and put the following code in it.


    <table bgcolor=#0FFFFF class="shop_table cart" cellspacing="1">
    	<thead bgcolor=#E2A9F3>
    			<th >Thumbnail</th>
    			<th ><?php echo('Product'); ?></th>
    			<th ><?php echo('Price'); ?></th>
    			<th ><?php echo('Quantity'); ?></th>
    			<th ><?php echo('Total'); ?></th>
    			<th > </th>
    			<th > </th>
    			<th > </th>
    			<th > </th>
    			<th > </th>
    			<th > </th>
    			<td ><h3><?php	do_action( 'woocommerce_before_shop_loop_item_title' );?></td>
    			<td><?php	the_title();?></td>
    			<td><?php	do_action( 'woocommerce_after_shop_loop_item_title' );?></td>
    			<td class="product-quantity">
    				$product_quantity = sprintf( '<div class="quantity"><input name="cart[%s][qty]" data-min="%s" data-max="%s" value="%s" size="4" title="Qty" class="input-text qty text" maxlength="12" /></div>', $cart_item_key, $data_min, $data_max, esc_attr( $values['quantity'] ) );
    				echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key );
    			<td class="product-subtotal"></td>
    			<td colspan="6"><?php do_action( 'woocommerce_after_shop_loop_item' ); ?></td>

    [In future, please wrap your code in backticks]
    But as a result,the table is broken into small parts for each product..
    What should I do?? Please help..

  • The topic ‘Make the "shop" page like a table structure’ is closed to new replies.