single column product-category page « Support Forum | Kriesi.at

Support Forum » Abundance

single column product-category page

3 posts from 3 voices

Started 7 months ago by nallyps
Latest reply from Nick
This topic is not a support question

Tags:

nallyps
Member

Hello,
First off thanks for having such great support. I couldnt find anything in the support for this hopefully you guys could help. This is for the abundance theme. I am trying to set up a single-column(multiple row) product-category page. For instance, for each individual product I would like to have the product image on the left, then on the right side of the column have the product title, short description(based on number of characters), product tags, price, then buttons for add to cart and see details. I found a random site that has it structured visually the way id like: http://www.reverebooksonline.com/advSearchResults.php?action=search&category_id=0&authorField=Vonnegut,%20Kurt
Any help or a point in the right direction is much appreciated!!!

Posted 7 months ago #
Devin
Moderator

Hey nallyps,

Unfortunately you'll be looking at completely re-doing how the theme outputs products or if you only want it for certain pages, creating a php file that makes the calls for the product category and pulls the data exactly as you want it. Either way will take quite a bit of writing of new code.

If you want to re-do the way the theme styles the products, everything is in the theme files>woocommerce-config. Hooks, filters and the functions the theme uses to remove and add new features are in config.php within that folder.

Regards,

Devin

Posted 7 months ago #
Nick
Moderator
Hi,

If you look at Woocommerce Settings > Pages (Tab on Top) , and look at the bottom of that page, you can set a different number of columns for products from 3-5. You need 1 column. To overcome that you can paste either the 1st or the 2nd piece of code below (but not both at once) into your functions.php file (anywhere, just not in middle of some other function).
```
add_filter ( 'woocommerce_product_thumbnails_columns', 'zz_thumb_cols' );
 function zz_thumb_cols() {
     return 1; //Change the 1 to reflect how many columns you need
 }
```
or
```
function aan0n0_woo() {
//Number of columns in Woocommerce Loop

global $woocommerce_loop;
$woocommerce_loop['columns'] = 1;
}
aan0n0_woo();
```
Reference:
http://chromeorange.co.uk/woocommerce-set-number-of-thumbnail-columns/
https://snipt.net/ivan747/control-number-of-columns-in-woocommerce-catalog/

Once you have that out of the way, the rest is just styling that I am certain can easily be accomplished by searching Google, since this is probably a popular configuration.

Thanks,

Nick
Posted 7 months ago #