Hello @hipnippers,

To adjust the column of the WooCommerce shop page you have to activate the child theme .

You can even activate the child theme using the plugin given below :

https://wordpress.org/plugins/wp-child-theme-generator/

After activating the child theme in your child theme functions.php paste below given code .

add_filter('loop_shop_columns', 'easy_commerce_pro_loop_columns', 20);
if (!function_exists('easy_commerce_pro_loop_columns')) {
	function easy_commerce_pro_loop_columns() {
		return 4; 
	}
}

Then paste below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS .

@media only screen and (max-width: 767px)
{
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 48.2%;
    clear: both;
}
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 1.8% 15px 0;
    width: 23%;
}

Now to change the font size and font type paste below given CSS in the location Additional CSS .

.woocommerce ul.products li.product .woocommerce-loop-product__title, .easy-commerce-woocommerce ul.products li.product h2 {
    font-size: 22px;
    font-family: cursive;
}

You can ajust the font size and font family as per your requirement .

Hope this helps .

Best Regards!!

Hello @hipnippers,

Your quires has been answered below :

Issue #1

The no of the product that is displayed in the product page can be controlled . For this you need to go to Admin Panel > Settings > Reading > Blog page to show at most . From here set the no of product in such way that there does not remain any space at the bottom .

Issue #2

To increase the font size of the product title in single page use below given CSS.

.single.woocommerce div.product .product_title {
    font-size: 35px;
    }

Issue #3

Yes you can definitely change the no. of column to 5 For this replace above given code with the code given below .

add_filter('loop_shop_columns', 'easy_commerce_pro_loop_columns', 20);
if (!function_exists('easy_commerce_pro_loop_columns')) {
	function easy_commerce_pro_loop_columns() {
		return 5; 
	}
}

Also paste below given CSS in Additional CSS.

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 1.8% 15px 0;
    width: 18.05%;
}
 

Issue #3

To change the button text from “Read More” to “Add to Basket” paste below given code in your child theme functions.php .

add_filter( 'woocommerce_product_add_to_cart_text', 'woo_custom_cart_button_text' ); 
function woo_custom_cart_button_text() {

return __( 'Add to Basket', 'woocommerce' );

}

Hope this helps .

Best Regards!!

Hello @hipnippers,

Glad we could help you !!

If you have any issues further, please feel free to post your queries and we will happily help you further.

We will really appreciate if you could help us too by rating our theme in WordPress repo here:-

https://wordpress.org/support/theme/easy-commerce/reviews/

Best regards !!