Product columns

Hi,
is there any settings to get more than just three columns of products as in WooCommerce Storefront customizer?
http://www.woothemes.com/products/store ... ustomiser/

cheers
linus

Hi,

Sure, try to edit StoreFront/gavern/wc-functions.php file and change this fragment:

Code: Select all

// Change number or products per row to 3
add_filter('loop_shop_columns', 'loop_columns');
   if (!function_exists('loop_columns')) {
      function loop_columns() {
      return 3; // 3 products per row
      }
   }


replace number 3 with your columns number, then you should adjust CSS, after this modification, send me your website URL and I'll help you with the CSS.

Great, did the change:

// Change number or products per row to 4
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 4; // 4 products per row
}
}

Great, did the change:

// Change number or products per row to 4
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 4; // 4 products per row
}
}

and web site is: sydax.se

Now, please add the following css code into your custom css plugin:

Code: Select all

ul.products li.product {
   width: 23.2%!important;
}


Great! Works very good!

I found a problem with the single product-pages. The link to a single product is
http://sydax.se/produkt/applikationssax/
but it does not work because the actual link is not translated so it's

http://sydax.se/product/applikationssax/

strange, right?

Kindly
Linus

Hi,
when applying this custom CSS, the products look kind of strange in mobil-view. Do I have to add additional code for that as well.

sydax.se

Kindly
Linus

Try to resave your permalinks structure, which plugin are you using for translations?

Which custom css exactly did you applied ? in override.css file?

Reserved the permalinks and that worked. I haven't done any translations yet but will do that. I can translate with .po without using any plugins perhaps.

I placed
ul.products li.product {
width: 23.2%!important;
}

in override.css

Sure, you can use .po file without any plugins, but I'm not sure where is the problem exactly with products strange appearance in mobiel-view..

It's just that the products are very small since we scald them.

Is there any plugin you recommend for translation. I can see there are some parts that aint translated such as "Read More" on the blogg post on Front page etc.

Read more on the frontpage comes from gk-nsp plugin, please check this article:
https://www.gavick.com/blog/translate-wordpress-plugins

Great, thanks!