Countdown RTL issues

Hello WoodMart team,

I noticed two countdown layout issues on Arabic/RTL pages in WoodMart 8.6.4:

1. **Unit order:** Reading from right to left, the countdown shows seconds, minutes, hours, then days. It should start with **days on the right**, followed by hours, minutes and seconds.
2. **Inline / embedded layout:** The Arabic label appears before its number in RTL reading order. The **number should be on the right and its label on the left**, while keeping the digits themselves in their normal order.

To reproduce, add a Countdown timer in Gutenberg, set a future deadline and keep labels visible. Check the unit order, then switch to the inline layout. Please check both the editor and storefront.

The RTL stylesheet forces direction: ltr on .wd-timer, which appears to cause both issues.

I previously [reported the Arabic translation issues](https://xtemos.com/forums/topic/arabic-translation-issues-countdown-labels-and-gutenberg-sidebar-button/) for hours and seconds, and your team confirmed a future fix. These RTL layout issues need correcting separately.

Thank you.

Hello,

Thank you for the detailed report. We reproduced both issues, and we’ve prepared a fix that we’d like you to check before we include it in the next update.

Here is how the countdown looks on an RTL page with the fix applied: https://monosnap.ai/file/IVinlHQssQWmeavUocJTdzjW2Fn7bC

The labels are in English because our test site has no Arabic translation, but the layout is the same with Arabic labels.

Labels visible (block and inline layouts): The timer now follows the RTL direction. Days come first on the right, followed by hours, minutes and seconds. In the inline layout, the number is now on the right and the label on the left. The digits keep their normal order.

Labels hidden: We kept left-to-right order, as a digital clock (DD : HH : MM : SS), because times like 13:22:31 are written left to right in Arabic text as well.

Could you confirm that this looks correct for Arabic in all variants?

Best Regards.

[Author]

Posts