Product Card Arrows being in the wrong Direction

Store Design
,
1

Hello, my product cards in home screen or any other page have arrows to easily change images of the product but these arrows are pointing in the wrong direction, they do work properly and change the images in the direction they should so I believe it’s just a visual problem. It might be because I made the store RTL supported like I was told in a different topic.
the red arrows below are how they should be

image
image360×363 49.5 KB

2

Yes, RTL can do that.

But they do match their function? Meaning that if you press the arrow pointing left, the slider moves in that direction?

You may try fixing this with CSS, but you can also try this:

Find this code:

and make it

<a
  dir=ltr
  class="contents"
  ref="cardGalleryLink"
  href="{{ product.selected_or_first_available_variant.url }}"
  aria-label="{{- product.title -}}"
>

This should revert your card gallery to LTR and fix the arrows. Since there is no textual content there (I believe), this should still be acceptable.

3

Yayy that worked thanks!

1 Like