Hello,
im currently building a shop.
My Question:
How can i make the Products strech out across the page. Like “neueste Produkte” at the bottom
WoCommerce settings shows 3 Columns
my short codes are:
[featured_products per_page=”3″ columns=”3″] (in Garmin Sportprodukte) and [sale_products per_page=”3″ columns=”3″] (in Produkte im Angebot)
i implement this code into the functions.php
add_action('wp_head','avia_change_column_count');
function avia_change_column_count(){
global $avia_config, $woocommerce_loop;
if(is_shop() || is_product_category()){
$woocommerce_loop['columns'] = $avia_config['shop_overview_column'];
}else{
$avia_config['shop_overview_column'] = $woocommerce_loop['columns'];
}
remove_filter( 'loop_shop_columns', 'avia_woocommerce_loop_columns');
add_filter( 'loop_shop_columns', 'avia_woocommerce_loop_columns_custom');
}
function avia_woocommerce_loop_columns_custom($count)
{
global $avia_config;
if(is_shop() || is_product_category()) return $avia_config['shop_overview_column'];
return $count;
}
Hi swissfilm!
Add this to a codeblock element in that page.
<style type = "text/css">
.products .product {
margin: 0 1% 1% 0 !important;
width: 32.6% !important;
}
</style>
Cheers!
Elliott
thank you