Closed
Description
Describe the bug
While working on this issue in the WooCommerce repo, we found that in the Storefront theme, the "Filter by Price" block's slider color shows inconsistent behavior between LTR and RTL languages:
- In RTL mode, the slider correctly uses the theme's accent color
- In LTR mode, the slider doesn't properly apply the accent color, using the default color instead
This creates an inconsistent user experience when switching between languages.
Isolating the problem (mark completed items with an [x]):
- I have deactivated other plugins and themes and confirmed this bug occurs when only WooCommerce + Storefront theme are active.
- I can reproduce this bug consistently using the steps below.
To Reproduce
Steps to reproduce the behavior:
- Use the Storefront theme with WooCommerce
- Set a custom accent color in Customizer
- Create a page with the Filter by Price and Product Collection blocks
- View the page in LTR language - notice the slider doesn't use the accent color
- Switch to an RTL language (ie: Arabic).
- View the same page - notice the slider correctly uses the accent color
Screenshots
LTR | RTL |
---|---|
![]() |
![]() |
Expected behavior
The price slider should consistently use the theme's accent color in both LTR and RTL languages.
cc: @Aljullu
Metadata
Metadata
Assignees
Labels
No labels