Sidebar Thumbnails Size

Hi,
To make the widget price amount larger, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.product_list_widget span.woocommerce-Price-amount.amount {
	font-size: 15px !important;
}

After applying the css, Please clear your browser cache and check.
According to this article you can make the email not mandatory by adding this code to the end of your functions.php file in Appearance > Editor:

add_filter( 'woocommerce_billing_fields', 'ts_unrequire_wc_phone_field');
function ts_unrequire_wc_phone_field( $fields ) {
$fields['billing_email']['required'] = false;
return $fields;
}

Please give this a try.

Best regards,
Mike

Hi,
1) I believe to achieve this you will need to look for a woocommerce plugin.
3) for the detail tabs on mobile, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
#top div div.product .woocommerce-tabs ul.tabs li a,#top div div.product .woocommerce-tabs ul.tabs li.active a {
    padding: 0 !important; 
}
#top .woocommerce-tabs .tabs li a {
    margin: 0 -4px 0 0;
}
}

After applying the css, Please clear your browser cache and check.
4) to validate a minimum of 10 numbers adding this code to the end of your functions.php file in Appearance > Editor may work:

// Limit Woocommerce phone field to 10 digits number
add_action('woocommerce_checkout_process', 'my_custom_checkout_field_process');
  
function my_custom_checkout_field_process() {
    global $woocommerce;
  
    // Check if set, if its not set add an error. This one is only requite for companies
    if ( ! (preg_match('/^[0-9]{10}$/D', $_POST['billing_phone'] ))){
        wc_add_notice( "Incorrect Phone Number! Please enter valid 10 digits phone number"  ,'error' );
    }
}

or this one:

// validation for Billing Phone checkout field
add_action('woocommerce_checkout_process', 'custom_validate_billing_phone');
function custom_validate_billing_phone() {
$is_correct = preg_match('/^[0-9 \-]{10}/i', $_POST['billing_phone']);
if ( $_POST['billing_phone'] && !$is_correct) {
wc_add_notice( __( 'Phone Number must be minimum 10 numbers.' ), 'error' );
}
}

Best regards,
Mike

Hi,
3) yes the padding is removed from the tabs on mobile, this allowed the large tabs to have the same width as the container and not create multiple rows. But you could have top and bottom padding if you change the css to this:

@media only screen and (max-width: 767px) {
#top div div.product .woocommerce-tabs ul.tabs li a, #top div div.product .woocommerce-tabs ul.tabs li.active a {
    padding: 9px 0px!important;
}
}

Best regards,
Mike