Skip to content

Product gallery thumbnail slider issue on Hyva RTL theme #143

@sashatkachukv

Description

@sashatkachukv

Description:
When there are many thumbnails and navigation arrows (prev/next) appear in the thumbnail slider, the arrows have incorrect direction and behavior in RTL mode.

We also tried forcing direction via CSS:

[data-test="gallery-thumbnail-wrap"] {
    direction: ltr; // or rtl
}

but this does not fix the issue.

Steps to Reproduce:

  • Open a product page with many gallery thumbnails
  • Observe the thumbnail slider navigation arrows
  • Click the arrows and check the movement direction

Product link:
https://bigelectric.co.il/97557

Expected Behavior (RTL):

The Next button should be on the left side, and clicking it should move the carousel from left to right
The Prev button should be on the right side, and clicking it should move the carousel from right to left

Acceptance Criteria:

  • Thumbnail slider arrows behave correctly in RTL mode
  • Arrow positions and movement directions match RTL expectations
  • Behavior is consistent across browsers and devices

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