Image slider is not working in RTL language

[mojtabam]

Hi,

I have upgraded to prestashop 1.5.4.1 and the image slide rotator in the home page is not showing any picture when in RTL language. But it is working when I am in English section of the site.

Please kindly let me know how can I fix it?

 

http://www.supershahr.com/fa/

 

Best Regards,

Mojtaba

[yaniv14]

Just change 'modules/homeslider/bx_style.css' line 8

 

from:

 

.bx-window {margin-bottom:20px;}

 

To:

 

 

.bx-window {margin-bottom:20px;direction: ltr !important;}

Edited April 28, 2013 by yaniv14 (see edit history)

[mojtabam]

Thank you yaniv14 very much.

It solved the problem in firefox, but it is still not working in chrome!!

The only question is that, should I change these files each time upgrading prestashop?

 

Thank you very much,

Mojtaba

Edited April 28, 2013 by mojtabam (see edit history)

[yaniv14]

I checked your site in IE, FireFox & Chrome and its working fine in all three.

 

Try to clear your browser cache in Chrome (CTRL + F5, 2-3 times).

 

About the 2nd question, if the upgrade will update your module than you will have to do it again, just write it down somewhere for future reference.

[mojtabam]

Thank you very much for your help.

 

Mojtaba

[zavidy]

Just change 'modules/homeslider/bx_style.css' line 8

 

from:

 

 

To:

 

i have same problem with this image slider,,how to change it?

im newbie...just learn now,,help

[yaniv14]

Just follow my instruction on the post above.

or post your site url to see if its different

[zavidy]

im still work for it offline,,so i cant share it now,,,im confused where i can find bx_style.css,,,cos when i wanna configure the module i cant see it coding

[yaniv14]

bx_style.css will be in 'modules/homeslider' folder

you cannot change css in BO (admin panel)

[zavidy]

yaniv,,,i was change it like your instruction but still when in rtl language my slide didnt change

[yaniv14]

Make sure that Force compile is turned on in Back office, and clear your browser cache (Ctrl + F5 - 3 times).

Also you can delete all the files beside index.php inside 'cache/smarty/compile'

[ipcomp1]

Hello Yaniv

 

I have try your fix on version 1.5.4.1

.bx-window {margin-bottom:20px;direction: ltr !important;}

and it doesn't seems to work , have any idea how to fix it ?

[yaniv14]

is should work in 1.5.4.1, can you post url to your site?

[ipcomp1]

sure - it's http://diligo.co.il

[yaniv14]

You are probably not modifying the correct file, you will need to edit 'themes/gray/css/modules/homeslider/bx_styles.css'.

I guess you tried to edit 'modules/homeslider/bx_styles.css'.

 

The css in the themes folder will override the one on the root folder.

[ipcomp1]

yeap that did the trick , thank you very much !

[techie_j]

Just change 'modules/homeslider/bx_style.css' line 8

 

from:

 

 

To:

 

i have modified the file as per the post, but still my website is not displaying the slider if i change the language.

 

url: http://mcaf.ee/4o2zp

[techie_j]

solved the issue

 

deleted and re-installed the languages.

[Phil B]

I've implemented the change to the CSS but slider is still not showing.

Original is .bx-window {margin-bottom:5px;width:706px !important;}

Theme is Fresh Market Prestashop Theme - PRS050107

Prestashop is 1.5.4.1

URL is http://spiruline-cabrafol.fr/

Any help please ? Thank you very much

[yaniv14]

Your issue is different, try to implant the slider module to displayTop and not to displayHome.

And remove it from displayHome

[Phil B]

It's too complicated for me, too cryptic. Slider does not want to go to Top as suggested. Very disapointed by the theme I was using, Wasting my time, and my money, Not sure I will get a refund. I prefer to give up. Sorry for any inconvenience. Thank you...

[yaniv14]

dont give up yet.

check this post http://mypresta.eu/en/art/tips-and-tricks/how-to-move-image-slider-module-from-home-to-top-in-prestashop.html

[hmulhim]

Any ideas how to make the slider work with RTL in version Prestashop 1.5.5.0?

 

Hussam

[aven1]

ADD :

direction: ltr !important;

TO :

.bx-viewport

IN :

homeslider.css

Edited March 29, 2014 by aven1 (see edit history)

[vekia]

ADD :

direction: ltr !important;

TO :

.bx-viewport

IN :

homeslider.css

you're talking about 1.6 or 1.5 ? or about both of them?

[ipcomp1]

Hello Yaniv

 

thank you for the solution  , it's working also in version 1.6 , now the homesilder appear  

do you also how to add the 2 small banners like in the demo of 1.6 ?

see picture attached 

[krishnagadgul]

Hello there,

i am facing same problem as mentioned above ... when i Choose English  sliders are working and when i choose arebic slider are not showing .

i am using version 1.6.0.7

 

http://weoptimize.in/StandardTea/

 

Please help anybody...

[badrelmers]

in prestashop 1.6.0.9 the slider in rtl like arabic work fine with this changes:

 

add this

#homeslider  {
  float: left !important; }

 

in

themes/default-bootstrap/css/rtl.css

 

 

N.B.: I changed the width of the default slider to full page width ,so i don t have the two banners but only the slider as explained here

http://mypresta.eu/en/art/prestashop-16/full-width-homeslider.html

[vekia]

hello

i already asked in other topic

it's enough to use only float:left!important ? does the text appears well?

[badrelmers]

For the text I only translated the text into arabic and alligned text to right in the slider options in back office (pic1)

then i applied the float:left!Important as explained before , that s all

result is this (pic2)

[soreba]

hi all

fix like this pro

 in v 1.6

 

goo direct two this path

 

default-bootstrap\css \ rtl.css

 

 

direction: ltr !important; 

 

هذه الطريقة تعمل علي الاصدر السادس اما دونه لا اعلم 

 

اذهب الي السار الاعلى 

وغير في rtl.css