Hello and Thank you for your amazing theme.
I need some help with css code I guess to make the haru products visual composer block to sort and order the products from right to left. I have done most of the needed configurations in css code and added that to the child theme. but i can’t find how to make them sort from right to left. it’s the section called the Top Seller in home3 preview.
also I can’t find how to put the little arrow on menus with children to the left of the box.
I am using this theme for a RTL language and i need these to work correctly for a RTL website.
Thanks for contacting us and choosing our product!
Currently this section use owl-carousel.js to display slideshow.
You can change it in: wp-content/themes/pangja/assets/js then open file haru-shop.js
Go to line 764 to find this function haru_product_ajax_category_slider then add this after line 773: rtl: true, https://prnt.sc/20z2sfw
You can read more here: https://owlcarousel2.github.io/OwlCarousel2/demos/rtl.html
Hope this helps!
Hello Again & thank you for your response.
I needed to correct the product grid not the slider as I mentioned in the picture I send you. I noticed it is using isotope jquery and after you mentioned the js file I found the correct line for the container to make it right to left.
In the same file you mentioned I add a line after line 548 (transitionDuration : ‘0.5s’,)
I added this code to line 549: originLeft: false,
and now the product grid is sorted from right to left.
have a nice day.