Haru Products VC Block

[soheylm6]

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 in advance.

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
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!

****
Regards,
HaruTheme

[soheylm6]

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.
Thank you
have a nice day.

Attachments:

You must be logged in to view attached files.

[admin]

Thanks so much for your feedback!
Maybe you found it here:
https://isotope.metafizzy.co/options.html
(reference for other customers)

****
Regards,
HaruTheme

[Author]

Posts