Edit the HTML in the shipping method section in checkout.liquid

Shopify Plus
1

Is there a way to directly edit the HTML of the shipping method section of the checkout process with Shopify Plus? I would like to add a div at the bottom of the shipping method section.

I’m wondering if I can edit the components that are pulled in via {{ content_for_layout }} in checkout.liquid.

The reason is that I want to add a message if Expedited shipping is selected. I’ve tried adding content via CSS with ::after but cannot get it to work, and now I’d actually prefer to just add a div that contains dynamic liquid code (which I cannot do via ::after) that updates based on the day of the week.

Thank you.

2

Found the answer: can’t be done.

“The content generated by any of the above objects (required or optional) can’t be edited before being rendered, except for translation settings, theme editor settings, and some options made available in the store’s admin.”

3

You will be able to detect what shipping option was picked with JavaScript so could show a message immediately after selection, and remove the message if the customer changes their mind.