Automattic / themes

Free WordPress themes made by Automattic for WordPress.org and WordPress.com.
https://themeshaper.com
GNU General Public License v2.0
901 stars 357 forks source link

Tazza Theme - "Your order" Details on checkout screen stacking below Billing Details #6780

Open connorhipps opened 1 year ago

connorhipps commented 1 year ago

Quick summary

Atomic sites with the Tazza theme installed do not display the content of "Your order" on the checkout page of WooComerce installations. Switching to the Storefront theme restores the missing "Your order" content.

This is reproducible on test Atomic sites.

Steps to reproduce

  1. Start at [testsite].com.
  2. Ensure the Tazza theme and the WooCommerce plugin are installed and active.
  3. Add a test product to your site cart.
  4. Navigate to [testsite].com/checkout/

What you expected to happen

The content under "Your order" should be displayed, as is seen here using the Storefront theme.

CleanShot 2022-12-10 at 10 28 23

What actually happened

The content under "Your order" is blank when the Tazza theme is active.

CleanShot 2022-12-10 at 10 28 39

Context

Reported site: 5779084-zd-woothemes

Platform (Simple, Atomic, or both?)

Atomic

Theme-specific issue?

Tazza

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

One

Available workarounds?

No but the platform is still usable

Workaround details

No response

github-actions[bot] commented 1 year ago

Support References

This comment is automatically generated. Please do not edit it.

cuemarie commented 1 year ago

📌 SCRUBBING : RESULT

📌 FINDINGS/SCREENSHOTS/VIDEO

Markup on 2022-12-13 at 16:07:38

Markup on 2022-12-13 at 16:07:10

📌 ACTIONS

alaczek commented 1 year ago

WooCommerce has a new checkout block that I already implemented on the Tazza demo site, and the order details are displaying properly. So I'm thinking re-generating the headstart annotations is all that needs to be done to fix it.

For existing sites, manually removing the shortcode on the checkout page and replacing it with a Checkout block should do the trick.

Editor:

image

Preview:

image