Skip to content

Conversation

@danieldudzic
Copy link
Contributor

All Submissions:

Changes proposed in this Pull Request:

WooCommerce loads icon fonts on the frontend, but doesn't in FSE, resulting in broken icons in the Site Editor. This PR ensures the fonts get loaded in the Site Editor.

  • woocommerce/assets/fonts/star.woff
  • woocommerce/assets/fonts/WooCommerce.woff

Closes #35495

  • This PR is a very minor change/addition and does not require testing instructions (if checked you can ignore/remove the next section).

How to test the changes in this Pull Request:

  1. Enable WooCommerce and WooCommerce Blocks.
  2. Enable a block theme, and make sure you have some products with ratings.
  3. Add the All Products block in the Site Editor.
  4. Confirm that the 'Rating Star' icon is loading and the same goes for the '1 in cart' icon.

Screenshots

Before After
before-4 after-4

Other information:

  • Have you added an explanation of what your changes do and why you'd like us to include them?
  • Have you written new tests for your changes, as applicable?
  • Have you created a changelog file for each project being changed, ie pnpm --filter=<project> changelog add?

FOR PR REVIEWER ONLY:

  • I have reviewed that everything is sanitized/escaped appropriately for any SQL or XSS injection possibilities. I made sure Linting is not ignored or disabled.

@github-actions github-actions bot added the plugin: woocommerce Issues related to the WooCommerce Core plugin. label Nov 9, 2022
@github-actions
Copy link
Contributor

github-actions bot commented Nov 9, 2022

Test Results Summary

Commit SHA: b96ed61

Test 🧪Passed ✅Failed 🚨Broken 🚧Skipped ⏭️Unknown ❔Total 📊Duration ⏱️
API Tests25900302620m 55s
E2E Tests186006019214m 10s

To view the full API test report, click here.
To view the full E2E test report, click here.
To view all test reports, visit the WooCommerce Test Reports Dashboard.

Copy link
Contributor

@Aljullu Aljullu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Confirming it fixes the issue. Thanks for investigating this, @danieldudzic!

I have only one small concern: if you have a classic theme active (ie: Storefront) and create a post, you will see woocommerce-blocktheme.css is loaded in the editor, which I think is undesirable. I left a comment below of how I think this could be solved.

@danieldudzic danieldudzic requested a review from Aljullu November 10, 2022 11:46
Copy link
Contributor

@Aljullu Aljullu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for updating this PR, @danieldudzic! LGTM, but I will tag somebody from Proton to take a second look given that it's a PR in WC core.

@Aljullu Aljullu requested review from a team and barryhughes and removed request for a team November 10, 2022 13:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

plugin: woocommerce Issues related to the WooCommerce Core plugin.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Icons broken in FSE: Fonts not being loaded in the Site Editor

4 participants