Skip to content

Filter by Price slider doesn't use theme accent color in LTR language #2185

Closed
@amitraj2203

Description

@amitraj2203

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:

  1. Use the Storefront theme with WooCommerce
  2. Set a custom accent color in Customizer
  3. Create a page with the Filter by Price and Product Collection blocks
  4. View the page in LTR language - notice the slider doesn't use the accent color
  5. Switch to an RTL language (ie: Arabic).
  6. View the same page - notice the slider correctly uses the accent color

Screenshots

LTR RTL
Image Image

Expected behavior

The price slider should consistently use the theme's accent color in both LTR and RTL languages.

cc: @Aljullu

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions