problem with home page modules in rtl language

taimaz

Yes, Sure
user and password : test
I have other problems
The top 10 products will not be displayed on the store page if I have enabled it from the configuration section
Welcome to the mobile version of the site is not displayed .
my site have en language and persian language my first problem is in rtl language :

site link : http://dentomedkala.com/index.php/fa/ RTL PROBLEM

shop link : http://dentomedkala.com/index.php/fa/%D9%81%D8%B1%D9%88%D8%B4%DA%AF%D8%A7%D9%87 DONT SHOW TOP TEN but i do yes in configuration

saguaros

taimaz

I'm not quite sure of how you want it should be as it looks the same as your screenshot now:

taimaz

Because you did not notice my problem at all, I told you the problem is on the index page, not the store page
Don't you read my message?
When the "Special Products" module is displayed on the front page, the titles of products that use a combination of Persian and English words are not displayed correctly, and this only happens in the front page modules and is displayed correctly elsewhere.
I emphasize again that I have a problem with the index page, not the store page

taimaz

And I want it to be "justify" while it first displays Persian words. Do I need the CSS code?

saguaros

Hi taimaz

So for example, it should display:

Vericom ست قالب گیری A سیلیکون

instead of :

ست قالب گیری A سیلیکون Vericom

Is that correct?

taimaz

hi
yes dear
Please help me
i want display rtl and "justify"
Where can I access the CSS files of this module?

saguaros

taimaz

You can put into the custom css template: /templates/ja_megastore/css/custom.css (Create this file if it doesn't exist)

saguaros

Hi taimaz For the issue of product title in RTL, I've already reported to the dev team to fix it. I will update here when having news.

To customize CSS, we always recommend to add custom css into 'custom.css' file as I mentioned above, if you add into css file of module, it would be lost when you update new version of module or template.

Regards

taimaz

At least until you update, tell me with which CSS code I can align this.
I have a custom CSS file but I do not know with which code I should sort them right

saguaros

taimaz

To add specific css rule for RTL, you can use this:

[dir="rtl"] selector {
  //RTL specific rules;
}

For example:

[dir="rtl"] h1 {
  color: green;
}

saguaros

For the product title in RTL, you can use this custom css to fix it:

.sl-product .spacer {
  direction: rtl;
}

saguaros

saguaros For the product title in RTL, you can use this custom css to fix it:

I provided the solution in my above reply for title module in RTL on homepage, could you update it?

For the new question, please help to submit new topic for it, it will be helpful for community if others have the same concern.

taimaz

saguaros
a few seconds ago
It was really great. You do not know what a beautiful feeling it was when I saw it, and I thank you very much

taimaz

I want to complete your guide so that others can use it as well. With that code, only the upper part will be rtl, and there is still a problem in the tabs section, and with this code that I add to your code, the problem of rtl the tabs will also be solved.

.sl-product .spacer {
  direction: rtl;
}
.owl-carousel .spacer {
    direction: rtl;
}

saguaros

taimaz Great!