Blipp

I have not custimised the code, it is what is created by either woocommerce / wordpress or my theme to create the checout page. I think I have managed to do it now but it was a lot of faffing around. I had to revert back to a default theme and turn off a few theme related plugins to access the code elements you mentioned. Then make the changes and then reactivate the plugins and themes. I am left with slightly edited block code it seems and it would be so much easier if WordPress / woocommerce were to publish this code somewhere to I could have just used it as refernce for what I needed.

Anyway for anyone interetsed here is the code it re-generated.

<!-- wp:woocommerce/checkout {"requirePhoneField":true} -->
<div class="wp-block-woocommerce-checkout alignwide wc-block-checkout is-loading"><!-- wp:woocommerce/checkout-fields-block -->
<div class="wp-block-woocommerce-checkout-fields-block"><!-- wp:woocommerce/checkout-express-payment-block -->
<div class="wp-block-woocommerce-checkout-express-payment-block"></div>
<!-- /wp:woocommerce/checkout-express-payment-block -->

<!-- wp:woocommerce/checkout-contact-information-block -->
<div class="wp-block-woocommerce-checkout-contact-information-block"><!-- wp:mailpoet/marketing-optin-block -->
<div class="wp-block-mailpoet-marketing-optin-block"></div>
<!-- /wp:mailpoet/marketing-optin-block --></div>
<!-- /wp:woocommerce/checkout-contact-information-block -->

<!-- wp:woocommerce/checkout-shipping-method-block -->
<div class="wp-block-woocommerce-checkout-shipping-method-block"></div>
<!-- /wp:woocommerce/checkout-shipping-method-block -->

<!-- wp:woocommerce/checkout-pickup-options-block -->
<div class="wp-block-woocommerce-checkout-pickup-options-block"></div>
<!-- /wp:woocommerce/checkout-pickup-options-block -->

<!-- wp:woocommerce/checkout-shipping-address-block -->
<div class="wp-block-woocommerce-checkout-shipping-address-block"></div>
<!-- /wp:woocommerce/checkout-shipping-address-block -->

<!-- wp:woocommerce/checkout-billing-address-block -->
<div class="wp-block-woocommerce-checkout-billing-address-block"></div>
<!-- /wp:woocommerce/checkout-billing-address-block -->

<!-- wp:woocommerce/checkout-shipping-methods-block -->
<div class="wp-block-woocommerce-checkout-shipping-methods-block"></div>
<!-- /wp:woocommerce/checkout-shipping-methods-block -->

<!-- wp:woocommerce/checkout-payment-block -->
<div class="wp-block-woocommerce-checkout-payment-block"></div>
<!-- /wp:woocommerce/checkout-payment-block -->

<!-- wp:woocommerce/checkout-additional-information-block -->
<div class="wp-block-woocommerce-checkout-additional-information-block"></div>
<!-- /wp:woocommerce/checkout-additional-information-block -->

<!-- wp:woocommerce/checkout-order-note-block -->
<div class="wp-block-woocommerce-checkout-order-note-block"></div>
<!-- /wp:woocommerce/checkout-order-note-block -->

<!-- wp:woocommerce/checkout-terms-block -->
<div class="wp-block-woocommerce-checkout-terms-block"></div>
<!-- /wp:woocommerce/checkout-terms-block -->

<!-- wp:woocommerce/checkout-actions-block -->
<div class="wp-block-woocommerce-checkout-actions-block"></div>
<!-- /wp:woocommerce/checkout-actions-block --></div>
<!-- /wp:woocommerce/checkout-fields-block -->

<!-- wp:woocommerce/checkout-totals-block -->
<div class="wp-block-woocommerce-checkout-totals-block"><!-- wp:woocommerce/checkout-order-summary-block -->
<div class="wp-block-woocommerce-checkout-order-summary-block"><!-- wp:woocommerce/checkout-order-summary-cart-items-block -->
<div class="wp-block-woocommerce-checkout-order-summary-cart-items-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-cart-items-block -->

<!-- wp:woocommerce/checkout-order-summary-coupon-form-block -->
<div class="wp-block-woocommerce-checkout-order-summary-coupon-form-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-coupon-form-block -->

<!-- wp:woocommerce/checkout-order-summary-subtotal-block -->
<div class="wp-block-woocommerce-checkout-order-summary-subtotal-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-subtotal-block -->

<!-- wp:woocommerce/checkout-order-summary-fee-block -->
<div class="wp-block-woocommerce-checkout-order-summary-fee-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-fee-block -->

<!-- wp:woocommerce/checkout-order-summary-discount-block -->
<div class="wp-block-woocommerce-checkout-order-summary-discount-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-discount-block -->

<!-- wp:woocommerce/checkout-order-summary-shipping-block -->
<div class="wp-block-woocommerce-checkout-order-summary-shipping-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-shipping-block -->

<!-- wp:woocommerce/checkout-order-summary-taxes-block -->
<div class="wp-block-woocommerce-checkout-order-summary-taxes-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-taxes-block -->

<!-- wp:woocommerce/checkout-order-summary-gift-card-form-block -->
<div class="wp-block-woocommerce-checkout-order-summary-gift-card-form-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-gift-card-form-block -->

<!-- wp:woocommerce/checkout-order-summary-gift-card-totals-block -->
<div class="wp-block-woocommerce-checkout-order-summary-gift-card-totals-block"></div>
<!-- /wp:woocommerce/checkout-order-summary-gift-card-totals-block --></div>
<!-- /wp:woocommerce/checkout-order-summary-block --></div>
<!-- /wp:woocommerce/checkout-totals-block --></div>
<!-- /wp:woocommerce/checkout -->

I do not get any options since I have inserted code on the checkout page to create the layout. Perhaps the theme I am using is preventing me seeing other optins but the code I have inserted looks like as below. I guess what I need to know if can I edit any of these blocks and insert additional code to for the phone number field to be required.

<!-- wp:woocommerce/checkout -->
<div class="wp-block-woocommerce-checkout wc-block-checkout is-loading"><!-- wp:woocommerce/checkout-fields-block -->
<div class="wp-block-woocommerce-checkout-fields-block"><!-- wp:woocommerce/checkout-express-payment-block -->
<div class="wp-block-woocommerce-checkout-express-payment-block">?</div>
<!-- /wp:woocommerce/checkout-express-payment-block -->

<!-- wp:woocommerce/checkout-contact-information-block -->
<div class="wp-block-woocommerce-checkout-contact-information-block">?</div>
<!-- /wp:woocommerce/checkout-contact-information-block -->

<!-- wp:woocommerce/checkout-shipping-address-block -->
<div class="wp-block-woocommerce-checkout-shipping-address-block">?</div>
<!-- /wp:woocommerce/checkout-shipping-address-block -->

<!-- wp:woocommerce/checkout-billing-address-block -->
<div class="wp-block-woocommerce-checkout-billing-address-block">?</div>
<!-- /wp:woocommerce/checkout-billing-address-block -->

<!-- wp:woocommerce/checkout-shipping-methods-block -->
<div class="wp-block-woocommerce-checkout-shipping-methods-block">?</div>
<!-- /wp:woocommerce/checkout-shipping-methods-block -->

<!-- wp:woocommerce/checkout-payment-block -->
<div class="wp-block-woocommerce-checkout-payment-block">?</div>
<!-- /wp:woocommerce/checkout-payment-block -->

<!-- wp:woocommerce/checkout-order-note-block -->
<div class="wp-block-woocommerce-checkout-order-note-block">?</div>
<!-- /wp:woocommerce/checkout-order-note-block -->

<!-- wp:woocommerce/checkout-terms-block -->
<div class="wp-block-woocommerce-checkout-terms-block">?</div>
<!-- /wp:woocommerce/checkout-terms-block -->

<!-- wp:woocommerce/checkout-actions-block -->
<div class="wp-block-woocommerce-checkout-actions-block">?</div>
<!-- /wp:woocommerce/checkout-actions-block --></div>
<!-- /wp:woocommerce/checkout-fields-block -->

<!-- wp:woocommerce/checkout-totals-block -->
<p>&nbsp;</p>
<div class="wp-block-woocommerce-checkout-totals-block"><!-- wp:woocommerce/checkout-order-summary-block -->
<div class="wp-block-woocommerce-checkout-order-summary-block">?</div>
<!-- /wp:woocommerce/checkout-order-summary-block --></div>
<!-- /wp:woocommerce/checkout-totals-block --></div>
<!-- /wp:woocommerce/checkout -->

I should probably clarify something here – I am using the woocommerce block code on my checkout page so it looks like this –

div class=”wp-block-woocommerce-checkout-contact-information-block

and so on.

If I go to Appearance > Customise > Checkout – I do not get the options to customise the checkout page, instead I get the option to edit the blocks only. If I revert back to the default woo checkout shortcode I do get the options to customise the checkout fields and the phone field is already set to ‘required’, but when I change back to the block code the phone fields shows as ‘optional’

The problem seems to relate to using the block code for the checkout so I guess the question should be how can I edit the block code so the phone field is required?

Yes they are of course. I am pretty sure it all used to work but perhaps since either a WordPress update, or a Mailpoet plugin update this problem has occured.

I found a plugin called ‘Conditional Menus’ which seems to solve the problem.

Thanks for your response. I have contacted the theme support. Although the theme itself is really powerful and provides the facility to select a different menu on a page by page basis the problem always comes back to the dynamic pages. I can set the default menu to be ‘main’ and then override on all the shop pages selecting ‘shop menu’ as the menu, but then the default menu appears on the single product page as this is the dynamic page I am unable to overide. Or I set the default menu to be ‘shop menu’ then override on all the main site pages, but then my blog posts, the dynamic pages, contain the shop menu. I can’t win!

It seems such a simple thing but it has beaten me.

Yes done that, I have no subscriptions, I have unticked all the notifications I can find yet I am still getting loads of mails.

I am not subscribed to this thread but keep getting email updates – can anyone tell me how to stop this as it’s driving me mad!

I am being driven mad by receiving every message is this thread even though I am not subscribed and I have turned off all notifications. Can anyone tell me how I can stop this happening – It seems I can not even delete my profile!

No option to unsubscribe – I can not even see how to delete my account. It’s driving me crazy!

Can anyone tell me how to unsubribe from this – in the mail I get it says login to unsubsribe but then I see no unsubribe link

That fixed it. Simple when you know how. Really appreciate your help, many thanks.

I am seeing this issue on several of my sites. I have found a workaround to fix it but it’s not ideal. Particualrly due tothe fact that WordPress have released a security update this monring suggesting everyone should upgrade to the latest verion.

However what I have found is that with the latest version of WP the contact form will not submit on most of my sites. If I roll back the WP version to 4.4 then the form works so the issue is something to do with later versions of WP.

I will keep trying. Many thanks

All I am trying to do is get the columns headers to show uppercase. I tried

.pta_directory_table th {text-transform:uppercase;}

but that does not seem to work.